12 أخطاء UX / UI سيئة لا يجب ارتكابها في تصميم التطبيق
نشرت: 2017-10-25نص صغير جدا للقراءة.
محتوى خط صغير بلون فاتح على خلفية بيضاء.
يتعذر على المستخدمين رؤية الميزات المهمة الموجودة في مكان ما في واجهة المستخدم.
هذه بعض المشكلات الشائعة المتعلقة بتصميم UX / UI في التطبيقات ، كما أن ارتكاب الكثير من الأخطاء مثل هذه سيكلفك غالياً. أثناء التخطيط لمشروع برمجي ، من الضروري تحديد مثل هذه الأخطاء في وقت مبكر جدًا في مرحلة التصميم لأن الهدف هو إنشاء واجهة سهلة الاستخدام وسريعة توفر تجربة مستخدم سلسة.
فيما يلي بعض الأخطاء القاتلة التي يمكن أن تؤدي إلى هلاك التطبيق ، وكيف يمكنك تجنبها في النهاية.
1. الانحراف عن توقعات المستخدم
ومن المثير للاهتمام ، أن لدى المستخدمين بعض التوقعات عندما يتعلق الأمر باستخدام أدوات واجهة المستخدم الرسومية الأساسية (أزرار الاختيار ، مربعات الاختيار ، أشرطة التمرير ، روابط / أزرار الأوامر ، وما إلى ذلك) قد لا يتم قبول محاولة تغيير ثوري على هذه الأزرار بشكل جيد.
تأمل في هذا المثال البسيط: لقد كنت تستمع إلى أخبار بي بي سي طوال حياتك. فجأة ، قرر شخص ما في عائلتك الاستماع إلى CNN بدلاً من ذلك ، وتحصل على شعور "السمك خارج الماء". هذا هو بالضبط ما سيشعر به المستخدمون أيضًا عند إجراء تعديلات كبيرة في أدوات واجهة المستخدم الرسومية.
تم تحسين معظم أدوات واجهة المستخدم الرسومية الشائعة وتجربتها لسنوات طويلة ، وهناك سبب يجعل المستخدمين يحبونها. ليس من السهل تغيير هذا الشعور بالسهولة والراحة بين عشية وضحاها. هذا لأن المستخدمين يجب أن يبذلوا طاقة كبيرة وقدرة عقلية لفعل شيء جديد ؛ وقد لا يتقبلون ذلك.
وبالتالي ، لا تقم بإجراء تغييرات جذرية في مظهر عناصر واجهة المستخدم الرسومية لتطبيقك. يفضل المستخدمون لديك التنقل الخالي من المتاعب من خلال التطبيق ، لذلك من الأفضل أن تحتفظ بالشكل والمظهر الأصليين لواجهة المستخدم الرسومية.
2. عدم معرفة ما يحتاجه المستخدم حقًا
عندما تفشل الشركات في إدراك الاحتياجات الفعلية للمستخدم ، والتوصل إلى شيء لا يلبي احتياجاتهم ، فإن ذلك يؤدي إلى خطأ فادح. في مثل هذه الحالات ، لا يمكنك زيادة المبيعات ويفشل تطبيقك.
من المهم البحث واكتساب رؤى عميقة حول اهتمامات المستخدم قبل اتخاذ قرار بشأن الميزات التي سيتم دمجها. لهذا ، قم بإجراء بحث شامل للمستخدم والسوق.
افهم ما يتوقعه المستخدمون المستهدفون من تصميم تطبيقك - وقت الاستجابة الفوري ، والتنقل السلس بين عناصر التحكم ، وسهولة القراءة وما إلى ذلك - باختصار ، تجربة مستخدم بديهية.
أيضًا ، قم بإجراء تحليل نقدي لمنافسيك - تعرف على عامل قابلية استخدام تطبيقاتهم ؛ ما هي جميع الميزات التي يتضمنونها في تطبيقاتهم ، وما مدى تفاعل واجهات المستخدم الخاصة بهم ، وما إلى ذلك.
وحذر المطورون لأول مرة: لا تفرط في تحميل الكثير من الميزات في التطبيق. الغرض الرئيسي من التطبيق هو تبسيط أنشطة المستخدمين.
لذلك يُنصح بعدم المبالغة في استخدام الميزات لأن هذا سيؤدي إلى موجة من النشاط الذي من شأنه تحويله على الفور إلى تطبيق متوسط المستوى. عدد أقل من الميزات (الميزات الأولية ، بالطبع) سيفي بالغرض.
3. أهداف اللمس الضعيفة
يأتي المستخدمون مجهزين بأصابع مختلفة الحجم. لذلك يجب تكوين اللمسة لتلبي احتياجات أصابع جميع الأشخاص في الجزء المستهدف. يبلغ متوسط عرض السبابة البالغة 1.6 إلى 2 سم. ومن ثم ، ضع ذلك في الاعتبار أثناء تصميم تطبيقات الهاتف المحمول القائمة على اللمس.
إذا وجد المستخدمون صعوبة في لمس الميزات الموجودة في التطبيق وتنشيطها ، فقد يتخلون عن استخدام التطبيق تمامًا وسيكون ذلك أمرًا مأساويًا حقًا. وهذا ينطبق مرة أخرى على عدد الميزات التي لديك. كلما زادت الميزات لديك ، كلما كانت مناطق النقر أصغر في التطبيق. من ناحية أخرى ، قد يؤدي دمج بعض الميزات الأساسية إلى مناطق نقر أكبر.
4. التمرير الرعب
عاش محررو الصحف والمجلات والمعلنون ذات مرة في رعب دائم من "حظيرة". عندما أصبحت تطبيقات الهاتف المحمول شائعة ، خف "رعب الطي" قليلاً لأن المحتوى كان مرئيًا على شاشة يمكن تمريرها بسهولة.
ولكن هذا كان صحيحًا جزئيًا فقط لأنه أصبح من المهم أكثر فأكثر إنشاء تخطيط ويب سريع الاستجابة وأطول حيث لا ينبغي أن تنخفض الإجراءات الرئيسية في الجزء المرئي من الصفحة ، أو بالأحرى التغلب على مكان يمكن للأشخاص التمرير والعثور عليه بسهولة.
تزيد التحويلات فقط عندما يتم وضع الأزرار ذات الصلة "في الجزء المرئي من الصفحة" ، أو عندما لا يضطر المستخدمون إلى التمرير. إن وضع عبارة واضحة تحث المستخدم على اتخاذ إجراء في مكان بارز من شأنه أن يجلب المزيد من التحويلات.
5. الأزرار التي تحاكي مظهر أزرار التحكم في واجهة المستخدم الرسومية
تمامًا مثل وجود الكثير من عناصر التحكم في واجهة المستخدم الرسومية يمكن أن يكون خطأ فادحًا ، فإن عكس ذلك يمكن أن يكون أيضًا مميتًا. تولد النصوص والعناوين التي تحتها خط ، شعورًا بأنها روابط من شأنها أن تأخذ المستخدمين إلى صفحة جديدة.
ينقرون عليه ، ولكن عندما لا يصلون إلى الصفحة ، يفترضون أن الرابط معطل ويخرجون من التطبيق. غالبًا ما يصاب المستخدمون بالارتباك والغضب أحيانًا بسبب هذه المهزلة وقد لا يعودون مرة أخرى.
قم بالكشف عن أزرار الاختيار أينما كانت ضرورية للغاية ، ولكن لا تعطي انطباعًا خاطئًا عن أزرار الاختيار في حالة عدم وجودها.
6. ضوابط واجهة المستخدم الرسومية غير متناسقة
يجب أن تكون عناصر التحكم في واجهة المستخدم الرسومية متسقة. إذا كنت تستخدم كلمات معينة للحث على اتخاذ إجراء وإجراءات مماثلة ، فاستخدم الكلمات نفسها في جميع أنحاء التطبيق. قد يؤدي استخدام كلمات مختلفة لنفس الإجراء إلى حدوث ارتباك.
في بعض الأحيان ، ستكون الإجراءات التي يفترضها المطورون بسيطة للمستخدمين ، افعل العكس تمامًا. إذا اتبعت نمطًا معينًا في تطبيقك ، فاتبعه باستمرار طوال الوقت. تأكد من ظهور الأزرار والصفحات في المكان الذي يتوقع المستخدمون ظهورهم فيه.
7. تخطي المخططات الانسيابية والعودة إلى التصميم
لا يوفر المطورون الوقت عن طريق تخطي المخططات الانسيابية والانغماس مباشرة في جزء التصميم من التطبيق. من المهم جدًا إنشاء مخطط انسيابي مع وضع المستخدمين في الاعتبار ، ويقوم العديد من المطورين بإنشاء هذه المخططات مع شخصيات المستخدم بحيث يكون لديهم دائمًا المستخدم النهائي في الاعتبار.
سيساعد هذا أيضًا في تحديد من أين يأتي المستخدمون وما هي اهتماماتهم وأين يكذبون. ومن ثم ، أثناء تصميم المخططات الانسيابية ، من الضروري اتخاذ قرار بشأن أهداف المستخدم والعمل وما إذا كان سيتم إنجازها في النهاية أم لا. من خلال إنشاء مخطط التدفق ، من الممكن المرور بخيارات مختلفة مع تدفقات الصفحة ، وتحديد أفضلها.
8. عدم مراعاة "التكاليف المتصورة"
من الناحية العادية ، تعني التكلفة جميع الإجراءات الممكنة جسديًا اعتمادًا على خصائص الكائن / البيئة. يسمح لك الدرج بالصعود والنزول ، ويسمح لك غطاء الزجاجة بالفك أو فك البراغي.
وبالمثل ، في صفحة الويب ، يقوم شريط التمرير بوظيفة التحرك لأعلى ولأسفل ، ويسمح لك مربع الاختيار بالتحقق منه أو إلغاء تحديده وينقلك النص المرتبط تشعبيًا إلى صفحة أخرى. يتيح السعر للمستخدم القيام بشيء يمكنه فهمه بسهولة.
سيعتمد تصور هذه الامتيازات على معرفة المستخدم بصفحة الويب والتجارب والمعتقدات والأهداف. أثناء تصميم واجهات المستخدم ، من المهم أن يعطي المصمم إشارات صحيحة أو قد يؤدي إلى الارتباك وبالتالي تجربة المستخدم السيئة.
يجب على المصممين استخدام الدلالات المرئية الصحيحة التي يمكن للمستخدمين من خلالها إدراك كيفية ملاحظتهم لعناصر واجهة المستخدم هذه والتفاعل معها. من المهم أيضًا أن تتذكر أن جميع المستخدمين ليسوا متساوين ؛ ومن ثم قد لا يتم تصور أو تفسير جميع الامتيازات بنفس الطريقة من قبل الجميع. لذا قم بدعم جميع الإشارات المرئية بالتسميات والتعليمات المناسبة.
9. غياب النوع الصحيح من مربعات الحوار
في قابلية استخدام حوار تطبيق الويب ، من الضروري إعلام المستخدمين بالحالة الحالية للنظام وكيف تم تفسير أوامرهم. تهدف الحوارات إلى إعلام المستخدمين بكيفية ظهور أفعالهم ، دون إبعادهم عن الشاشة الحالية.
يمكن للصمت أن يبقي المستخدمين في حالة تخمين. لذلك أثناء إنشاء تطبيق ويب ، تأكد من أن مربع الحوار لا يحجب المعلومات من المستخدمين. لكن استخدمها باعتدال ، لأن الرسائل المستمرة يمكن أن تكون متقطعة.
على سبيل المثال ، عندما يقرر المستخدم إنهاء صفحة معينة بعد كتابة المعلومات ، يمكن أن يأتي مربع الحوار مع مربع التأكيد الذي يقول "تجاهل المسودة؟ إلغاء أو تجاهل ".
ومع ذلك ، قصفهم بمربعات حوار الاشتراك (على سبيل المثال ، "يرجى الاشتراك في النشرة الإخبارية اليومية عن طريق كتابة عنوان بريدك الإلكتروني") مرات كثيرة جدًا يمكن أن يكون مزعجًا حقًا.
10. ارتكاب أخطاء شائعة برسائل الخطأ
يقضي المستخدمون الوقت والجهد في ملء النماذج ، وعندما يكون هناك خطأ فيها ، من الضروري إبلاغهم بالخطأ وأين حدث ذلك. إذا كانت هناك قواعد محددة لإنشاء كلمة مرور ، فقم بإبلاغ المستخدمين مسبقًا ، حتى لا يضطروا إلى فعل الشيء نفسه مرتين.
أو ، إذا كان هناك رمز ترويجي ليتم تطبيقه ، فما عليك سوى إبلاغهم مسبقًا بنوع العروض الترويجية المطبقة ولماذا. قد يؤدي عدم إبلاغهم في الوقت المحدد إلى زيادة القلق والإحباط لدى المستخدم. تذكر عدم ارتكاب هذه الأخطاء أثناء إنشاء رسائل الخطأ:
- الغموض - عدم الوضوح بشأن الخطأ الذي ارتكبه المستخدم.
- إلقاء اللوم على المستخدم - من الأفضل أن تكون متواضعاً ، حتى عندما يخطئ المستخدم. أشر إلى الخطأ برفق ، حتى تتم مطالبتهم بالمحاولة مرة أخرى.
- وضع رسائل الخطأ ضعيفًا - يُنصح بعدم وضع الأخطاء في قائمة نقطية لأن ذلك يؤدي بالفعل إلى إيقاف تشغيلها. ضع رسائل الخطأ أعلى الأخطاء مباشرةً حتى يتمكن المستخدمون من رؤية الخطأ على الفور.
- عدم استخدام النسخ المصغر لمنع الأخطاء - يمكن للقطع الصغيرة من النص التوضيحي بالقرب من الفراغات أن توجه المستخدم فعليًا بما يجب ملؤه ، حتى يتمكن من الحصول عليه في المرة الأولى.
11. عدم وجود افتراضيات ذكية
يمكن أن يكون وجود حقل إضافي في صفحة ملء النموذج لتطبيقك رادعًا. لذلك إذا كان هذا الحقل الإضافي ضرورة مطلقة ، فتأكد من وضع القيم الافتراضية في حقول إدخال النموذج. يقوم الأشخاص بمسح النماذج ضوئيًا بسرعة للتحقق من الوقت الذي سيستغرقه ملء النموذج ، وإذا كانت هناك بالفعل قيمة افتراضية في النموذج ، فمن المحتمل أن يمضي قدمًا ويملأ الآخرين.
قد يؤدي عدم وجود إعدادات افتراضية ذكية إلى إضاعة الوقت وإحباط المستخدم ، وهذا خطأ فادح. يُنصح أيضًا بعدم وضع الإعدادات الافتراضية لحقول المدخلات التي تتطلب اهتمام المستخدم. لا تفترض ما سينقر عليه المستخدم ، وحتى إذا كان افتراضيًا مدروس جيدًا ، فقد يرغب المستخدمون في شيء آخر.
12. تجاهل ألوان التمييز لأزرار الحث على اتخاذ إجراء
من المهم جدًا دمج ألوان مميزة جيدة للفت الانتباه إلى أزرار مثل "اشترِ الآن" ، "ابدأ برنامجًا تعليميًا مجانيًا" ، "سجل الآن" وما إلى ذلك. استخدم لونًا مختلفًا للأزرار بحيث تكون منفصلة ، خاصة بالنسبة لأولئك أزرار الحث على الشراء الحاسمة.
يجب أن يكون لون التمييز ساطعًا بدرجة كافية لجذب الانتباه ، ولكن ليس مزعجًا أو مشتتًا. تأكد من أن لون التمييز يتكامل مع باقي سمة اللون في التطبيق. احتفظ أيضًا بلون معين للعبارة التي تحث المستخدم على اتخاذ إجراء ولا تستخدمه في أي مكان آخر بالصفحة.
استنتاج
هذه بعض الأخطاء الأكثر شيوعًا في تصميم UI / UX. وتذكر أنه كلما قمت بإجراء أي تغييرات على التصميم ، تأكد من اختباره بدقة لمعرفة مدى فعاليته.
يُعد تصميم التطبيق عاملًا مميزًا للنجاح ، ومع وجود آلاف التطبيقات التي يتم إصدارها كل يوم ، لا يحصل سوى عدد قليل منها على الموافقة. يمكن أن تؤدي الممارسات السيئة إلى أخطاء قاتلة في تصميم UX / UI ، وكل جهود الكثير من الناس تذهب هباءً.
تذكير أخير:
أثناء تصميم تطبيقك ، تذكر التصميم لمنصات متعددة ، إلا إذا كنت تستهدف نظامًا معينًا. هذه هي الطريقة التي تحصل بها على الحد الأدنى من المنتج القابل للتطبيق (MVP) في المتجر مباشرةً.