كيفية تجنب الاعتراضات UX الشائعة
كم عدد المرات التي كنت فيها على موقع ويب ، فقط لمغادرة وإحباط من الخبرة التي تلقيتها خلال زيارتك؟ صدق أو لا تصدق ، يعد هذا أمرًا شائعًا إلى حد كبير ، خاصة عندما تتجاهل مواقع الويب ممارسات UX الجيدة.
إذا كنت مشتركًا في أي جانب من جوانب تصميم موقع الويب ، فمن الضروري تجنب مشكلات UX الشائعة ، إذا كنت تريد البقاء في الكتب الجيدة للمستخدمين. دعونا نلقي نظرة على مصائد الـ UX الأربعة الأكثر شيوعًا التي يقع فيها المصممون ، وكيفية تجنبها ...
إستمارات
النماذج ضرورية لجمع المعلومات حول المستخدمين والعملاء والزبائن. لا يمكنك التجوّل باستخدامها ، لكن لا ينبغي أن تكون ممتلئة. يجب أن تحتوي النماذج على أسئلة قليلة للغاية حول المعلومات التي يبحث عنها موقع الويب. واحدة من أكبر مشاكل النماذج عبر الإنترنت هي عندما لا توجد تعليمات.
التنسيق
عندما تطلب من شخص ما الحصول على معلومات محددة ، ركز على ما تبحث عنه. إذا كنت تحتاج إلى تنسيق خاص لشيء ما ، مثل التاريخ والوقت ، أو أي معلومات منسقة أخرى ، فيجب أن تأتي مع مثال. لا شيء مزعج أكثر من ملء نموذج ، فقط لتلقي رسالة خطأ عند الانتهاء.
نص العنصر النائب
من الجيد أن يتجاوز المصمم قليلاً ويمنحك تلميحًا في نوع المعلومات التي يبحث عنها ، من خلال توفير نص عنصر نائب في حقل النموذج. على الرغم من أن هذا أمر مريح للغاية ، فقد كان هناك عدة مرات عندما أواجه نص العنصر النائب الذي لا يختفي عند بدء الكتابة في حقل النموذج. هذه نقطة كبيرة من الإحباط لأي مستخدم ، لأن عليهم التوقف عن الكتابة ، وتحديد كل شيء ، وحذفه ، بدء من جديد. يمكنهم أيضًا تحديد النوع غير الضروري وحذف ذلك ، مما يتسبب في انقطاع عملية التفكير الخاصة بهم أثناء ملء النموذج. عند استخدام نص العنصر النائب للتلميح بنوع المعلومات التي تبحث عنها ، تأكد من أنها تختفي عندما يحدد شخص ما حقل الإدخال هذا.
رسائل خاطئة
لا يوجد شيء محبط أكثر من محاولة القيام بشيء ما على أحد مواقع الويب ، فقط لتلقي رسالة خطأ ، بدون معلومات كافية ، أو أي شيء على الإطلاق. إذا واجه مستخدم موقع الويب خطأ ، يجب أن يكون هناك تفسير لما هو غير صحيح وكيفية إصلاحه. على سبيل المثال ، إذا قمت بتسجيل الدخول إلى موقع باسم مستخدم وكلمة مرور ، إذا ارتكبت خطأً مع أحدهما ، فيجب إخبارك بالأمر. مع وجود العديد من عمليات تسجيل الدخول إلى مواقع الويب ، من السهل تجميع أشكال متعددة من أسماء المستخدمين وكلمات المرور. هناك بعض الحالات التي اضطررت فيها إلى تعديل تركيبة اسم المستخدم وكلمة المرور المعتادة ، لأنها لا تفي بمتطلبات تسجيل موقع الويب ، مثل حرفين كبيرين ، أو رقم ، حرف ، وعلامات ترقيم أو رمز.
تتضمن الأمثلة الأخرى: إذا لم تتطابق كلمات المرور ، أثناء عملية التسجيل ، فقم بعرض رسالة خطأ قبل إرسالها. قد يكون مثال آخر إذا تم أخذ اسم مستخدم بالفعل ، إظهار أنه قبل قيام شخص ما بتقديم تسجيله.
لا أحد يحب إعادته إلى شيء ما ، خاصة بعد تلقي التعليمات الضعيفة. ستحصل على مشاركة أعلى بكثير إذا جعلت من السهل على المستخدمين تزويدك بالمعلومات الصحيحة في المرة الأولى.
رؤوس تنقل كبيرة وثابتة
لست متأكدًا كيف أصبح هذا الأمر شائعًا ، ولكني شاهدته كثيرًا في العديد من المواقع على الويب. إن المشكلة في هذا العنوان الكبير وكافة عناصر الملاحية هذه هي عند التمرير لأسفل الصفحة ، فهي تحجب الكثير من المحتوى. وهذا أمر محبط بشكل خاص عندما تكون هناك أجزاء تحتاج إلى الوصول إليها ، أو عندما يكون المحتوى يملأ ارتفاع المتصفح ، ولكن جزءًا منه يتم إخفاؤه عن طريق التنقل.
خاصة على الجوال
ما هو أسوأ من ذلك أنه في بعض الأحيان ، عندما يتم إرجاع موقع إلى حجم الهاتف المحمول ، لا يزال يتم الاحتفاظ رأسية كبيرة في مكانها. هذه تجربة سيئة في كل مكان ، لأن المساحة محدودة بالفعل على شاشات الهواتف الذكية. لا يلزم تناولها من خلال قائمة التنقل التي يمكن أن تكون مخفية. إذا كان هناك بعض عناصر التنقل التي تحتاج إلى البقاء مرئيًا ، فعليك تحويلها إلى أيقونات صغيرة ، أو وضعها بعيدًا عن الطريق.
تباين منخفض
عيني جيدة ، لكنني لست من محبي محاولة التمييز البصري للنص أو الرموز على خلفية سوداء. لا ينبغي لأحد أن يذهب من خلال ذلك. التباين هو المفتاح ، خاصة في تصميم الويب.
نص
يجب قراءة أي نص بسهولة ، مع وزن كافٍ لتسهيل قراءته. خطوط الوزن 100 لديها تقريبا أي مكان على شبكة الإنترنت (باستثناء عدد قليل من الحالات الخاصة). إن استخدام خط رفيع جدًا على الهاتف الذكي هو ببساطة طلب حدوث مشكلة. يجب أن يكون هناك ما يكفي من التباين البصري للعينين لإبراز أشكال الحروف.
اللون
لجميع عناصر موقع الويب ، يجب أن يكون هناك الكثير من التباين يمكن تمييزه بسهولة بين الألوان. يجب أن يحتوي أي نص وكله على نسبة عالية من التباين من خلفيته. ينطبق ذلك على أي روابط أو عناصر ملاحية أو رموز أيضًا. لا ينبغي أن يكون من الصعب العثور على ما تبحث عنه.
يدعو لاتخاذ إجراءات
تمامًا مثل الروابط الأخرى وعناصر التنقل ، يجب أن تعرض عناصر الحث على اتخاذ إجراء مستوى عالٍ من التباين. إذا كنت تريد من زائر موقع ويب اتخاذ إجراء ، اجعله بارزًا ، وسهل القراءة ، وتحميلًا وواضحًا. في كثير من الأحيان ، سترى عبارة تحث على اتخاذ إجراء باستخدام زر لا يبرز بشكل كافٍ من الخلفية. في بعض الأحيان ، ليس زرًا على الإطلاق ، بل هو مجرد رابط نصي محاط بمسافة بيضاء.
المس الأهداف على الجوّال
أرى ذلك في الكثير من مواقع الجوال وهو أحد أكثر العناصر التي تشعر بالحيرة للتعامل معها. إذا كان لديك زر أو رابط للنقر عليه ، فامنحيه مساحة كافية بحيث لا يصادف المستخدمون الخطأ بطريق الخطأ. على الهاتف الذكي ، تأكد من أن أي أزرار أو روابط بعيدة بما فيه الكفاية عن حافة الشاشة أو ركنها ، بحيث يمكن النقر عليها بسهولة.
في كثير من الأحيان ، يكون الضغط على زر قريب جدًا من أي من الزوايا الأربع للشاشة أمرًا صعبًا للغاية. إذا كان لديك أصابع أكبر ، فقد لا يقوم الهاتف الذكي بتسجيل الإجراء الخاص بك على الإطلاق. هذا يتسبب في أن يضطر المستخدم للنقر عدة مرات للحصول على الميزة للعمل. الفضاء لهذه العناصر مهم للغاية.
استنتاج
يمكن تجنب مشاكل UX الشائعة بسهولة مع القليل من العمل الإضافي والتدبر. إذا كنت تريد أن يستخدم زوار موقعك الإلكتروني موقعك والاستمتاع به ، فمن المهم أن تسهل العملية وانسيابها. تجنب أن يقوم مستخدموك بتكرار الإجراءات والعمليات مرة أخرى يقلل من الإحباط ويوفر تجربة المستخدم التي يتوقعها الجميع من موقع مصمم جيدًا.