مشكلات وحلول تصميم وكتابة تجربة المستخدم على تطبيق ديلي ميلز👀 جزء 1 (دراسة حالة)

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

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

 

ما هو تطبيق ديلي ميلز، ومن هو هشام؟ 🤩

 

يوفر تطبيق ديلي ميلز اشتراكات شهرية وأسبوعية لوجبات غذائية متنوعة (صحية- كيتو- وجبات سريعة- غداء عمل). ضمن هذه الدراسة سنتطرق لـ مشكلات وحلول ضمن التطبيق.

 

نبذة عن هشام 💪

 

هشام تعباني خريج بكالوريوس تقنية معلومات من جامعة الملك عبدالعزيز، مختص بتصميم واجهة وتجربة المستخدم (UX/UI) وكتابة تجربة المستخدم (UX Writing) وفي هذه الدراسة سنذكر التحسينات المقترحة لتطبيق ديلي ميلز في المجالين. 

 

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

  • القسم الأول: تصميم واجهة وتجربة المستخدم (UX/UI)🧑‍💻

صفحة الدفع 💰

مشكلات وحلول
صفحة الدفع

 

  • مشكلات وحلول 🤨


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

 

  • الحلول المقترحة ☺️

  • يمكن تغيير لون الزر إلى الفضي وعندما يقوم المستخدم بكتابة الكود يتغير إلى اللون الأخضر
مشكلات وحلول
تغير الزر من الفضي إلى الأخضر


  • تذكير المستخدم بوجود كود خصم سابق له، وإعطاءه خيار بتطبيق الخصم التعويضي او استخدام خصم أعلى منه في حال وجوده (التطبيق عادة يعطي تنبيه بوجود أكواد خصم او عروض حصرية لفترة محددة)
مشكلات وحلول
كود الخصم
  • الأيقونات والنصوص

مشكلات وحلول
الأيقونات والنصوص
  • المشاكل 🤔

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

 

  • الحل المقترح 🔥

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

              

  • المشاكل 🤨

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

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

الحل المقترح 👍

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

 

  • الطلبات السابقة والحالية:

مشكلات وحلول
الطلبات السابقة والحالية
مشكلات وحلول
الطلبات السابقة والحالية
  • المشكلة 😣

  • كمستخدم يصعب علي الوصول إلى طلباتي القادمة، أود التنبيه بإنه يمكنني أن أعيد موعد استلام الطلب، تغيير الطلب وتغيير مكان استلام الوجبة.
مشكلات وحلول
تحسين
  • تحديد المشكلة بشكل أوضح: لنقل ان باقتي الحالية هي الباقة الشهرية وبدأ الاشتراك بيوم 28 يوليو، ولنفترض بأن اليوم يوافق 24 أغسطس (نفترض بإني قمت بتأجيل وجباتي لأن موعد الوجبات الحالية لا يناسبني) وأريد تغيير وجبة يوم 25 أغسطس ، في هذه الحالة سأقوم بالتمرير إلى الأسفل بعد عناء طويل؛ فقط لأتمكن من الوصول إليها!.

الحلول

  • المقترح الأول 👍
  • إضافة زر “المزيد” في بطاقة طلبي القادم، وبذلك سيسهل الوصول إليها سواء أردت تعديل موعد الوجبة، مكان استلامها أو حتى تغيير الوجبة كليًا.

ملاحظة:

لا يستطيع المستخدم تعديل بيانات الوجبة في صباح اليوم التالي (12:00 صباحًا)، وبعد ذلك الوقت لا يستطيع المستخدم القيام بأي تعديل نهائيًا.

مشكلات وحلول
إمكانية تعديل بيانات الوجبة


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

 

المقترح الأمثل مع إضافة أحد الخيارات السابقة 👏

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

مشكلات وحلول
النتيجة
  • التواصل مع السائق 

مشكلات وحلول
التواصل مع السائق
  • توضيح المشكلة 👁️

    • توجد فترتين لاستلام طلبك من السائق وهي الفترة الأولى من  12مساء إلى 1 مساءً، او من 1 مساءً إلى 2 مساءً، خلال هذا الوقت تستطيع التواصل مع السائق.
    • المشكلة الأولى من منظور الـUX/UI: التطبيق لا يوفر لك خيار التواصل مع السائق من خلال الواجهة الرئيسية بالرغم من وجود قسم لطلبك القادم!.
  • كل ما عليك فعله هو النقر على بطاقة طلبك القادم او التوجه إلى صفحة الاشتراكات واختيار الاشتراك الحالي والتمرير إلى الأسفل للوصول إلى طلبك الذي ستستلمه حتى تتمكن من التواصل مع السائق!
مشكلات وحلول
مشكلة التواصل مع السائق
  • المشكلة الثانية: للأسف بعض السائقين لا يلتزمون بالمواعيد، أحياناً يتأخر الطلب أو يأتي مبكرًا عن الموعد الذي اختاره المستخدم بالإضافة أن المستخدم لابد ان ينتظر إلى وصول فترة مواعيد تحرك السائق ليتمكن من التواصل معه بالإضافة الى بعض المشاكل الأخرى مثل دخول المبنى وعدم التواصل مع المستخدم وتوضيح بأنه حاليا داخل المبنى ليسلمه الطلب.

 

الحلول

  • استخدام المقترح الذي ذكرته سابقًا.
مشكلات وحلول
التحسين


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

العروض

مشكلات وحلول
العروض

توضيح المشكلة: 

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

مثال:

إذا أغلقت التطبيق وأعدت فتحه ستستطيع مشاهدته لمرتين فقط وبعدها يختفي.

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

 

  • الحلول المقترحة:

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

ملخص دراسة الحالة👏

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

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

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

في الختام

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

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

 

 

في حال أردت استشارة هشام في تحسين كتابة تجربة المستخدم يمكنك التواصل معه عبر حسابه على لينكدإن. أو عبر البريد الإلكتروني: [email protected]

 

اشترك في النشرة البريدية وستصلك هدايا 🎁 وخصومات حصرية وقوالب جاهزة مجانًا

شارك المعرفة

اقرأ أيضًا 👇

نمّي مهاراتك وطوّر مسارك المهني بدورات مقدمّة من خبراء

الدورة التأسيسية في كتابة تجربة المستخدم

ابدأ في تعلّم أساسيات كتابة تجربة المستخدم، وتأهل لتصبح كاتب تجربة مستخدم في سوق العمل.

الدورة العملية في تصميم الواجهات – UI (جـديـد)

تركز على تصميم UI، تهدف لتطوير وتحسين مهارات مصمّم الواجهات وتهيئته لسوق العمل بشكل احترافي.

الدورة المتقدّمة في كتابة تجربة المستخدم

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

دورة تخطيط وتنفيذ دراسة قابلية الاستخدام​ – Usability Study (جـديـد)

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