قابلية الإستخدام لزر “التالي” … افكار وتلميحات

11:16 ص

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

الزائر يقول : " هذ الموقع مفيد جداً سأستمر في تصفح المزيد من المقالات "

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

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

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

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

الزائر يقول : " اين اضغط ؟!! لأستمر في التصفح "

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

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

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

الزائر يقول : " يجب ان أؤشر علي الرقم لكي انتقل للصفحة التالية "

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

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

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

زيادة المساحة المخصصة للضغط Clickable Area

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

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

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

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

استخدم مصطلحات مفهومة وواضحة في ازرار التنقل بين صفحات الموقع

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

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

زر التالي في نتائج البحث علي موقع ShutterStock

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

الخلاصة

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

تدريب عملي !!

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

اذا اعجبتك هذه التدوينة فلا تنسى ان تشاركها وتساعدنا على نشر المدونة ، كما يسعدنا ان تنضم الى قائمة المشاركين في سما بلوجر من خلال (نشرات rss)

التسميات: تكنولوجيا, منوعات

عالم الابداع

الترجمة

الوقت الحالي

ااقسام سما بلوجر

ارشيف المداونة

مختارة القراءة هدا الشهر

الكلمات الدلالية

المشاركات الشائعة

المتواجدون الان