انتقل إلى المحتوى
TV viewلنتحدث
عربي
كل الأعمال

تصميم تطبيق للهاتف المحمول

DoBetrBoy. تتبع الدورة الشهرية من جانب الشريك

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصميم الواجهة · أرشيف Figma
غلاف العرض التقديمي لتطبيق DoBetrBoy من ملف التصميم الأصلي.
غلاف العرض التقديمي من الملف الأصلي.

شاشات من ملف التصميم الأصلي في Figma، ببيانات تجريبية.

مساهمتي

DoBetrBoy تطبيق للشركاء. يتابع موضعها في دورتها الشهرية، ويرصد ما تشتهيه، ويجمع طرقا صغيرة لتقديم الراحة. وقد صممت شاشاته حول سؤال بسيط: ما الذي قد يساعد اليوم؟

جميع التواريخ والمراحل والملاحظات على الشاشة بيانات تجريبية.

تسجيل من النموذج الأولي في Figma. من حلقة الدورة إلى التقويم وقائمة الاشتهاءات والملف الشخصي.
الشاشة الرئيسية فيها شريط للأسبوع، وحلقة مقسمة إلى أربع مراحل من الدورة مع مفتاح للرسم، وفي المنتصف عبارة «الدورة بعد 15 يوما»، وبطاقة عليها وجه نائم تقول إنها في المرحلة الأصفرية وقد تحتاج إلى قليل من الراحة.
الشاشة الرئيسية: موضع اليوم من الدورة، وتحته ملاحظة قصيرة. بيانات تجريبية.

اليوم في لمحة

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

تحت الحلقة بطاقة تحوّل المرحلة إلى ملاحظة قصيرة: ‎“She is in the Luteal phase”‎، ويليها ‎“She might need a little rest”‎. وتبقى الصياغة غير جازمة: اقتراح وليس إخبارا بما تشعر به.

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

لفتات صغيرة وعملية

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

مكتبة المواساة هي الشاشة الأهدأ: جملة واحدة ورسم توضيحي واحد في كل مرة، مع أزرار للرجوع أو التقدم أو المشاركة.

شاشة تقويم الدورة تعرض شهرا بأربعة أيام مظللة بألوان المراحل، وتحته بطاقة بملاحظات اليوم المحدد.
تقويم الدورة: ألوان المراحل على الشهر وملاحظات اليوم المحدد. بيانات تجريبية.