اسحب للاستكشاف. مرّر أو استخدم إصبعين للتكبير. افتح المساعدة لعرض اختصارات لوحة المفاتيح.

Yan
متاح
للمشاريع
لنتحدث
Yan Fontão Boring view
All work

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

DoBetrBoy

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

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

01

مساهمتي

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

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

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

02

اليوم في لمحة

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

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

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

03

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

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

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

000

التعليمات

Yan Fontão
لمسة
تفتح شاشة
نقرة
تفتح شاشة
سحب
يتجوّل في اللوحة
العجلة
الفأرة تكبّر، ولوحة اللمس تحرّك، وإصبعان يكبّران
− +
تراجع لرؤية اللوحة كاملة، أو اقترب
الأسهم
في دراسة الحالة: ↑↓ لتبديل الدراسة، ←→ لتبديل الوسائط. في اللوحة: للتحريك
مسافة
تفتح أو تعود
Enter
يفتح
Esc Backspace
رجوع
Home
العودة إلى الوسط، ثم إلى المقدمة
PgUp PgDn
القناة السابقة أو التالية
Tab
يتنقل بين المشاريع والروابط
R
مشروع عشوائي
0–9
اكتب رقم القناة، 1–61
?
هذه الصفحة
الاختصارات

موسيقى اللوحة

الملفات مضغوطة وموحّدة الصوت للويب.

متاح
للمشاريع
لنتحدث

رسالة جديدة إلى يان

أخبرني من أنت وسأرد عليك.

000

عن يان

مرحبًا، أنا يان

مصمم منتجات/ مهندس تصميم

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

  • 2018بداية تطوير البرمجيات
  • UI + codeالتصميم والتنفيذ

عملت مع Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

البرازيل · عن بُعد أو هجين أو حضوريًا

صورة يان فونتاو جالسًا بسترة خضراء ونظارة ويمسك ميكروفونًا.
متاح
للمشاريع
لنتحدث
متاح
للمشاريع
لنتحدث
000

قناة مقفلة

بموجب اتفاقية عدم إفصاح

أدخل الرمز

اطلب الرمز من يان ↗
متاح
للمشاريع
لنتحدث
YAN FONTÃO دراسات الحالة

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

DoBetrBoy

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

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

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

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

مساهمتي

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

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

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

اليوم في لمحة

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

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

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

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

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

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

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