التحويل والعملاء
الصفحة الرئيسية وتجربة المستخدم: ما يقرره الزائر الخليجي في خمس ثوان
إلياس المسعودي7 دقائق قراءةالإجابة المختصرة
تجربة المستخدم هي مدى سهولة أن يفهم الزائر ما تقدمه ويجد ما يريده ويتواصل معك، لا جمال الألوان. الزائر الخليجي على الجوال يقرر خلال خمس ثوان من الشاشة الأولى: ماذا تفعل، لمن، وأين، وكيف يتواصل. الصفحة الرئيسية الجيدة تجيب عن هذه الأسئلة الأربعة قبل أي تمرير، ثم تقدم بالترتيب: الخدمات الرئيسية كروابط واضحة، دليلا على أنك حقيقي، ثم وسيلة تواصل واحدة تتكرر. كل ما عدا ذلك، من الشعارات العامة والصور المتحركة الكبيرة والقوائم الطويلة، يؤخر القرار أو يمنعه.
تجربة المستخدم بلا مصطلحات
كثيرون يبحثون عن «تجربة المستخدم» و«UI UX» ليتعلموا المجال أو ليوظفوا مصمما. هذا المقال لصاحب النشاط الذي يريد أن يعرف لماذا لا يتواصل معه زوار موقعه، ويسمع من المصمم أن المشكلة في «التجربة».
التعريف العملي: تجربة المستخدم هي الإجابة عن ثلاثة أسئلة من وجهة نظر الزائر. هل فهمت خلال ثوان ما يقدمه هذا الموقع؟ هل وجدت ما أبحث عنه بلا جهد؟ هل استطعت التواصل أو الشراء بلا إحباط؟ كل ما لا يخدم هذه الأسئلة الثلاثة زينة.
اختبار الخمس ثوان
افتح صفحتك الرئيسية على هاتف لشخص لا يعرف نشاطك، وأغلقها بعد خمس ثوان، ثم اسأله: ماذا يفعل هذا الموقع؟ لمن؟ في أي مدينة؟ كيف تتواصل معهم؟
إن أخطأ في سؤال واحد فالشاشة الأولى فاشلة، مهما كان تصميمها. أكثر إجابة أسمعها في هذا الاختبار على مواقع الخليج: «شركة… حلول… شيء عن الجودة».
ما تحتويه الصفحة الرئيسية بالترتيب
- الشاشة الأولى: عنوان يسمي الخدمة والفئة والمدينة بكلمات البحث نفسها. سطر يشرح لمن. زر واتساب أو اتصال. لا صورة تأخذ الشاشة كلها.
- الخدمات الرئيسية: ثلاث إلى ست بطاقات، كل واحدة رابط إلى صفحة الخدمة، باسم الخدمة كما يبحث عنها الناس.
- الدليل: تقييمات حقيقية من قوقل ماب بالرابط، صور عمل، أرقام يمكن التحقق منها، اسم المسؤول.
- كيف يعمل الأمر: ثلاث خطوات من التواصل إلى التسليم، لأن الزائر يريد أن يعرف ماذا يحدث بعد الضغط على الزر.
- السعر أو مؤشره: «يبدأ من» أو «سعر ثابت» أو «عرض سعر خلال ساعة».
- الأسئلة المتكررة: خمسة أسئلة حقيقية يسألها العملاء على واتساب.
- التذييل: السجل التجاري، الرقم الضريبي، العنوان، ساعات العمل، الرقم كنص.
أخطاء التصميم التي أراها في المواقع العربية
- شريط صور متحرك في الأعلى. يؤخر التحميل ويدفن العنوان. أزله وضع عنوانا واحدا.
- قالب إنجليزي مقلوب. الأيقونات في الاتجاه الخطأ، الأرقام مقطعة، النص محاذى يسارا في بعض الأماكن. التفاصيل التقنية في مقال السيو التقني للمواقع العربية.
- خط عربي رفيع صغير. الحد الأدنى المريح على الجوال 17 بكسل تقريبا للخط العربي، بوزن عادي لا خفيف.
- أزرار كثيرة بألوان متساوية. زر واحد رئيسي بلون واحد يتكرر، والباقي روابط.
- نوافذ منبثقة عند الدخول. اشتراك بالنشرة قبل أن يقرأ الزائر سطرا. تخسر أكثر مما تكسب.
- صفحة «من نحن» بلا اسم. رؤيتنا ورسالتنا وقيمنا، ولا شخص واحد بالاسم والصورة.
- قائمة بأسماء داخلية. «الحلول»، «القطاعات»، «الموارد». الزائر يبحث عن اسم خدمته.
ما تقيسه أدوات التصميم وما لا تقيسه
خرائط الحرارة وتسجيلات الجلسات في Microsoft Clarity تريك أين ينقر الزائر وأين يتوقف وأين يغادر. هذا هو الاختبار الحقيقي للتجربة، وهو مجاني. شرحه في مقال Clarity. ما لا تقيسه أي أداة: هل تصدق الزائر ما قرأه، ولهذا تبقى الشاشة الأولى والدليل قرارا بشريا.
أين يدخل هذا في الفحص
الفحص يقيم بنية الموقع وسهولة التنقل وجودة التصميم على الجوال كأبعاد مستقلة، ويرصد الأعطال التي تمنع التحويل صفحة صفحة: أين يتوقف الزائر، وما الإصلاح الذي يستعيد أكبر عدد بأقل جهد، مرتبا بالأثر مقابل الجهد.