سيتناول هذا المقال بعض الأفكار والتلميحات التي تجعل من زر ” التالي” في المواقع قابل للإستخدام من قبل زائر الموقع.

عندما يصل زائر الموقع إلى مرحلة “البحث عن الوسيلة التي تجعله يستمر في تصفح محتوى موقع ما” هذا يعني أن:-

• الموقع نجح في جذب انتباه الزائر.
• استطاع الموقع أن يقدم محتوى يستفيد منه المستخدم، ويلبي رغباته.

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

أسوء الاحتمالات

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

زر التالي موجود ولكنه ليس سهل الإستخدام

من المشاكل التي قد تواجه مستخدم الموقع في استخدامه “لزر التالي” انه قد يكون غير قابل للضغط Clickable! ومعناه أن الزر Button قد يكون مساحته قليلة جداً فلا يستطيع المستخدم أن يؤشر عليه بسرعة وسهولة.

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

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

حل مشكلة صغر مساحة الضغط Clickable Area

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

كلما كبرت المساحة المخصصة للضغط Clickable Area كلما سهل على المستخدم الضغط وبالتالي سيترك هذا انطباع جيد لديه.

ضع عبارات مفهومة وواضحة على أزرار التنقل بين صفحات الموقع

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

 أفكار جديدة “لزر التالى”

في موقع ShutterStock وهو موقع يحتوي على أكثر من ١٨ مليون صورة وتصميم مختلف، وهذا محتوى ضخم جداً، بذل القائمين على الموقع جهداً مضنياً في تنظيم الصور وجعل الوصول والبحث والانتقال بين الصور أسهل على زوار الموقع، وقد استوقفنى ما فعلوه بـ “زر التالي” عندما كنت أبحث عن بعض الصور في الموقع …

لقد استبدلوا اخر صورة تظهر في نتيجة البحث ب”Next Page” “الصفحة التالية“، أي أصبحت مساحة الضغط كبيرة جداً، فمساحة الزر ١٣٢ عرض فى ١٤٧ طول، هذا سيسهل على المستخدم الانتقال بسلاسة للصفحة التالية، أيضاً تم دمجها في نتيجة البحث بطريقة ابداعية.

الخلاصة

1. أجعل المساحة المخصصة للضغط Clickable Area في أزرار التنقل بين صفحات الموقع كبيرة حتى تساعد المستخدم على سرعة الانتقال بين الصفحات.
2. عنون ازرار التنقل بعبارات مفهومة وشائعة حتى تتجنب التشويش على المستخدم.
3. أنت أدرى بمحتوى موقعك، يجب أن تكتشف الطريقة المثلى التي تقدمها للمستخدم حتى تسهل عليه الانتقال بين صفحات الموقع.

تدريب عملي!

تصفح وحلل طرق الانتقال بين الصفحات في المواقع التي تتصفحها بشكل يومى، واكتب في ورقة ما أعجبك وما لم يعجلك فيها، وشاركنا بما اكتشفته!