10 نصائح سهولة الاستخدام لمصممي الويب
ببساطة ، تجعل سهولة الاستخدام موقعك على الويب سهلًا بالنسبة للزائرين للعثور على المعلومات التي يحتاجونها عندما يحتاجون إليها .
من المفاهيم الخاطئة الشائعة حول سهولة الاستخدام بين شركات الويب أن قابلية الاستخدام مكلفة. نعم ، هناك شركات متعددة الجنسيات تنفق آلاف الدولارات على اختبارات قابلية الاستخدام والأبحاث ، ولكن يمكن تحقيق قابلية الاستخدام اليومي للشركة دون معرفة خبراء قابلية الاستخدام أو بدون معدات باهظة الثمن للاختبار .
لدى مصممي الويب مهمة أسهل للقيام بها ، فقط من خلال قراءة مقالات سهولة الاستخدام يمكنهم تجميع معرفة جيدة إلى حد ما حول أساسيات سهولة الاستخدام وكيفية تنفيذها على موقع الويب.
1. قم بتضمين Tagline
الشعار هو عبارة عن بيان أو شعار يمثل الشركة ، أو في حالتنا ، فلسفة الموقع ، والرسالة والرسالة. يجب أن يكون العنصر الأكثر وضوحًا في الصفحة الأمامية لموقع الويب ويجب أن يصف الموقع بوضوح في إحدى العبارات.
تشير الإحصاءات إلى أن موقع الويب لديه 8 ثوان فقط لجذب انتباه الزائرين لهم لتصفح الموقع بشكل أكبر. بدون وجود خط واضح ، سيواجه الموقع صعوبة في الحفاظ على الزوار لفترة كافية لتصفح الصفحات الداخلية.
2. تنفيذ بحث الموقع
كما هو الحال مع taglines ، يُعد بحث الموقع عنصرًا مهمًا للغاية على موقع الويب. عندما يبحث المستخدمون عن شيء ما ، عادة ما يبحثون عن حقل النص حيث يمكنهم إدخال عبارة البحث الخاصة بهم.
بالنسبة الى جاكوب نيلسن نصائح لاستخدام الويب ، اجعل مربع البحث هذا 27 حرفًا حتى يصبح النص مرئيًا وسهل الاستخدام. ضع حقل نص البحث في أعلى صفحة الويب الخاصة بك ، لأن المستخدمين يميلون إلى البحث في موقع ويب وفقًا لنمط F ، مما يعني من أعلى اليمين إلى أسفل اليمين.
قم بتضمين زر بحث وتحديد نص البحث بوضوح ، وعدم استخدام نص مثل Go أو Submit ، لأن هذه التعبيرات تميل إلى تضليل زائري موقعك على الويب.
3. لا تستخدم الرسومات واسعة النطاق
الاستخدام المسيء لعناصر التصميم والرسومات سيئ دائمًا بالنسبة إلى موقع الويب ، فهي تضلل زوار الموقع فقط. تصميم فقط لتحسين صفحة الويب وليس فقط لتزيينها. من وجهة نظر قابلية الاستخدام ، أقل دائما أكثر.
4. استخدم خرائط الموقع
خرائط الموقع هي ميزة جديدة نسبيا على شبكة الإنترنت تعمل على تحسين الملاحة في صفحات الويب وكذلك تحسين محركات البحث (SEO). خرائط الموقع في جوهرها هي تمثيل هيكلي لصفحات الويب ومعماريتها. يمكن أن يكون مستندًا بأي شكل ، أو صفحة ويب تسرد الصفحات على موقع ويب ، وعادة ما يتم تنظيمها بشكل هرمي.
في الآونة الأخيرة ، بدأت محركات البحث مثل Google و Yahoo و MSN في تقديم بروتوكول Sitemap الذي يشبه صفحة خريطة موقع الويب ، ولكن يتم تنظيم البيانات بتنسيق XML. هناك مولدات Sitemap XML التي تنشئ هذه المستندات لعنوان URL محدد.
5. لا تكسر سير العمل
إننا نعني بسير العمل كل عملية يقوم بها المستخدم على موقع الويب . على سبيل المثال ، ملء نموذج ، والتسجيل في موقع على شبكة الإنترنت ، وفئات التصفح ، والمحفوظات ، وما إلى ذلك. لا تكسر هذه التدفقات ، والسماح للمستخدم بإلغاء أي عملية. من خلال عدم السماح للمستخدم بإلغاء إحدى العمليات ، فإننا نجبره على إنهاء العملية حتى إذا لم يرغب في ذلك.
ليست كل عملية على موقع الويب واضحة للمستخدمين ، وتوجيههم من خلال سير العمل المحدد باستخدام النصائح الوصفية. (على سبيل المثال عند ملء نموذج). تحل روابط جافا سكريبت عادة سير العمل ، لذا لا ينصح باستخدامها على موقع الويب الخاص بك.
خطأ آخر هو عدم تغيير لون الروابط زيارة ، وهذا يؤدي إلى كسر تصميم الملاحة. اسمح للمستخدمين بمعرفة موقعهم ومكان تواجدهم على موقع الويب.
6. إنشاء صفحات ويب يسهل الوصول إليها بسهولة
تلعب صفحات الويب سهلة القراءة دورًا مهمًا في الحفاظ على ولاء الزوار وإبقائهم على موقعك وقراءة المحتوى الخاص بك. تظهر اختبارات قابلية الاستخدام أن غالبية المستخدمين لا يقرأون صفحات الويب ، وإنما يقومون بمسحها ضوئيًا ، أو البحث عن العناوين ، أو النص الغامق ، أو النص أو القوائم.
توضح دراسات تتبع العين التي أجراها جاكوب نيلسن أن المستخدمين يقرأون محتوى يشبه شكل F ، مما يعني أن القراءة تبدأ من أعلى يسار صفحة الويب ، ثم تتحرك بعدها قليلاً من اليسار مرة أخرى.
يوضح نيلسن أيضًا آثار نمط القراءة هذا:
- لن يقرأ المستخدمون كلمة في محتوى صفحة الويب عن طريق الكلمة ، بل سيستخرجون فقرات مهمة ونصًا عريضًا وما إلى ذلك.
- الفقرتان الأوليتان ضروريتان في صفحة الويب. يجب أن تحتوي هذه على أهم المعلومات التي يبحث عنها زوارك.
- العناوين الفرعية والقوائم تبرز من الفقرات العادية. استخدم هذه العناصر لإعلام المستخدمين بمعلومات مهمة.
إحدى الطرق المهمة التي يمكن أن نتعلمها من الصحف المطبوعة التقليدية هي أن الصحفيين كانوا يفكرون في عنوان جذاب ولفتة أولى جذابة لجعل القراء يقرأون المقال بأكمله. ينظمون المحتوى في شكل هرم مقلوب ، مجرد صورة هرم رأسا على عقب. تمثل القاعدة العريضة أهم المعلومات في المقال بأكمله ويمثل الطرف الضيق المعلومات الأقل أهمية.
يمكننا استخدام هذا التنسيق لتنظيم محتوى الويب من خلال وضع أهم القطع في الأعلى والأقل أهمية في الأسفل ، ولكن كيف نعرف أي المعلومات مهمة وأيها غير مهم؟ بمساعدة قيم الأخبار .
7. لا تصمم عناصر تحكم مضللة لواجهة المستخدم
من خلال ضوابط واجهة المستخدم (UI) ، فإننا نعني عناصر صفحات الويب والمكونات والأدوات التي يمكن للمستخدم التفاعل معها (على سبيل المثال ، زر ، قائمة منسدلة).
لا تصمم عناصر رسومية تشبه زرًا ، ولكنها ليست كذلك . غالبًا ما نرى نصًا تحته خط وتبدو وكأنها روابط ، ولكنها ليست قابلة للنقر.
من خلال عدم اتخاذ الإجراء الذي كان يتوقعه المستخدمون ، كانوا يعتقدون أن الموقع قد تم كسره وغادر في النهاية. هناك طرف آخر مهم في سهولة الاستخدام يتعلق بالتحكم في واجهة المستخدم وهو الاتساق: تأكد من أن عناصر تحكم واجهة المستخدم متسقة .
ياهو ، كما توضح الصورة الموضحة أعلاه أيضًا ، هو مثال جيد على تصميم متناسق للتحكم في واجهة المستخدم. كل علامة تبويب على الصفحة تبدو وتتصرف بنفس الطريقة ، كل سطر تحته خط الفأرة ، كل زر يبدو نفسه ، إلخ.
8. إعطاء ملاحظات ذات مغزى
ردود الفعل ذات مغزى أمر ضروري لموقع على شبكة الإنترنت. هذه هي قناة التواصل بين الموقع والمستخدمين ، وبمساعدة التعليقات نسمح للمستخدمين بمعرفة ما يجري على الموقع. في حالة حدوث خطأ على صفحة الويب الخاصة بك ، لا تقم فقط بطباعة خطأ حدث ، بدلاً من كتابة رسائل خطأ ذات مغزى تخبر المستخدم بالخطأ والإجراءات التي يمكن تنفيذها من هناك.
ردود الفعل يعمل في كلا الاتجاهين . عندما يملأ المستخدم نموذجًا ، فهو يقدم لك في الأساس تعليقات. لا تجعل المستخدمين بحاجة إلى ملء نفس المعلومات مرتين. على سبيل المثال ، إذا كان المستخدم قد سجل على موقع ويب ويحتاج إلى ملء نموذج في وقت ما ، فلا تسأل عن اسمه أو أي معلومات أخرى سبق له تقديمها ، لأن هذه التفاصيل موجودة بالفعل في مكان ما في ملف أو قاعدة بيانات. ببساطة عن طريق الحصول على هذه التفاصيل تلقائيا نحن نبسط العملية برمتها.
9. لا تفرط في Javascript
مع ظهور تقنية Javascript وتقنية AJAX ، يمكن لمصممي ومطوري الويب إنشاء مواقع ويب تتسم بالاستجابة والشفافية ، ولكن كما هو الحال مع جميع التقنيات الجديدة ، هناك تكلفة. في حالتنا ، التكلفة هي عدم اتساق المتصفح. ليس لدى كل مستخدم متصفح ويب حديث. قد لا يتم تمكين جافا سكريبت أيضًا بشكل افتراضي.
من خلال استخدام جافا سكريبت على موقع الويب بشكل مكثف فإننا نحظر هؤلاء المستخدمين. بدلا من استخدامها غير مزعجة جافا سكريبت و تدهور رشيق .
10. تجنب CAPTCHAs
يرمز اختبار CAPTCHA إلى اختبار Turing Publicized التلقائي بالكامل لإخبار أجهزة الكمبيوتر وبصرف النظر عن البشر. حتى الاسم يبدو معقدًا. إن الشكل الأكثر شيوعًا لـ CAPTCHA هو النص المضمن في صورة ، ومن خلال اختبار الزائرين ، يمكننا فصل المستخدمين عن برامج الروبوت غير المرغوب فيها.
تكمن المشكلة في اختبار CAPTCHA في أن كل شكل من أشكال طريقة التحقق البشري يؤدي إلى عملية معقدة في أدمغة المستخدمين (على سبيل المثال ، اكتشاف النص المشوه وإضافة رقمين ، إلخ).
مشكلة أخرى مع CAPTCHAs هي التناقضات فيما يتعلق الثقافات المختلفة . على سبيل المثال ، الرموز الصينية ، الأرقام تختلف عن معظم الحروف الغربية والأرقام العربية. لدى الشعب الصيني وقت أكثر صعوبة باستخدام نماذج "CAPTCHA" عبر الإنترنت.
ملخص
- قم دائمًا بتضمين سطر الوصف الذي يجب أن يكون العنصر الأكثر وضوحًا في صفحة الويب.
- تنفيذ بحث في الموقع على 27 حرفًا ووضعه أعلى موقع الويب الخاص بك.
- لا تستخدم رسومات شاملة وعناصر تصميم.
- تضمين صفحة خريطة موقع وتسجيل مستند XML في ملف sitemap في محركات البحث.
- لا تكسر سير عمل المستخدم. السماح بإلغاء كل إجراء إذا لزم الأمر.
- قم بإنشاء محتوى ويب سهل للمسح وقم بوضع أهم المعلومات في أعلى صفحة الويب الخاصة بك.
- لا تصمم عناصر رسومية تشبه زرًا ، ولكنها ليست كذلك.
- تقديم تعليقات ذات مغزى ولا تنسى أن التعليقات تعمل بطريقتين.
- استعمال غير مزعجة جافا سكريبت و تدهور رشيق .
- تجنب اختبارات CAPTCHA ، استخدم أكثر قابلية للاستخدام أساليب في حين أن.
هل تتبع هذه المبادئ؟ يرجى إضافة ملاحظاتك ونصائح إضافية أدناه.