تصميم UI/UX لتطبيق متخصص في المدفوعات الإلكترونية

التطبيق متخصص في المدفوعات الإلكترونية وبيع بطائق الألعاب والتطبيقات والسحب والتحويل إلى المحافظ الإلكترونية كالتحويل والسحب من وإلى Perfect Money.

التطبيق يحتوي على محفظة للمستخدمين ليتمكن من الإيداع إلى حسابه في التطبيق عبر وسائل ايداع متنوعةومن ثم يقوم المستخدم باجراء المدفوعات سواء لشراء بطائق الألعاب والتطبيقات أو التحويل إلى بنوك ومحافظ الكترونية كالتحويل إلى Perfect Money مثلاً.

واجهات التطبيق

1.واجهة الترحيب (Splash screen):

واجهة تحتوي على شعار الشركة مع وجود بعض التحريك ولا تتجاوز مدته 2 إلى 3 ثوان.

غير متوفرة حاليا بالتطبيق.

2. واجهة تسجيل دخول:

الواجهة المسؤولة عن تسجيل الدخول وتحتوي على السلايدر وحقلي اسم المستخدم وكلمة المرور مع زر تسجيل الدخول. تحتوي أيضا على رابط لإنشاء حساب ورابط في حال نسيان كلمة المرور. تحتوي أيضا على زر تغيير اللغة.

3.واجهة إنشاء حساب:

الواجهة المسؤولة عن تسجيل حساب وتحتوي على الحقول التالية:

-الاسم الأول.

-اسم الأب.

-اسم الجد.

-اللقب.

-رقم التلفون.

-اختيار (البطاقة، الجواز).

-رقم الهوية.

-كلمة المرور.

-تأكيد كلمة المرور.

-رابط لسياسة الخصوصية.

-تأكيد الموافقة على سياسة الخصوصية.

-زر تسجيل الحساب.

-رابط لتسجيل الدخول.

4.واجهة طلب تغيير كلمة المرور:

تتكون من :

-تعليمات خاصة لعملية تغيير كلمة المرور.

-حق إدخال رقم التلفون.

-زر إرسال.

-زر رجوع.

5.واجهة تعديل كلمة المرور:

تحتوي على:

-رقم التلفون كنص.

-حقل إدخال PIN.

-حقل إدخال كلمة المرور الجديدة.

-حق إدخال تأكيد كلمة المرور.

6.الواجهة الرئيسية:

تحتوي على 3 تابات:

-الصفحة الرئيسية: تحتوي على بيانات المستخدم (الاسم ورقم التلفون)، رقم الحساب ونوعه، زر تغذية الرصيد، الخدمات المقدمة من التطبيق مع زر المزيد.

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

-صفحة قائمة الطلبات: هذه الصفحة تعرض الطلبات التي قام بها المستخدم خلال استخدامه للتطبيق، يحتوي على 2 تابات (التغذية والاستلام، الشحن والسحب)، كل تاب يحتوي على قائمة من الطلبات عند الضغط على أي طلب تظهر تفاصيله في واجهة جديدة.

كما يحتوي على فلترة للطلبات (كافة الطلبات، جاري المعالجة، جاهز).

7.واجهة تغذية الرصيد:

تحتوي على قائمة الخدمات التي يمكن من خلالها تغذية الرصيد، وعند النقر على أي خدمة يتم فتح صفحة جديدة يتم إظهارها وتحتوي على:

-المعلومات الخاصة لتغذية رصيد.

-حقول الإدخال (رقم الحوالة، المبلغ، صورة العملية).

- زر تغذية الرصيد.

8.واجهة الخدمات:

عند الضغط على أي خدمة من الخدمات المتواجدة في الصفحة الرئيسية يتم التوجه لصفحة الخدمة والتي تحتوي على 2 تاب (شحن وسحب).

-صفحة الشحن: تحتوي على معلومات الشحن مع حقول إدخال (عنوان العملة، المبلغ، ملاحظات) مع زر الشحن.

-صفحة السحب: نفس صفحة التغذية.

وفي كل صفحة هناك زر للاتصال بالمساعدة.

9.صفحة المزيد من الخدمات:

في الواجهة الرئيسية عند الضغط على مزيد يتوجه التطبيق بصفحة المزيد من الخدمات، والتي تحتوي على:

-الخدمة وأسفلها فروعها. (تتكرر لكل الخدمات).

-عند الضغط على أي خدمة يتم إظهار الخدمات الفرعية التي يمكن تقديمها، وعند الضغط على الخدمة المراد استخدامها يتم إظهار نافذة فرعية تحتوي على بيانات الإدخال (رقم الهاتف، الميلغ، زر دفع، زر إلغاء، .... وقد تحتوي على حقول أخرى حسب الخدمة).

10.الواجهات التفاعلية:

-واجهة النجاح: واجهة تحتوي على رسالة تمت العملية بنجاح وزر موافق.

-الرسائل المنبثقة: رسائل تظهر في حال التأكيد على عمليات معينة وتحتوي على أيقونة وعنوان ومحتوى وزر موافق وزر إلغاء.