Article7 أخطاء قابلية الاستخدام التي تضر بعلامتك التجارية

نشرت: 2022-08-12

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

إنه يضر بعلامتك التجارية ويضر بأرباحك النهائية ، بنسبة 100٪ من الوقت.

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

نجلس مع Jason Wolter (مهندس المعلومات) و Cynthia Stipeche (مدير تجربة العلامة التجارية) للتعرّف على هذه الأخطاء السبعة وكيف يؤثر كل منها على علامتك التجارية.

  • الخطأ الأول: قائمة "همبرغر"
  • الخطأ الثاني: عدم استخدام الروابط الرئيسية
  • الخطأ الثالث: لا توجد وظيفة بحث
  • الخطأ الرابع: تدوير الدوارات
  • الخطأ الخامس: التشغيل التلقائي لمقاطع الفيديو
  • الخطأ السادس: نماذج من عمودين
  • الخطأ السابع: نص العنصر النائب

الخطأ الأول: قائمة "همبرغر"

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

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

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

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

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

إنه أحد أهم أخطاء الاستخدام ؛ يجب أن تذهب قائمة همبرغر!

سينثيا: سأضع القليل من السياق لهذا. كثير من الناس لا يتعرفون على قائمة الهامبرغر والاختبار يثبت ذلك. لكن في الوقت نفسه ، سيعتمد ذلك على جمهور الشركة.

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

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

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

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

الخطأ الثاني: عدم استخدام الروابط الرئيسية

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

يظهر الاختبار أن هذا ليس هو الحال.

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

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

الخطأ الثالث: لا توجد وظيفة بحث ️‍️

جايسون: البحث شيء آخر. هناك مجموعة فرعية من المستخدمين الذين يتنقلون في مواقع الويب من خلال البحث. لذلك إذا لم يكن لديك خيار بحث أو إذا كنت لا تشدد على خيار البحث الخاص بك إما بشريط بحث مكشوف أو زر بحث يبرز من التنقل الخاص بك ، فأنت تنفر جمهورًا معينًا. إنه مهم بشكل خاص في المواقع الكبيرة ذات الهندسة المعمارية العميقة. وجدت دراسة أجرتها Search Engine Journal أن ما يقرب من ثلث المستخدمين يقولون إنهم قد تأخروا بسبب عدم وجود مربع بحث على موقع ويب. يقول أكثر من 40٪ أن مربع البحث هو أهم ميزة على موقع الويب.

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

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

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

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

الخطأ الرابع: تدوير الدوارات

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

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

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

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

حيث يكون الأمر سيئًا حقًا في الشاشة الاسمية حيث لديك ثلاث أو أربع رسائل رئيسية و CTA. هذه هي الرسائل الرئيسية التي تحاول حقًا دفعها ولا يراها الناس أبدًا. لا بأس إذا لم يروا ثلاثة من شهاداتك الأربعة ، ولكن من السيئ أن يتسبب العرض الدائري الدوار في تفويت المستخدم للرسائل الرئيسية.

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

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

الخطأ الخامس: التشغيل التلقائي لمقاطع الفيديو

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

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

حتى مقاطع الفيديو التي يتم تشغيلها تلقائيًا في مناطق أخرى على الموقع يمكن أن تقاطع تدفق المستخدم الذي يبحث عن المعلومات. لذلك ليس من الجيد عمومًا تشغيل أي شيء تلقائيًا.

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

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

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

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

الخطأ السادس: النماذج ذات العمودين ‍

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

Two-Column Form Fields

الخطأ السابع: نص العنصر النائب

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

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

Best Practice for Form Fields

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

أكبر خطأ: الجماليات أكثر من الوظيفة

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

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