خلال عملي في مراجعة وتحسين تجربة المستخدم (UX Auditing) للمواقع والتطبيقات، لاحظت مجموعة من المشكلات التي تتكرر باستمرار في المواقع العربية، سواء كانت مواقع شركات أو مدونات، أو متاجر إلكترونية، أو تطبيقات ويب (SAAS).

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

1- الموقع لا يدعم بروتوكول الاتصال الآمن (https)

عدم استخدام صفحات موقعك لعناوين تتضمن “بروتوكول التشفير الآمن” (https)، سوف يقلل من فرصة ظهور الموقع في نتائج محركات البحث، ومن مصداقية الموقع، ويزيد من فرص تسريب بيانات الزوار / المستخدمين، واختراق الموقع.

ما الحل؟

• تفعيل البروتوكول الآمن على “خادم” (Server) الموقع لكل الزوار ولجميع صفحات الموقع.
• إعادة توجيه كل عناوين الموقع تلقائيا لاستخدام البروتوكول الآمن.

2- استخدام اللغة الإنجليزية في عناصر الموقع الرئيسية

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

ما الحل؟

• تجنب استخدام لغة مختلفة عن اللغة الأساسية للصفحة على شريط الروابط (navigation links)، وعلى الروابط والأزرار (عناصر تصفح الموقع الرئيسية).
• عند وجود أكثر من لغة للموقع، تأكد من توفير نسخة من كل الصفحات لكل لغة، وتأكد من ترجمة جميع محتويات الصفحة وعناصر تصفح الموقع الرئيسية.

3- استخدام علم الدولة للدلالة على اللغة

تحديد علم دولة ما للدلاله على لغة الموقع (عربي أو أنجليزي ..) يجعل بعض الزوار يعتقد بأن الموقع مختص وموجه لدول معينة فقط.

ما الحل؟

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

4- الروابط إلى الموقع غير مرئية

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

ما الحل؟

دعم بروتوكول open graph لصفحات الموقع

5- كثرة الإعلانات والتشويش البصري

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

ما الحل؟

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

6- صفحات الموقع بطيئة

الصفحات المليئة بالمحتوى والصور والإعلانات، تتطلب من بعض الزوار/المستخدمين الانتظار لأكثر من 3 ثواني لتظر على أجهزتهم، بالإضافة إلى أنها تستهلك منهم كمية أكبر من بيانات الإنترنت.

ما الحل؟

• تقليل محتوى الصفحات، من الصور والإعلانات وملفات “الجافاسكربت” (JavaScript) وملفات “الستايل” (CSS) وبالتالي يقل حجم الصفحة.
• تقليل عدد الملفات التي ترتبط بالصفحة (يتم استدعائها داخل الصفحة) لتقليل عدد “الطلبات” (Requests) على الخادم.
• تقليل حجم ملفات “الجافاسكربت” وملفات “الستايل” (CSS) وضغطها.
• استخدام تقنية “الكاش” (Cache) الذاكرة المؤقتة، على الخادم وعلى المتصفح لبعض الملفات والصفحات قليلة التحديث.

7- فراغات بين الأحرف العربية

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

ما الحل؟

التأكد من عدم وجود فراغات بين أحرف الكلمات العربية من خلال استخدام هذا السطر في ملف “الستايل شيت” (CSS) أو تعديله إذا كان موجود سابقا واعطاءه القيمة صفر.

letter-spacing: 0;

8- محتوى موجه لمحركات البحث وليس للناس

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

ما الحل؟

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

9- خطوط غير مناسبة للشاشات

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

ما الحل؟

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

10- تباين الألوان غير مناسب

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

ما الحل؟

استخدم أداة (Contrast Checker) لفحص تباين الألوان، والتأكد من استخدام تباين مناسب للون النصوص / الكتابة مع الخلفية.