عميل جه لنا مرة بيقول إن إعلاناته بتجيب زيارات كتير بس مفيش مبيعات، وإن المشكلة أكيد في المسوّق. قعدنا نراجع الموقع لقينا إن زرار «إتمام الطلب» على الموبايل كان تحت الشاشة ومحتاج تمرير، ومحدش بيلاقيه. مش مشكلة تسويق — مشكلة تجربة استخدام.
دي أشهر الأخطاء اللي بنشوفها:
1. الزرار الأساسي مش واضح
في كل شاشة لازم يكون فيه إجراء واحد واضح إنه الأهم. لما تحط 5 أزرار بنفس اللون والحجم، المستخدم بيتردد — والتردد بيخلّيه يقفل.
الصح: زرار أساسي واحد بلون العلامة البارز، والباقي ثانوي بشكل أهدأ.
2. طلب بيانات كتير من غير داعي
فورم التسجيل اللي بيطلب الاسم والاسم الأخير ورقم الهاتف والعنوان والشركة والمسمى الوظيفي — عشان يشترك في نشرة بريدية. كل خانة زيادة بتقلّل نسبة الإكمال.
الصح: اطلب أقل حاجة محتاجها دلوقتي بس. الباقي اجمعه بعدين لما تبقى محتاجه فعلاً.
3. رسائل خطأ بتلوم المستخدم ومابتقولش الحل
«خطأ في البيانات المدخلة» — طب فين؟ وإيه الغلط؟ المستخدم بيقعد يخمّن.
الصح: الرسالة جنب الخانة نفسها، وبتقول المطلوب بالظبط: «رقم الهاتف لازم يبدأ بـ01 ويكون 11 رقم».
4. مفيش حالة انتظار
المستخدم بيضغط «حفظ»، مفيش أي رد فعل لثانيتين، فبيضغط تاني وتالت — وبيتسجّل الطلب 3 مرات.
الصح: الزرار يتعطّل فوراً ويتحوّل لـ«جاري الحفظ...» مع مؤشر تحميل.
5. التصميم اتعمل لشاشة الكمبيوتر الأول
أغلب زوّارك على موبايل. لما التصميم يتعمل على شاشة كبيرة الأول وبعدين «يتظبط» للموبايل، النتيجة بتبقى مزحومة.
الصح: ابدأ بالموبايل. لو الشاشة الصغيرة اشتغلت كويس، الكبيرة أسهل.
6. مساحات لمس صغيرة
زرار أو رابط حجمه 20 بكسل على الموبايل. الإصبع أكبر من كده. المستخدم بيضغط غلط ويتضايق.
الصح: مساحة اللمس 44 بكسل على الأقل في كل اتجاه، ومسافة كافية بين العناصر.
7. مفيش مسار رجوع واضح
المستخدم دخل جوه 4 شاشات ومش عارف يرجع. أو ضغط رجوع في المتصفح وضاع كل اللي كتبه.
الصح: مسار تنقّل واضح، وحفظ تلقائي للمسودات في النماذج الطويلة.
8. نصوص قليلة التباين
رمادي فاتح على أبيض — شكله «أنيق» على شاشة المصمم، وغير مقروء على موبايل في الشمس أو لحد عنده ضعف نظر.
الصح: نسبة تباين 4.5:1 على الأقل للنص العادي. فيه أدوات مجانية بتقيسها في ثانية.
9. تجاهل اتجاه اللغة العربية
موقع عربي متصمّم كقالب إنجليزي معكوس: الأيقونات في اتجاه غلط، والأرقام مكسورة، والمسافات غريبة.
الصح: تصميم RTL أصلي من البداية، مش ترجمة مقلوبة. واختبار حقيقي بنصوص عربية طويلة — مش «lorem ipsum».
10. السرعة
ده مش بند تقني بس، ده تجربة. كل ثانية تأخير بتزوّد نسبة المغادرة بشكل ملحوظ، والمستخدم مابيستناش.
إزاي تكتشف المشاكل دي في موقعك؟
أبسط اختبار وأرخصه: اقعد جنب 3 أشخاص مش شايفين الموقع قبل كده، واطلب منهم ينفّذوا مهمة محددة («اطلب المنتج ده»)، وماتساعدهمش. هتشوف كل مشكلة بعينك في نص ساعة.
الخلاصة
الـUX مش رفاهية جمالية — هو الفرق بين زائر بيشتري وزائر بيقفل. راجع الـ10 دول على موقعك دلوقتي، وهتلاقي على الأقل تلاتة منهم موجودين. ولو عايز مراجعة محترفة، إحنا بنعمل تقييم UX بتقرير فيه المشاكل مرتّبة حسب تأثيرها على التحويل.