التصميم القديم لصفحات المطاعم. اضغط للتكبير.

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

ازالة ألسنة تصفّح ألأقسام الفرعية للصفحة

ألسنة تصفّح الأقسام الفرعية في التصميم القديم

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

تطوير نظام التصويت

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

ما قمنا به هنا هو وضع “يعجبني” و “لا يعجبني” بجانب ازرار التصويت، و تغيير شكلها لتصبح بارزه و “قابلة للنقر” أكثر. كما قمنا بوضع اضافة بسيطة بجانب النقاط (كم عضو أعجبه المطعم و كم عضو لم يعجبه) لنعطي للنقاط معنى أوضح.

نظام التصويت الجديد (يمين) و نظام التصويت القديم (يسار)

عرض أوصاف المطعم بشكل أبرز و أوضح

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

الأوصاف في التصميم الجديد (يمين) و الأوصاف في التصميم القديم (يسار)

تحرير الأوصاف أصبح في نفس صفحة المطعم

في السابق كان يجب على المستخدم الذهاب الى “تحرير” (عن طريق ألسنة التصفّح في الأعلى) حتى يستطيع تحرير أوصاف المطعم (اضافة و تصحيح الأوصاف الحالية). و بما أننا أزلنا ألسنة التصفّح، و رغبة منّا في تسهيل تحرير الأوصاف، نقلنا تحرير الأوصاف الى داخل الصفحة نفسها، و غيرنا اسمها الى “تصحيح الأوصاف” بما انها تصف المهمّة التي سيقوم بها المستخدم بشكل أدق.

1. الأوصاف عند عرض الصفحة. 2. الأوصاف عندما تضع مؤشر الفأرة فوق قسمها. 3. الأوصاف بعد الضغط على رابط تصحيح الأوصاف.

تغيير طريقة عرض التقييمات

غيّرنا طريقة عرض التقييمات لتبسيطها و توضيحها. كما سهّلنا آلية التصويت للتقييم بحيث تصبح طبيعية أكثر (سؤال “هل ترى أن هذا التقييم مفيد؟”، و زر “نعم”). كما يمكن للأعضاء الآن معرفة عدد الأعضاء الذي استفادوا من كل تقييم حيث انها الآن تعرض بشكل طبيعي أكثر (مثل “9 أعضاء وجدوا هذا التقييم مفيد” بدلاً من “9+” كالسابق).

التقييمات في التصميم الجديد (يمين) و التصميم القديم (يسار)

ازالة العناوين من أقسام الصور و الأفرع في الصفحة

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

أزلنا تلك العناوين لتبسيط الصفحة. كما ترى، أستمتع كثيراً بازالة الأشياء من الصفحة

الختام

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

ما رأيك في الشكل الجديد لصفحات المطاعم؟ شاركنا برأيك في التعليقات