→ الرئيسية

إعادة تصميم تطبيق جمعية عيني لإعادة التدوير

مشروع تحسين واجهة UI/UX UX Research Wireframing Figma
Eayni Redesign Cover
مشروع تحسين لواجهة تطبيق الجمعية، وغير مرتبط رسمياً بجمعية عيني لإعادة التدوير. الشعار والرسومات تعود لأصحابها.
13
شاشة تم تحليلها
16
شاشة جديدة صممتها
6
قرارات تصميم رئيسية

نظرة عامة

تطبيق جمعية عيني يتيح للمستخدم طلب استلام تبرعات من ملابس وأجهزة وورق ومعادن وغيرها من منزله. استخدمته فترة، ولاحظت أن تجربته تعيق هدفه الأساسي: أن يبدأ المستخدم طلب تبرع بسرعة.

المشكلة

بعد إنشاء حساب وتحديد الموقع، احتجت وقتاً لأعرف أين أبدأ طلب تبرع بالملابس. بتحليل الشاشات وجدت:

الهدف

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

الحل المقدم

أعدت بناء المسار على فكرة واحدة: التبرع يجب أن يبدأ من أول شاشة. الرئيسية الآن تبدأ بزر واضح «ابدأ طلب تبرع» وشبكة بأنواع التبرع، و«السلة» صارت «طلباتي» لأنها أقرب لما يفعله المستخدم فعلاً: يتبرع ويتابع. اختيار العناصر صار بخطوة واحدة بشرائح الأنواع وعدّاد لكل عنصر، وكل بيانات الاستلام (الخريطة والعنوان والجوال والصور والملخص) اجتمعت في شاشة واحدة قبل الإرسال.

وحالة الطلب صارت مراحل واضحة (تم الاستلام، قيد المراجعة، المندوب في الطريق، تم الاستلام) بدل الشريط الأصفر الثابت، مع خيارات التعديل والإلغاء. وأضفت الشاشات المكمّلة الناقصة: تأكيد الإرسال، شرح إذن الموقع، العناوين المحفوظة، الإشعارات، واستعادة كلمة المرور بالرمز، ووحّدت الخطوط والألوان والأزرار في كل الشاشات.

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

شاشة 1 شاشة 2 شاشة 3 شاشة 4

الأدوات

Figma Wireframing Prototyping Heuristic Review
شاهد على Behance