الألوان والأنماط والتسميات المباشرة

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

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

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

في المخططات الخطية، ميّز النقاط باستخدام أشكال مختلفة: دوائر ومربعات ومثلثات. وستظل كل سلسلة مميزة من دون الاعتماد على درجة اللون.

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

يصعب التمييز بين بعض أزواج الألوان، مثل الأحمر والأخضر. وتتجنب لوحة ألوان آمنة لعمى الألوان مثل Okabe-Ito هذه التعارضات.

تحتاج السلاسل المتجاورة وتسمياتها النصية إلى تباين حقيقي. تطلب WCAG نسبة لا تقل عن 3 إلى 1 بين الأجزاء الرسومية ذات المعنى.

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

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

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

تنقذ التسميات المباشرة والأنماط المخططات المعروضة في ضوء الشمس أو على شاشات رخيصة أو المطبوعة بالأبيض والأسود. وهذا مفيد للجميع. ☀️

لماذا يُعد اللون وحده طريقةً ضعيفة للتمييز بين سلاسل المخطط؟

تعلّمت ألّا تعتمد على اللون وحده أبدًا: أضف أنماطًا أو أشكالًا أو تسميات مباشرة، واختر لوحات آمنة، واختبر باستخدام التدرج الرمادي. 🖤