Introduction - المقدمة
Jamalon express is a mobile app that focuses on selling printed books to customers. The app is currently working in Saudi Arabia.
جملون اكسبرس هو تطبيق موبايل يركز على بيع الكتب المطبوعة للعملاء ويعمل حالياً في السعودية فقط.
The Old Design - التصميم القديم
The old design was made quickly as a prototype and as a result, the user experience wasn't as good. For example, the design patterns used weren't clear and obvious to the user. Here are a couple of screens from the old design:
The Design Process - عملية التصميم
User Stories - قصص المستخدمين
To understand all of the app ins and outs, we worked on a user story sheet that includes everything the user is expected to do/have. We added our questions and discussed all of them with the team.
لفهم جميع تفاصيل التطبيق، عملنا على قصص المستخدمين والتي تحتوي على كل شيء يجب/يستطيع المستخدم فعله. قمنا بإضافة أسئلة واستفسارات وناقشناها مع فريق جملون.
Initial Sketches - السكيتشات الاولية
We tried to explore how some of the views will look in terms of structure and layout by taking in consideration that the order and placement of elements are not final.
حاولنا استكشاف افكار على الورق كي انتقل بعدها إلى الكمبيوتر لتسريع العملية.
Wireframing - التخطيط
As usual, our preferred method for wireframing is Adobe XD. We worked on all app main wireframes and discussed them with the team.
كالمعتاد، أداتنا المفضلة لعمل التخطيطات هي ادوبي اكس دي. قمنا بالعمل على جميع التخطيط الرئيسية وناقشناها مع الفريق.
UI Design - تصميم واجهة الاستخدام
Loading Screen - شاشة التحميل
A flow for how the user can sign up in the app.
توضيح لكيفية عمل حساب لمستخدم جديد.
Cart - شاشة المشتريات
A flow for how the user can purchase a book
توضيح كيفية عملية شراء كتاب.
Search for an order - البحث عن طلبية
The flow for searching for an order.
عملية البحث عن طلب.
Adding on that, the order details screen has some different variations, here are some of them.
بالإضافة لذلك، شاشة تفاصيل الطلب لها عدة حالات، هنا بعض منها.
Multiple Shipments - شحنات متعددة
An order can have multiple shipments
يمكن أن يكون هناك طلب فيه أكثر من شحنة
Canceling an Order - إلغاء طلب
The flow of canceling an order
خطوات إلغاء طلب كتب
Book Details - تفاصيل الكتاب
The flow of reviewing a book
خطوات مراجعة كتاب
My Shipping Addresses - عناوين الشحن
The flow of adding a new shipping address
خطوات إضافة عنوان شحن جديد
The End
If you have a project and would like us to help you in the UX process, Uxable team is ready. Get in touch on hello[at]uxabledesign[dot]com.
هل لديك مشروع وتحتاج مساعدتنا في تصميم تجربة المستخدم؟ فريق يوكسبل جاهز. تواصل معنا من خلال البريد الالكتروني التالي:
hello[at]uxabledesign[dot]com
