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

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

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

Heartbeat

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

دوري
مسارات المنتج وتصميم الواجهة
حالة المشروع
تصور لتطبيق جوال · أرشيف Figma
نموذج تصميمي لتطبيق Heartbeat مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

01

مساهمتي

Heartbeat تصور لتطبيق صحي للجوال. ويطلب وصفه في الملف إدخالا قليلا للبيانات، ورؤية واضحة للحالة الصحية للشخص، وتنبيهات لأعراض كوفيد.

صممت الشاشات حول John، وهو مستخدم خيالي، وكل قراءة فيها بيانات تجريبية.

تسجيل من النموذج الأولي في Figma. شاشة ساعة دائرية: معدل ضربات القلب، ثم فحص قصير للأعراض.

02

من البيانات الخام إلى إجابة واضحة

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

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

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

03

حين تحتاج قراءة إلى انتباه

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

جدول يتتبع مستخدما خياليا عبر ست مراحل، بصفوف للوصف والقنوات والأهداف والمشاعر والأفكار، ومنحنى يرتفع من محبط إلى سعيد.
خريطة تجربة John، وهو مستخدم خيالي. الاقتباسات جزء من شخصية المستخدم الخيالية.
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 دراسات الحالة