Suqna

01السياق

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

02التحدي

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

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

03المنهج: إصلاح الأنماط المشتركة

بدل تحسين الشاشات واحدة تلو الأخرى، أصلحت الأنماط التي تشترك فيها كل الشاشات. فكل ما في المنصة يخدم واحدة من ثلاث مهام: البحث، أو البيع، أو المتابعة، فبُنيت خريطة المنصة حول هذه المهام لا حول الأقسام الستة.

• بطاقة إعلان واحدة

  صورة، وسعر، وسطران للمواصفات، والموقع. تتعلمها مرة وتقرؤها في كل مكان.

• شريط يبدأ بالفئات

  لكل فئة مكانها في صف خاص، وتنتقل الإجراءات الثانوية إلى شريط أيقونات هادئ.

• دعم اتخاذ القرار

  في صفحة الإعلان تتصدر الصور والسعر، ولوحة جانبية تُبقي البائع ووسائل التواصل وحاسبة التمويل ظاهرة.

• لون واحد

  يُستخدم فقط للإجراءات الأساسية والأسعار والحالات النشطة، فيعني دائمًا “هذه خطوتك التالية”.

04الهوية ونظام التصميم

كان على الهوية أن تكون هادئة بما يكفي ليتصدّر محتوى الأقسام الستة، وواضحة بحجم 18px في الترويسة.

05الويب: الرئيسية والبحث والتفاصيل

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

06نشر إعلان

بدل النموذج الطويل، يبدأ البائع بسؤال واحد واضح: “ماذا تريد أن تعرض اليوم؟”، ثم ينتقل عبر ثماني خطوات قصيرة: الفئة، والفئة الفرعية، والتفاصيل، والمراجعة، والباقة، والملخص، والدفع، وهو يعرف دائمًا أين وصل.

07الجوال: تطابق كامل

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

08النموذج التفاعلي: نشر إعلان من الجوال

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

09ما تعلّمته

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

• الخطوة التالية: جلسات اختبار تقيس الوقت من البحث حتى التواصل مع البائع، ونسخة عربية من اليمين لليسار.