متاح للعمل الوقت الآن في عمّان:
English

04 // صحة · تطبيق جوال · فريق

Sehati

تطبيق واحد هادئ لحجز الأطباء وطلب الأدوية وسؤال مساعد صحي ذكي.

الدور
مصمّم UI/UX وباحث تجربة مستخدم ضمن فريق تصميم
المشروع
مشروع جامعي جماعي
المنصة
iOS وAndroid
الأدوات
Figma, FigJam, Google Forms

المشكلة

الحصول على الرعاية يعني التنقل بين تطبيقات ومكالمات منفصلة للعثور على طبيب، والحجز، وطلب الدواء، وطرح سؤال سريع.

ما قمنا به

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

النتيجة

أربع خدمات على بُعد نقرة من الرئيسية، وحجز في أربع خطوات من البحث حتى التأكيد، وأزرار كبيرة وتباين عالٍ لمن يشعر بالتعب.

Sehati

البحث وتحليل المنافسين

أجرينا مقابلات واستبيانات مع مستخدمين محتملين، ونظّمنا ما سمعناه في مخطط التآلف (Affinity Diagram)، وحلّلنا سبعة تطبيقات محلية وعالمية (حكيمي، دواء، طلبات الصيدليات، Drug Center، iHerb، طبكان، الطبي) من حيث التنقل والحجز وطلب الدواء والاستشارات.

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

تحليل المنافسين: نقاط القوة والضعف لسبعة تطبيقات.

الشخصية والاحتياجات

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

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

المسارات والهياكل

باستخدام أسلوب Crazy Eights رسمنا اتجاهات كثيرة بسرعة، ثم رتّبنا الميزات حسب الإتاحة والثقة والسرعة، ورسمنا مسار المستخدم وخريطة التطبيق بحيث تبدأ كل مهمة أساسية من الشاشة الرئيسية.

هيكل سلكي أولي للشاشة الرئيسية
خريطة التطبيق
التسجيل / الدخول ← الرئيسية
  • حجز طبيب7 شاشة
    • صفحة الطبيب
      • تأكيد الحجز
      • التقييم
    • مواعيدي
      • السجل
      • تغيير الموعد
      • إلغاء
  • الاستشارة عن بُعد5 شاشة
    • صفحة الطبيب
      • الاستشارة
      • التقييم
    • استشاراتي
      • السجل
  • المحادثة الذكيةشاشتان
    • المحادثات السابقة
    • المحادثة
  • المتجر4 شاشة
    • صفحة المنتج
    • السلة
    • الدفع
    • التقييم
  • الملف والإعدادات9 شاشة
    • تعديل الملف
    • الأمان
    • الإشعارات
    • الاشتراكات والمدفوعات
      • طرق الدفع
      • سجل الفواتير
      • ترقية الباقة
    • المساعدة والدعم
    • من نحن
مسارات المستخدم
  • البداية
  • النهاية
  • شاشة
  • إجراء النظام
  • قرار

الدخول

  1. البداية: البداية
  2. قرار: لديك حساب؟
    • نعم: البريد وكلمة المرور
    • لا: التسجيل بالبريد واسم المستخدم والهاتف
    • أو المتابعة عبر Google
  3. قرار: البيانات صحيحة؟
    • لا: تعديل وإعادة المحاولة
    • نعم
  4. النهاية: الرئيسية

حجز طبيب

  1. البداية: البحث عن طبيب
  2. شاشة: اختيار الطبيب
  3. شاشة: اختيار التاريخ والوقت
  4. قرار: الوقت متاح؟
    • لا: الانضمام لقائمة الانتظار أو اختيار وقت أو طبيب آخر
    • نعم
  5. شاشة: تأكيد الحجز
  6. النهاية: تقييم الخدمة والطبيب

الطلب من الصيدلية

  1. البداية: البحث عن منتج
  2. قرار: المنتج المناسب؟
    • لا: متابعة التسوق
    • نعم: إضافة للسلة
  3. شاشة: الدفع: عنوان التوصيل
  4. قرار: طريقة الدفع
    • بطاقة محفوظة
    • بطاقة جديدة مع التحقق
  5. شاشة: تأكيد الطلب
  6. النهاية: التوصيل ثم التقييم

