قبل عشر سنوات، قمت بعمل مخطط كلّف شركتي عميلاً.
لم يكن خاطئًا، من الناحية التقنية. لكن المخطط الدائري ثلاثي الأبعاد ذو السبعة أقسام، كل منها بلون مختلف، فشل في إيصال أن أحد خطوط المنتجات كان يخسر الأموال بشكل كبير. نظر العميل إليه، وأومأ بأدب، واتخذ القرار الخاطئ.
منذ ذلك الحين، أصبحت مهووسة بتجنب أخطاء التصور.
الخطأ رقم 1: لوحة التحكم المزدحمة بشكل مبالغ فيه
الأعراض: 15 مخططًا في شاشة واحدة. خمسة أنواع مختلفة من المخططات. ألوان في كل مكان. يتطلب التمرير.
لماذا يحدث: تفكير "قد نحتاج هذه البيانات". الخوف من ترك شيء خارج.
الحل: اسأل "ما القرار الذي تدعمه لوحة التحكم هذه؟" وأزل كل شيء لا يخدم هذا القرار بشكل مباشر. أهدف إلى 3-5 تصورات كحد أقصى لكل لوحة تحكم.
حديث صريح: ورثت ذات مرة لوحة تحكم بها 47 مخططًا. بعد مقابلتنا للمستخدمين، علمنا أنهم كانوا ينظرون فقط إلى 6 منها. أعدنا بنائها في يوم واحد.
الخطأ رقم 2: محاور ص س المضللة
الأعراض: محور ص لا يبدأ من الصفر (عندما يجب أن يفعل). محور مبتور يبالغ في الاختلافات.
لماذا يحدث: أحيانًا تلاعب مقصود. عادةً ما يكون سلوك أداة افتراضي.
الحل: للمخططات الشريطية، ابدأ دائمًا من الصفر. للمخططات الخطية، يعتمد الأمر—إذا كنت تعرض تغييرات صغيرة في النسب المئوية، فإن البدء بقيمة أعلى قد يكون مناسبًا، لكن علّق عليها بوضوح.
الاختبار: هل سَيُضلَّل شخص معقول بهذا المحور؟ إذا كانت الإجابة نعم، أصلحه.
الخطأ رقم 3: لوحات ألوان قوس قزح
الأعراض: كل سلسلة بيانات بلون مختلف. الأحمر، البرتقالي، الأصفر، الأخضر، الأزرق، الأرجواني جميعها في مخطط واحد.
لماذا يحدث: لوحات ألوان برمجية افتراضية. الاعتقاد أن "المزيد من الألوان = أسهل في التمييز".
الحل: استخدم لونًا واحدًا لتسليط الضوء على ما يهم. الرمادي لكل شيء آخر. إذا كان يجب استخدام ألوان متعددة، التزم بـ 3-4 من العائلة نفسها.
البحث: لوحات ألوان قوس قزح إشكالية بشكل خاص لأنها لا تحتوي على ترتيب طبيعي. هل الأحمر أكبر من الأزرق؟ أدمغتنا لا تعرف، لذا فهي تعمل بجهد أكبر.
الخطأ رقم 4: الزوائد في المخططات
الأعراض: تأثيرات ثلاثية الأبعاد. خطوط الشبكة الثقيلة. عناصر زخرفية. صور خلفية. ظلال.
لماذا يحدث: الأدوات تجعله سهلًا. الناس يعتقدون أنه يبدو "احترافيًا" أو "جذابًا".
الحل: أزل كل شيء لا ينقل المعلومات مباشرة. عند الشك، احذفه.
إدوارد توفتي يسمي هذا "زائد المخططات" وهو محق—كل بكسل يجب أن يعمل نحو فهم البيانات.
الخطأ رقم 5: المخطط الخاطئ للبيانات
الأعراض: مخططات دائرية بـ 12 قسمًا. مخططات خطية للبيانات الفئوية. مخططات شريطية لسلسلة زمنية بها 100+ نقطة.
لماذا يحدث: عدم التفكير فيما يحتاج المخطط إلى إيصاله.
الحل: طابق نوع المخطط بالسؤال الذي تجيب عليه:
- مقارنة القيم؟ → مخطط شريطي
- عرض الاتجاهات؟ → مخطط خطي
- جزء من الكل؟ → مخطط شريطي متراكم (أو دائري إذا كان 4 أقسام أو أقل)
- علاقة ارتباط؟ → مخطط مبعثر
الخطأ رقم 6: عدم وجود تسلسل هرمي واضح
الأعراض: كل شيء بنفس الحجم. لا يوجد تركيز بصري. الرؤية الأكثر أهمية لا تبرز.
لماذا يحدث: معاملة جميع البيانات على أنها متساوية الأهمية.
الحل: استخدم الحجم واللون والموضع لخلق تركيز. الرقم الأكثر أهمية يجب أن يكون الأكبر. المخطط الرئيسي يجب أن يكون في الأعلى يسارًا.
أستخدم "اختبار التحديق"—حاول أن تحدق في لوحة التحكم الخاصة بك. هل لا يزال الشيء الأكثر أهمية بارزًا؟ إذا لم يكن كذلك، قوي التسلسل الهرمي.
الخطأ رقم 7: نقص السياق
الأعراض: أرقام بدون مقارنة. اتجاهات بدون تفسير. بيانات بدون معنى.
لماذا يحدث: افتراض أن الجمهور يعرف كيف يبدو "الجيد".
الحل: اعرض دائمًا مقارنة—الفترة السابقة، الهدف، المعيار المرجعي، أو المتوسط. أضف تعليقات توضيحية للأحداث الهامة. أدرج نصًا موجزًا يشرح ما يجب أن يستخلصه المشاهد.
سيء: "الإيرادات: 2.3 مليون دولار"
أفضل: "الإيرادات: 2.3 مليون دولار (+15% مقابل الهدف)"
الخطأ رقم 8: تعقيد البسيط أكثر من اللازم
الأعراض: مخططات فقاعية بينما مخطط شريطي سيعمل. مخططات سانكي للتدفقات البسيطة. مخططات الرادار للمقارنات الأساسية.
لماذا يحدث: الرغبة في الظهور بمظهر متطور. الملل من المخططات "الأساسية".
الحل: استخدم أبسط مخطط ينقل رسالتك. يجب حجز المخططات المعقدة للعلاقات المعقدة التي لا تستطيع المخططات الأبسط عرضها.
قاعدتي: إذا كان عليك شرح كيفية قراءة المخطط، اختر مخططًا مختلفًا.
الخطأ رقم 9: تصميم غير متناسق
الأعراض: أنظمة ألوان مختلفة عبر المخططات. خطوط متباينة. أنماط غير متطابقة في نفس الصفحة.
لماذا يحدث: مخططات تم إنشاؤها في أوقات مختلفة. عدة أشخاص يساهمون. لا يوجد دليل نمط.
الحل: أنشئ لغة بصرية والتزم بها. نفس الألوان تعني نفس الأشياء. نفس أنواع المخططات لأنواع البيانات نفسها. طباعة متناسقة.
هذا الأمر أهم مما يعتقد الناس. عدم التناسق يجبر المشاهد على إعادة تعلم كيفية قراءة كل مخطط.
الخطأ رقم 10: تجاهل إمكانية الوصول
الأعراض: تركيبات ألوان حمراء وخضراء. تباين منخفض. نص صغير. لا يوجد نص بديل.
لماذا يحدث: عدم التفكير في المستخدمين المتنوعين. اختبار فقط على إعداداتك الخاصة.
الحل:
- استخدم لوحات ألوان صديقة لعمى الألوان (العديد من الأدوات تقدم هذه)
- تأكد من وجود تباين كافٍ (إرشادات WCAG تساعد)
- أضف أنماطًا أو تسميات، ليس فقط لونًا، لتمييز الفئات
- أضف عناوين وصفية ونصًا بديلاً
حوالي 8% من الرجال لديهم شكل ما من أشكال إعاقة رؤية الألوان. هذا على الأرجح شخص في فريقك أو جمهورك.
الخطأ الأساسي
أكبر خطأ ليس أيًا من هذه الأخطاء بشكل فردي—بل هو عدم اختبار تصوراتك مع مستخدمين حقيقيين.
اعرض مخططك لشخص لا يعرف البيانات. اسأله ماذا يقول. قِد المدة التي يستغرقها لفهمه.
إذا واجه صعوبة، فهذا ليس خطؤه. إنه خطأ المخطط.
كيف يبدو الجيد
أفضل التصورات التي رأيتها تشترك في صفات مشتركة:
- رسالة واحدة واضحة لكل مخطط
- تسلسل هرمي واضح (تعرف ما الذي تبحث عنه أولاً)
- زخرفة قليلة
- تصميم متناسق
- سياق للتفسير
- يمكن الوصول إليه من قبل مشاهدين متنوعين
أدوات تساعد
الأدوات الحديثة مثل ChartGen تساعد في تجنب العديد من هذه الأخطاء من خلال تطبيق أفضل الممارسات تلقائيًا. الذكاء الاصطناعي لن يقترح مخططًا دائريًا بـ 12 شريحة أو يطبق تأثيرات ثلاثية الأبعاد.
لكن الأدوات مساعدات، ليست بديلاً عن الحكم السليم. فهم سبب كون هذه الأخطاء مشاكل يجعلك أفضل في اكتشافها—بغض النظر عن البرنامج الذي تستخدمه.
فكرة أخيرة
كل خطأ في التصور يشترك في سبب جذري: إعطاء الأولوية لما يبدو مثيرًا للإعجاب على ما ينقل بوضوح.
الهدف ليس إثارة الإعجاب. إنه إعلام.
عندما تمسك بنفسك تضيف شيئًا "لأنه يبدو جيدًا"، توقف واسأل: هل هذا يساعد شخصًا ما على فهم البيانات بشكل أسرع؟
إذا لم يكن كذلك، احذفه.