لقد أمضيت خمسة عشر عامًا في البحث عن كيفية إدراك الناس للمعلومات البصرية. الألوان في تصور البيانات هي واحدة من تلك المجالات التي تخذلنا فيها الحدس غالبًا.
دعوني أشارككم ما تظهره الأبحاث فعليًا.
الوظائف الثلاث للألوان في المخططات
قبل اختيار الألوان، افهم ما تطلبه من اللون أن يقوم به:
1. تمييز الفئات
عندما يكون لديك سلسلة بيانات مختلفة (المنتج أ، المنتج ب، المنتج ج)، يساعد اللون المشاهدين على التمييز بينها.
نتيجة البحث: يمكن للأفراد التمييز بين 5-8 ألوان تقريبًا بنظرة واحدة. بعد ذلك، يبدأ المشاهدون في الخلط بين الفئات. لهذا السبب يحد مصممو التصورات البيانية المحترفون من لوحات ألوانهم.
2. ترميز القيم
في خرائط الحرارة والخرائط الكوروبلية، يمثل اللون الكمية. الأغمق = أكثر، الأفتح = أقل (أو العكس).
نتيجة البحث: مقاييس الألوان التسلسلية (من الفاتح إلى الغامق في لون واحد) تعمل بشكل أفضل من المقاييس المتباينة لمعظم البيانات الكمية. نفهم بشكل بديهي أن "الأكثر تشبعًا = الأكثر شدة".
3. جذب الانتباه
يسلط اللون الضوء على ما هو مهم. الشريط الأحمر بين الأشرطة الرمادية يقول "انظر هنا".
نتيجة البحث: لون تسليط ضوء واحد على خلفية محايدة أكثر فعالية من ألوان "مهمة" متعددة تتنافس على الاهتمام.
الأعباء الثقافية للون
تحمل الألوان معاني، ولكن هذا المعنى يختلف حسب السياق والثقافة.
الأحمر
السياق الغربي: خطر، خسارة، توقف، سلبي، استعجال
السياق المالي: خسارة، هبوط، بيع
السياق التصميمي: خطأ، تنبيه، انتباه
في الصين: حظ سعيد، ازدهار، احتفال
في أسواق الأسهم: غالبًا ما يُعكس (الأحمر = ارتفاع في بعض الأسواق الآسيوية)
النهج الآمن: استخدم الأحمر لـ "السيئ" أو "يحتاج انتباهًا" فقط عندما يشترك جمهورك في ذلك السياق الثقافي. فكر في إشارات الشكل أو الموضع كبديل احتياطي.
الأخضر
بشكل عام: نمو، انطلاق، إيجابي، طبيعة، نجاح
السياق المالي: مكسب، ارتفاع، شراء، ربح
أمر شبه عالمي، ولكن لاحظ أن الأخضر له دلالة دينية في بعض الثقافات.
النهج الآمن: اقترن الأخضر بمفاهيم "الارتفاع" أو "الجيد"، لكن استخدم ميزة تمييز أخرى (مثل اتجاه السهم) للمعلومات الحرجة.
الأزرق
بشكل عام: ثقة، استقرار، هدوء، احترافية
السياق المؤسسي: لون العلامة التجارية الأكثر شيوعًا لسبب ما
مخاطرة منخفضة: الأزرق هو خيار اللون الأكثر أمانًا عبر الثقافات والسياقات. وهو أيضًا الأكثر تمييزًا للأشخاص الذين يعانون من إعاقات في رؤية الألوان.
البرتقالي/الأصفر
بشكل عام: تحذير، حذر، طاقة، انتباه
مؤشرات الحالة: غالبًا ما يُستخدم لـ "تحذير" أو "يحتاج انتباهًا"
الفخ: الأصفر على الأبيض له تباين ضعيف. البرتقالي يمكن أن يشعرك بالعدوانية.
واقع إمكانية الوصول
إليكم ما يتجاهله الكثير من مصممي التصورات البيانية: حوالي 8% من الرجال و0.5% من النساء لديهم شكل ما من أشكال إعاقة رؤية الألوان. هذا تقريبًا 300 مليون شخص حول العالم.
ما يراه مستخدمو عمى الألوان
عمى الألوان الأحمر-الأخضر (الأكثر شيوعًا): الأحمر والأخضر يظهران كدرجات بنية طينية متشابهة.
الاستتباع: لا تعتمد أبدًا على الأحمر مقابل الأخضر فقط لتمييز الفئات. هذا غير مرئي لجزء كبير من جمهورك.
الحلول التي تعمل
- استخدم لوحات ألوان صديقة لعمى الألوان: الأزرق-البرتقالي، الأزرق-الأصفر، والأرجواني-البرتقالي لها فصل جيد لمعظم أنواع إعاقات رؤية الألوان.
- أضف ترميزًا ثانويًا: أنماط، أشكال، أو تسميات تعمل بدون لون.
- استخدم تباينًا كافيًا في الإضاءة: حتى بدون لون، يمكن التمييز بين الدرجات الفاتحة والغامقة.
- اختبر عملك: أدوات مثل Coblis (محاكاة عمى الألوان) تُظهر كيف يبدو مخططك لمستخدمي عمى الألوان.
الأبحاث حول اللون والاستيعاب
دراسة: كليفلاند ومكجيل (1984)
النتيجة: يتم إدراك الموضع على طول مقياس مشترك بشكل أكثر دقة من تشبع اللون.
الاستتباع: لا تعتمد على شدة اللون لنقل قيم دقيقة. استخدمها للأنماط العامة؛ استخدم الموضع (أشرطة، نقاط) للمقارنة الدقيقة.
دراسة: هيلي (1996)
النتيجة: لون فريد "يبرز" من الخلفية في أقل من 200 مللي ثانية، بغض النظر عن عدد العناصر الأخرى الموجودة.
الاستتباع: للتسليط الضوء، اختر لونًا مختلفًا بوضوح عن كل شيء آخر. الاختلافات البسيطة لا تبرز.
دراسة: بورلاند وتايلور (2007)
النتيجة: غالبًا ما يساء تفسير أنظمة الألوان قوس قزح (أحمر-أصفر-أخضر-أزرق-أرجواني) لأنها ليس لها ترتيب إدراكي طبيعي.
الاستتباع: للبيانات التسلسلية، استخدم تدرجًا بلون واحد. للبيانات المتباينة، استخدم لونين مع نقطة متوسطة محايدة.
بناء نظام ألوان للبيانات
الخطوة 1: اختر لوحتك الأساسية
أنت بحاجة إلى:
- 1-2 لون للعلامة التجارية (للمحاذاة مع هوية الشركة)
- 1 لون لتسليط الضوء (للتركيز)
- 1 لون محايد (رمادي، لتقليل التركيز)
- 2-3 ألوان للفئات (إذا كنت بحاجة إليها)
هذا كل شيء. معظم التصورات تحتاج إلى 4-6 ألوان إجمالاً.
الخطوة 2: حدد التسلسل الهرمي
قرر ماذا يعني كل لون:
- لون التسليط الضوء = الأكثر أهمية، يحتاج إجراء
- الأساسي = سلسلة البيانات الرئيسية، منطقة التركيز
- الثانوي = بيانات مقارنة، سياق
- المحايد = خلفية، أقل أهمية
استخدم هذا بشكل ثابت عبر جميع تصوراتك.
الخطوة 3: إنشاء مقاييس تسلسلية
لخرائط الحرارة وبيانات الشدة:
- اختر لونًا واحدًا
- أنشئ 5-7 درجات من الفاتح إلى الغامق
- تأكد من وجود تباين كاف بين الدرجات المتجاورة
أدوات مثل ColorBrewer2 تُنشئ هذه المقاييس مع مراعاة سهولة الوصول.
الخطوة 4: اختبر ووثّق
اختبر لوحتك باستخدام:
- أدوات محاكاة عمى الألوان
- شاشات ذات تباين منخفض
- النسخ المطبوعة (إذا كانت مُطبقة)
وثّق رموز ألوانك حتى يستخدمها الجميع بشكل ثابت.
إرشادات عملية للألوان
افعل:
- استخدم الأزرق كلونك الافتراضي "الآمن"
- حدد لوحات الفئات بـ 5-7 ألوان
- اجعل ألوان تسليط الضوء مختلفة بوضوح
- اختبر لضمان سهولة الوصول
- كن ثابتًا عبر لوحات التحكم
لا تفعل:
- استخدم لوحات قوس قزح للبيانات التسلسلية
- اعتمد على التمييز الأحمر-الأخضر وحده
- استخدم ألوان تسليط ضوء متعددة
- غيّر معاني الألوان في منتصف لوحة التحكم
- استخدم اللون كالطريقة الوحيدة لتمييز الفئات
اللون في أنواع المخططات المختلفة
المخططات الشريطية
الأفضل: لون واحد صلب مع تسليط ضوء واحد
مقبول: 2-3 ألوان للأشرطة المجمعة
تجنب: كل شريط بلون مختلف (إلا إذا كانت الفئات ذات معنى)
المخططات الخطية
الأفضل: 2-3 ألوان مختلفة بوضوح
مقبول: أنماط خطوط متنوعة (مستمر، متقطع) كبديل احتياطي
تجنب: أكثر من 4-5 خطوط بألوان مختلفة
خرائط الحرارة
الأفضل: مقياس تسلسلي بلون واحد
مقبول: مقياس متباين (لونين) مع نقطة متوسطة ذات معنى
تجنب: أنظمة قوس قزح أو عالية التشبع
المخططات الدائرية
الأفضل: 2-3 ألوان مع معنى واضح
مقبول: تسليط الضوء على شريحة واحدة مقابل أخرى محايدة
تجنب: 7+ ألوان مختلفة حول الدائرة
أدوات تساعد
تتضمن العديد من أدوات التصور الحديثة لوحات ألوان مصممة بعناية. الأدوات المدعومة بالذكاء الاصطناعي مثل ChartGen تطبق أبحاث الألوان تلقائيًا—مقترحة لوحات ألوان سهلة الوصول وتحافظ على الثبات.
للعمل اليدوي، أوصي بـ:
- ColorBrewer2 (المقاييس التسلسلية والمتباينة)
- Viz Palette (التحقق من سهولة الوصول)
- Coolors (إنشاء لوحات ألوان مع درجات سهولة الوصول)
فكرة أخيرة
اللون قوي لأنه يُعالج قبل الانتباه—قبل التفكير الواعي. هذا يجعله فعالاً وخطيرًا في نفس الوقت.
فعال: اللون المناسب يبرز ويوجه الانتباه على الفور.
خطير: اللون الخاطئ يُشتت، يستبعد المستخدمين، أو يضلل التفسير.
الهدف ليس استخدام أكبر عدد من الألوان. الهدف هو استخدام اللون بشكل مقصود بحيث بالكاد يلاحظه المشاهدون—هم فقط يفهمون البيانات بشكل أسرع.