Jawwal is the first mobile network operator in Palestine. It was established in 1999, and is owned by Paltel. For this project, I was tasked to enhance the user experience of their selfcare mobile app (Hesabi).

شركة الاتصالات الخليوية الفلسطينية جوال هي أول مشغل للاتصالات اللاسلكية في فلسطين وتأسست في العام 1999. بهذا المشروع، كانت مهمتي هي تحسين تجربة الإستخدام لتطبيقهم المسمى جوال حسابي.

The old app design was not user friendly and hard to use. It has a lot of UX problems that causes the subscribers to not achieving their goals when using the app.

التطبيق القديم كان صعب الاستخدام ويحتوي على مشاكل كثيرة في تجربة المستخدم، بحيث كانت تمنع أو تصعّب على المشترك القيام بمهامه بالشكل الصحيح.

I used the app to achieve certain tasks, and while doing them, I noted all the UX issues in an excel sheet. As of that, my work will be based on a real issues and goals to achieve.

I needed to understand every single detail of the app, so I worked on a user stories sheet which contains all the details a subscriber can do. Once this is done, I can use it to track my work and see if the design I'm working on did achieve all the stories.

That way, we will have a clear view to kick off working on the user flow, and start sketching some basic wireframes for the screens.

بهذه الطريقة، اصبح لدينا صورة اوضح لكي نبدأ بالعمل على تخطيط التطبيق كامل.

I try 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 is not final. Once I feel OK on paper, I move to digital wireframing tools, in the next step.

حاولت استكشاف كيف ستظهر بعض الشاشات بالتطبيق من ناحية التقسيم والواجهة، مع الاخذ بعين الاعتبار ان توزيع العناصر ليس نهائي. عندما اشعر بأنني مرتاح على الورق وكل شيء كما اريد، انتقل للعمل على أدوات رقمية للتخطيط.

I used Adobe XD to work on the initial wireframes explorations for the app. I didn't work on all screens, I just explored different concepts and ideas, then I moved to the UI part.

قمت بإستخدام ادوبي اكس دي للعمل على التخطيطات الأولية للتطبيق. حيث لم أقم بالعمل على جميع الشاشات، لكن استكشفت ما يكفي من الافكار، بعد ذلك انتقلت إلى مرحلة التصميم.

As a UX designer, my job is to deliver the best possible experience. I did a review for some telecom companies in the middle east by exploring their mobile apps and how they designed them.

Once we finished the exploration step, I started working on different options for the home screen. In total, we worked on 8 options and the last one "08" is the approved one.

بعد ما انتهينا من مرحلة الاستكشاف، بدأت بالعمل على عدة خيارات للشاشة الرئيسية. في نهاية الأمر، وصل عددها إلى 8 وتم إختيار الأخير.

A flow for how the subscriber can sign in. 

توضيح لكيفية تسجيل دخول المشترك إلى حسابه.

And here is a prototype for the animation of the walkthrough screens.

There are a lot of services that the subscriber can pick from, we will explore some of them.

هناك العديد من الخدمات التي يستطيع المشترك أن يحصل عليها، سوف يتم عرض تصاميم البعض منها.

With the chosen numbers service, a subscriber can add from 6-9 favorite numbers so he can call him/her at discounted rates.

مع خدمة الأرقام المختارة، يستطيع المشترك إضافة 6-9 أرقام بحيث يستطيع الاتصال بهم بأسعار مخفضة.

With the balance history service, the subscriber can see a detailed view of how he/she spent the balance.

مع خدمة اشرحلي رصيدي، يستطيع المشترك أن يحصل على شرح مفصل لكيفية صرف الرصيد الخاص به.

For the post paid subscribers, they have the ability to see the last 6 invoices, in addition to see the detailed invoice.

لمشتركي الفاتورة، بإمكانهم مشاهدة آخر 6 فواتير، بالإضافة إلى الإطلاع على تفاصيل كل فاتورة على حدة.

In case of travel or losing the phone, a subscriber can disconnect his account.

بحال السفر أو تعرض الهاتف للضياع أو السرقة، يستطيع المشترك إيقاف رقمه بشكل مؤقت.

You can watch the below video that was done by Scribble Studio.

يمكنك مشاهدة الفيديو أدناه والذي تم عمله بواسطة المبدعين في سكربل ستديو.

App Store: https://goo.gl/3i8R5o 

Google Play: https://goo.gl/jEz9s2

Thanks a lot for reaching here.

If you need help in your next UX/UI design project, I'll be happy to hear from you on:

contact[at]ishadeed[dot].com.