سؤال المساعد الذكي

  1. البداية: كتابة السؤال أو قوله
  2. شاشة: تظهر الإجابة
  3. قرار: ماذا بعد؟
    • سؤال إضافي
    • الحفظ في الملف مع عنوان
    • العودة للرئيسية
  4. النهاية: النهاية

استشارة عن بُعد

  1. البداية: البحث عن طبيب واختياره
  2. قرار: اشتراك فعّال؟
    • لا: الدفع أو بدء التجربة المجانية
    • نعم
  3. شاشة: بدء الاستشارة
  4. النهاية: تقييم الطبيب

نظام التصميم والواجهات

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

من Figma مبني بأنماط الألوان والنصوص في Figma. مأخوذة من ملف صحتي في Figma: ‏40 نمط لون في أربع عائلات، و27 نمط نص، ومتغيرا لون إضافيان.

النظام قيد الاستخدام

الألوان

يُحسب التباين مع الأبيض أو أغمق لون نص، أيهما أعلى. اضغط على أي لون لنسخ قيمته.

الأساسي: الأزرق الطبي

الثانوي: السماوي

النص والخلفية

إضافات

الخطوط

  • Public SansLight وMedium وBold لكل الأحجام

سلّم الخطوط

  1. H1 · 58 · 700تصميم يفهمه الناس
  2. H2 · 50 · 700تصميم يفهمه الناس
  3. H3 · 40 · 500تصميم يفهمه الناس
  4. H4 · 32 · 500تصميم يفهمه الناس
  5. H5 · 24 · 500تصميم يفهمه الناس
  6. H6 · 20 · 500تصميم يفهمه الناس
  7. Body · 16 · 400تصميم يفهمه الناس
  8. Small · 14 · 400تصميم يفهمه الناس
  9. XSmall · 12 · 400تصميم يفهمه الناس

ارتفاع السطر 120% في كل الأحجام.

نظام تصميم صحّتي
  • الرئيسية: أربع خدمات
  • الأطباء حسب التخصص
  • ملف الطبيب
  • اختيار الموعد
  • الصيدلية
  • السلة
  • مواعيدي
  • المحادثة مع الطبيب

خطة اختبار الاستخدام

خططنا لجلسات عن بُعد بخمس مهام واقعية، وقيّمنا كل شاشة وفق مبادئ Nielsen العشرة لقابلية الاستخدام، مع قياس زمن المهمة ونسبة النجاح ونقاط الارتباك واستبيان بعد الاختبار عن السهولة والثقة.

  1. حجز طبيب قلب في تاريخ محدد.
  2. سؤال المساعد الذكي سؤالًا طبيًا.
  3. شراء فيتامين C من الصيدلية.
  4. فتح ملف طبيب وقراءة التقييمات.
  5. التنقل بين الاستشارة والحجز والصيدلية.

النموذج التفاعلي: حجز طبيب

النموذج الحي من ملف Figma الخاص بنا، من تسجيل الدخول حتى آخر شاشة: سجّل الدخول (أو أنشئ حسابًا أو استعد كلمة المرور)، ثم احجز طبيبًا واطلب من الصيدلية واسأل المساعد الذكي وأدِر مواعيدك.

مباشر من Figmaصحتي، نموذج الفريق

يعمل داخل Figma: اضغط على العناصر كأنه المنتج الحقيقي. حجم التحميل تقريبًا 2–4 ميغابايت. افتحه بملء الشاشة في Figma (تبويب جديد)

تفضّل نظرة سريعة؟ في الأسفل الشاشات الأساسية واحدة تلو الأخرى مع الملاحظات.

تنقّل بين شاشات المسار الرئيسي من نموذج Figma الخاص بالفريق. الشاشات الطويلة يمكن تمريرها داخل الهاتف كما في التطبيق الحقيقي.

  1. تسجيل الدخول
  2. الرئيسية: أربع خدمات (مرّر للأسفل)
  3. الأطباء حسب التخصص
  4. ملف الطبيب مع التقييمات
  5. تأكيد الحجز
  6. مواعيدي
  7. اسأل المساعد الذكي
  8. الصيدلية
  9. السلة
  10. تم: قيّم تجربتك

1 / 10 تسجيل الدخول

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

ما تعلّمته

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

اختصارات لوحة المفاتيح
اختصارات المفتاح الواحد

أوقفها إن كنت تستخدم الإدخال الصوتي أو كانت تزعجك أثناء التصفح.