Sehati
البحث وتحليل المنافسين
أجرينا مقابلات واستبيانات مع مستخدمين محتملين، ونظّمنا ما سمعناه في مخطط التآلف (Affinity Diagram)، وحلّلنا سبعة تطبيقات محلية وعالمية (حكيمي، دواء، طلبات الصيدليات، Drug Center، iHerb، طبكان، الطبي) من حيث التنقل والحجز وطلب الدواء والاستشارات.
الملاحظة الأهم: لا يوجد تطبيق واحد يتقن الحجز والصيدلية والاستشارة الموثوقة معًا، فكل تطبيق قوي يفتقد الجانبين الآخرين، فيتنقل المستخدم بين التطبيقات.
الشخصية والاحتياجات
لخّصنا البحث في شخصية رئيسية واحدة: رمزي، موظف مشغول يعتمد على هاتفه في كل شيء تقريبًا، ويترك أي مسار مربك أو بطيء.
- حجز طبيب موثوق بسرعة ودون انتظار طويل.
- الحصول على إجابات موثوقة من مساعد ذكي في أي وقت.
- طلب الأدوية بأسعار واضحة.
- الاطمئنان إلى خصوصية البيانات الطبية وأمانها.
المسارات والهياكل
باستخدام أسلوب Crazy Eights رسمنا اتجاهات كثيرة بسرعة، ثم رتّبنا الميزات حسب الإتاحة والثقة والسرعة، ورسمنا مسار المستخدم وخريطة التطبيق بحيث تبدأ كل مهمة أساسية من الشاشة الرئيسية.
- حجز طبيب7 شاشة
- صفحة الطبيب
- تأكيد الحجز
- التقييم
- مواعيدي
- السجل
- تغيير الموعد
- إلغاء
- صفحة الطبيب
- الاستشارة عن بُعد5 شاشة
- صفحة الطبيب
- الاستشارة
- التقييم
- استشاراتي
- السجل
- صفحة الطبيب
- المحادثة الذكيةشاشتان
- المحادثات السابقة
- المحادثة
- المتجر4 شاشة
- صفحة المنتج
- السلة
- الدفع
- التقييم
- الملف والإعدادات9 شاشة
- تعديل الملف
- الأمان
- الإشعارات
- الاشتراكات والمدفوعات
- طرق الدفع
- سجل الفواتير
- ترقية الباقة
- المساعدة والدعم
- من نحن
- البداية
- النهاية
- شاشة
- إجراء النظام
- قرار
الدخول
- البداية: البداية
- قرار: لديك حساب؟
- نعم: البريد وكلمة المرور
- لا: التسجيل بالبريد واسم المستخدم والهاتف
- أو المتابعة عبر Google
- قرار: البيانات صحيحة؟
- لا: تعديل وإعادة المحاولة
- نعم
- النهاية: الرئيسية
حجز طبيب
- البداية: البحث عن طبيب
- شاشة: اختيار الطبيب
- شاشة: اختيار التاريخ والوقت
- قرار: الوقت متاح؟
- لا: الانضمام لقائمة الانتظار أو اختيار وقت أو طبيب آخر
- نعم
- شاشة: تأكيد الحجز
- النهاية: تقييم الخدمة والطبيب
الطلب من الصيدلية
- البداية: البحث عن منتج
- قرار: المنتج المناسب؟
- لا: متابعة التسوق
- نعم: إضافة للسلة
- شاشة: الدفع: عنوان التوصيل
- قرار: طريقة الدفع
- بطاقة محفوظة
- بطاقة جديدة مع التحقق
- شاشة: تأكيد الطلب
- النهاية: التوصيل ثم التقييم
سؤال المساعد الذكي
- البداية: كتابة السؤال أو قوله
- شاشة: تظهر الإجابة
- قرار: ماذا بعد؟
- سؤال إضافي
- الحفظ في الملف مع عنوان
- العودة للرئيسية
- النهاية: النهاية
استشارة عن بُعد
- البداية: البحث عن طبيب واختياره
- قرار: اشتراك فعّال؟
- لا: الدفع أو بدء التجربة المجانية
- نعم
- شاشة: بدء الاستشارة
- النهاية: تقييم الطبيب
نظام التصميم والواجهات
بنينا نظام تصميم بسيطًا بلون أزرق طبي هادئ ومساحات بيضاء مريحة، ثم صمّمنا الشاشات النهائية. ويظهر التقييم وسنوات الخبرة وعدد المرضى على بطاقة كل طبيب لبناء الثقة قبل الحجز.
من Figma مبني بأنماط الألوان والنصوص في Figma. مأخوذة من ملف صحتي في Figma: 40 نمط لون في أربع عائلات، و27 نمط نص، ومتغيرا لون إضافيان.
- الألوان: معرّف
- الخطوط: معرّف
- سلّم الخطوط: معرّف
- المسافات: غير معرّف في الملف
- الزوايا: غير معرّف في الملف
- الظلال: غير معرّف في الملف
النظام قيد الاستخدام
الألوان
يُحسب التباين مع الأبيض أو أغمق لون نص، أيهما أعلى. اضغط على أي لون لنسخ قيمته.
الأساسي: الأزرق الطبي
الثانوي: السماوي
النص والخلفية
إضافات
الخطوط
- Public SansLight وMedium وBold لكل الأحجام
سلّم الخطوط
- H1 · 58 · 700تصميم يفهمه الناس
- H2 · 50 · 700تصميم يفهمه الناس
- H3 · 40 · 500تصميم يفهمه الناس
- H4 · 32 · 500تصميم يفهمه الناس
- H5 · 24 · 500تصميم يفهمه الناس
- H6 · 20 · 500تصميم يفهمه الناس
- Body · 16 · 400تصميم يفهمه الناس
- Small · 14 · 400تصميم يفهمه الناس
- XSmall · 12 · 400تصميم يفهمه الناس
ارتفاع السطر 120% في كل الأحجام.
الرئيسية: أربع خدمات الأطباء حسب التخصص ملف الطبيب اختيار الموعد
الصيدلية السلة مواعيدي المحادثة مع الطبيب
خطة اختبار الاستخدام
خططنا لجلسات عن بُعد بخمس مهام واقعية، وقيّمنا كل شاشة وفق مبادئ Nielsen العشرة لقابلية الاستخدام، مع قياس زمن المهمة ونسبة النجاح ونقاط الارتباك واستبيان بعد الاختبار عن السهولة والثقة.
- حجز طبيب قلب في تاريخ محدد.
- سؤال المساعد الذكي سؤالًا طبيًا.
- شراء فيتامين C من الصيدلية.
- فتح ملف طبيب وقراءة التقييمات.
- التنقل بين الاستشارة والحجز والصيدلية.
النموذج التفاعلي: حجز طبيب
النموذج الحي من ملف Figma الخاص بنا، من تسجيل الدخول حتى آخر شاشة: سجّل الدخول (أو أنشئ حسابًا أو استعد كلمة المرور)، ثم احجز طبيبًا واطلب من الصيدلية واسأل المساعد الذكي وأدِر مواعيدك.
تفضّل نظرة سريعة؟ في الأسفل الشاشات الأساسية واحدة تلو الأخرى مع الملاحظات.
تنقّل بين شاشات المسار الرئيسي من نموذج Figma الخاص بالفريق. الشاشات الطويلة يمكن تمريرها داخل الهاتف كما في التطبيق الحقيقي.
1 / 10 تسجيل الدخول
اضغط على الشاشة أو اسحب أو استخدم الأسهم للتنقل بين الشاشات.
ما تعلّمته
تجربة المستخدم في الصحة تبدأ بالثقة قبل الجمال. إظهار تقييم الطبيب وخبرته والأسعار الواضحة صنع ثقة أكبر من أي لمسة بصرية. والخطوة التالية: اختبار صياغة ردود المساعد الذكي مع مرضى حقيقيين، وإضافة واجهات عربية أولًا.
