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

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

Case 003تتبع العادات والروتين المشترك

BetterTogether

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

دوري
استراتيجية المنتج وتجربة المستخدم وواجهته والتنفيذ
حالة المشروع
Flutter Web/PWA منشور
النظرة اليومية والرحلة المشتركة وميزان السعرات في BetterTogether.
النظرة العامة في BetterTogether بالوضع الداكن.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي. تفاعلات التطبيق الحالية: النظرة اليومية وميزان السعرات والإدخال. تسجيل مأخوذ من مكونات التطبيق الفعلية، باستخدام بيانات اصطناعية للعرض التوضيحي.

01

مساهمتي

يجمع BetterTogether السجلات الصغيرة للروتين اليومي في تحد مشترك: وضع علامة على عادة، وإضافة سعرات وجبة، وتسجيل تمرين، ثم العودة لمعرفة ما تغير. عملت على استراتيجية المنتج وتجربة المستخدم وواجهته والتنفيذ باستخدام Flutter.

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

العادات اليومية وحالات الإنجاز في BetterTogether.
ميزان السعرات التفاعلي في BetterTogether.
نافذة إدخال السعرات في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.

02

ربط كل إدخال بيوم

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

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

03

جعل حساب السعرات سهل القراءة

يدخل المستخدم السعرات المتناولة والتمارين يدويا عبر لوحة إدخال رقمية. وتضع الآلة الحاسبة هذه السجلات في علاقة بصرية مع الهدف اليومي المحدد في الإعدادات، عبر حلقة ونتيجة بإشارة موجبة أو سالبة وإرشادات حسب السياق.

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

شرح ميزان السعرات في BetterTogether.
بطاقة العد التنازلي للتحدي في BetterTogether.
ميزان السعرات في BetterTogether بعد إدخال سجل.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.

04

تعريف معنى اليوم المشترك

للسلسلة المشتركة قاعدة محددة: على كل مشارك أن يكمل عادة واحدة على الأقل ويسجل سعرات متناولة أو تمرينا في اليوم نفسه. وتعرض الواجهة السلسلة الحالية وأطول سلسلة وما إذا كان اليوم الحالي محسوبا بالفعل.

يبقي شريط أفقي قابل للتمرير التحدي والعد التنازلي والكشف المقفل في المتناول. وتوفر المكافآت محطات على امتداد الرحلة المشتركة. وحين يصبح الكشف الأخير متاحا ينتقل إلى مساحة أكبر تعرض نظرة استعادية على التحدي.

05

الاستجابة التفاعلية في كل أنحاء التطبيق

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

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

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 دراسات الحالة

القناة 03 تتبع العادات والروتين المشترك

BetterTogether

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

دوري
استراتيجية المنتج وتجربة المستخدم وواجهته والتنفيذ
حالة المشروع
Flutter Web/PWA منشور
الفترة
2026
النظرة اليومية والرحلة المشتركة وميزان السعرات في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.
تفاعلات التطبيق الحالية: النظرة اليومية وميزان السعرات والإدخال. تسجيل مأخوذ من مكونات التطبيق الفعلية، باستخدام بيانات اصطناعية للعرض التوضيحي.
النظرة العامة في BetterTogether بالوضع الداكن.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.

العادات والوجبات والحركة في عرض يومي واحد

مكونات التطبيق الحالية وتفاعلاته، معروضة ببيانات اصطناعية.

مساهمتي

يجمع BetterTogether السجلات الصغيرة للروتين اليومي في تحد مشترك: وضع علامة على عادة، وإضافة سعرات وجبة، وتسجيل تمرين، ثم العودة لمعرفة ما تغير. عملت على استراتيجية المنتج وتجربة المستخدم وواجهته والتنفيذ باستخدام Flutter.

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

ربط كل إدخال بيوم

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

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

العادات اليومية وحالات الإنجاز في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.

جعل حساب السعرات سهل القراءة

يدخل المستخدم السعرات المتناولة والتمارين يدويا عبر لوحة إدخال رقمية. وتضع الآلة الحاسبة هذه السجلات في علاقة بصرية مع الهدف اليومي المحدد في الإعدادات، عبر حلقة ونتيجة بإشارة موجبة أو سالبة وإرشادات حسب السياق.

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

ميزان السعرات التفاعلي في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.
نافذة إدخال السعرات في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.
شرح ميزان السعرات في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.

تعريف معنى اليوم المشترك

للسلسلة المشتركة قاعدة محددة: على كل مشارك أن يكمل عادة واحدة على الأقل ويسجل سعرات متناولة أو تمرينا في اليوم نفسه. وتعرض الواجهة السلسلة الحالية وأطول سلسلة وما إذا كان اليوم الحالي محسوبا بالفعل.

يبقي شريط أفقي قابل للتمرير التحدي والعد التنازلي والكشف المقفل في المتناول. وتوفر المكافآت محطات على امتداد الرحلة المشتركة. وحين يصبح الكشف الأخير متاحا ينتقل إلى مساحة أكبر تعرض نظرة استعادية على التحدي.

بطاقة العد التنازلي للتحدي في BetterTogether.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.

الاستجابة التفاعلية في كل أنحاء التطبيق

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

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

ميزان السعرات في BetterTogether بعد إدخال سجل.
مكونات التطبيق الحالية ببيانات اصطناعية للعرض التوضيحي.