مدونة قابلية الاستخدام

تحتاج عادة في إلى لفت إنتباه مستخدم (او زائر) موقعك الى شيء معيّن في الواجهة لاسباب مختلفة, كلفت انتباهه لزر معين (زر “تحميل” او “تسجيل” الخ), او إرشادات معينه (اخطاء حدثت, تنبيه معين…الخ) او اي شيء آخر. و لكن كيف تستطيع فعل ذلك؟

سأقوم في هذه التدوينة بالكتابة بشكل مختصر عن 3 طرق يمكن استخدامها للفت انتباه المستخدم لعناصر معينة في صفحات موقعك, و عندما اقول “عنصر”, فإنني اعني أي شيء في الصفحة, سواء كان زر, عنوان, قائمة, او اي عنصر آخر.

1. الحركة

ببساطه, اي حركة في الصفحة ستجذب إنتباه المستخدم لها, و لذلك تجد الكثير الدعايات في المواقع تقوم باستغلال (او حتى اساءة استعمال) هذه النقطه و تستخدم الكثير من الحركة.

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

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

بأي حال, الحركه هنا تعتبر اكبر العوامل تأثيرا, فإستخدمها بحذر حتى لا يؤثر استخدامها سلبا على تجربة مستخدم موقعك.

2. الألوان الساخنة

يوجد لدى الالوان خاصية تسمى درجة الحرارة, و تقسم تلك الخاصية الالوان الى قسمين:

• الالوان الساخنة: و هو مدى الالوان من الاحمر الى الاصفر تقريبا, و يشمل اللون البرتقالي و الزهري و الالوان “الساخنة” الاخرى. تميل الالوان الساخنة عادة الى البروز و لفت انتباه الشخص.
• الالوان الباردة: و هو مدى الالوان من الاخضر الى الازرق تقريبا, و يشمل البنفسجي الداكن المائل للزرقه. و هي الوان منحسره مقارنة بالالوان الساخنة ولا تبرز مثل الالوان الساخنة.

تستخدم  الالوان الساخنة عادة لشد انتباه الشخص لشيء معيّن, مما يفسّر استخدامها في الاشارات و لوح التحذير في الشارع

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

و عند زيارتك لموقع YouTube, ستلاحظ ان زر خاصية الرفع (Upload) لونه ساخن ايضا (برتقالي), بما انها خاصية مهمه و تحتاج لان تبرز بعض الشيء للمستخدمين في الموقع, حتى يجدونها بسهولة.

3. العناصر الكبيرة

العناصر الكبيرة على الصفحة بطبيعة الامر تلفت انتباه الزائر, سواء كانت ذات الوان ساخنة او باردة, كما ترى في موقع Basecamp:

و هذا العامل غير مرتبط بالازرار وحدها, و انما يمكن استخدامه في اي عنصر آخر تقريبا.

الختام

الموضوع ليس بالسهولة التي يبدو عليها, فعلى الرغم من استطاعتك ان تلفت انتباه المستخدم لاي عنصر بإستخدام احد الثلاث طرق المذكورة, الا انك ستجد التحدّي في عدة مواقف مثل:

• ماذا لو كان لديك عدة عناصر جديرة بانتباه المستخدم؟
• ماذا لو كانت الصفحة مصممة بالوان ساخنة اصلا؟
• كيف تستخدم تلك الطرق بحيث لا تؤثر سلبا (عن غير قصد) على تجربة زوار الموقع؟

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