تصميم واجهة المستخدم لمستخدمي فاقدي الألوان

يشكل المصابون بعمى الألوان نسبة كبيرة من السكان - حوالي 1 من 12 رجلاً و 1 من كل 200 امرأة على وجه الدقة. ومع ذلك ، غالبًا ما يتم تجاهل المستخدمين المكفوفين بالألوان في تصميم واجهة المستخدم.

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

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

نعتقد أنه يجب أن يتمتع كل شخص بإمكانية وصول عادلة ومتساوية إلى الإنترنت ، لذلك من الضروري أن يقوم مصممو واجهة المستخدم بالتصميم مع وضع المستخدمين المكفوفين في الاعتبار. يتطلب قانون الأمريكيين ذوي الإعاقة (ADA) من بعض المنظمات تلبية إرشادات WCAG 2.0 Level AA.

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

لماذا يعتبر التصميم لعمى الألوان أمرًا مهمًا

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

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

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

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

مصطلحات اللون التي يجب معرفتها

قبل الدخول في أفضل ممارسات تصميم واجهة المستخدم للمستخدمين المكفوفين بالألوان ، من الجيد مراجعة أساسيات الألوان لأولئك الذين ليسوا خبراء في التصميم. هناك أربعة مكونات رئيسية يجب مراعاتها عند اختيار نظام ألوان:

تدرج اللون: هذا مرادف لـ "اللون" ويتم تحديده من خلال الطول الموجي الطيفي للون.

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

الإضاءة: تعتمد الإضاءة على مقدار الأبيض أو الأسود المضاف إلى اللون ، مما يؤدي إلى إنشاء الصبغات والظلال على التوالي.

درجة الحرارة: هذا هو مدى الدفء أو البرودة التي تشعر بها للون. يمكن أن تؤثر شاشة الكمبيوتر على درجة حرارة اللون المدركة.

كيفية التصميم لمستخدمي فاقدي الألوان

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

لا تحدد مع اللون وحده

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

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

يجب أن تبتعد عن نقل المعلومات المهمة في نصوص وصور ملونة أو على الأقل توفير تلك المعلومات بطرق أخرى يسهل الوصول إليها.

افهم خيارات التباين والألوان

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

فيما يلي بعض الطرق الأخرى لتحسين رؤية التصميم الخاص بك:

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

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

• أحمر و أخضر
• الأخضر والأزرق
• أخضر وبني
• أخضر ورمادي
• أخضر وأسود
• أزرق ورمادي
• الأزرق والأرجواني
• أصفر وأخضر فاتح

تنفيذ الأنماط والقوام

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

استخدم الرموز وقم بتسمية كل شيء

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

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

أعد التفكير في أزرار الحث على الشراء

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

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

• بحجم
• تحديد مستوى
• تباين شديد
• حدود مرجحة
• الخطوط المرجحة
• الرموز الرمزية
• آثار تحوم

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

ضع خط تحت تلك الروابط

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

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

ضع في اعتبارك بساطتها

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

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

لست مطالبًا بالالتزام بتصميم بسيط حتى تتمكن من الوصول إليه ، ولكنه طريق واحد يعمل.

استخدم محاكي عمى الألوان

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

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

اجعل موقع الويب الخاص بك سهل الوصول إليه

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

تعد إمكانية الوصول إلى الألوان مجرد عنصر واحد في بناء موقع ويب ترحيبي. تأكد من مراجعة دليلنا حول جعل المحتوى الخاص بك في متناول الصم و HOH.