قراية
وضع الحكايات

التواصل الفعّال بالبيانات

~14 دقيقة قراية الدرس 3 من 3 في الوحدة 2

من الرسم للتواصل

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

التواصل الفعّال بالبيانات مهارة بتجمع الإحصاء والتصميم وعلم النفس. الإحصائي بيجيب الأرقام؛ والمصمم بيشكّل طريقة عرضها؛ وفهمنا لإدراك الإنسان بيحدد إيه اللي بيوصل فعلًا لدماغ اللي بيتفرّج. الدرس ده بيتكلم عن المبادئ اللي بتجمع التلاتة: اختيار الرسمة الصح، وتطبيق إرشادات Tufte، وتجنّب الغلطات المشهورة، واختيار الألوان بحكمة، وبناء حكاية بتاخد القارئ من البيانات للـ insight (الاستبصار).

اختيار نوع الرسمة المناسب

أول قرار دايمًا هو نوع الرسمة. الرسمة الصح معتمدة على 3 حاجات: نوع البيانات (continuous، فئوية، ordinal، time series)، وعدد الـ variables (واحد أو اتنين أو أكتر)، والرسالة اللي عايز توصّلها (مقارنة، distribution، علاقة، تركيب، أو اتجاه).

دليل تقريبي للاختيار:

المقارنة بين الفئات: bar chart (مخطط شريطي) (رأسي للفئات اللي ليها أسامي، أفقي للأسامي الطويلة). ابعد عن الـ pie charts (المخططات الدائرية) كل ما تقدر تستخدم bar chart مكانها — العين بتقارن الأطوال بدقة أكبر بكتير من المساحات أو الزوايا.

الـ distribution بتاع variable واحد: histogram (بيانات continuous) أو box plot (عشان تقارن الـ distributions بين مجموعات). والـ density plots لما تكون عايز منحنى ناعم بدل أعمدة منفصلة.

العلاقة بين two continuous variables: scatter plot، ويمكن معاه خط اتجاه ناعم. وline chart لما واحد من الـ variables يبقى الزمن.

التركيب: stacked bar chart عشان توري الأجزاء بتتجمع إزاي وتكوّن الكل عند كذا نقطة. الـ pie chart مقبولة بس لما يبقى فيه شريحتين أو تلاتة والرسالة فعلًا عن النسب مش عن القيم بالظبط.

variables كتير في نفس الوقت: heatmap للـ correlation matrix أو لشبكة زمن × فئة. وpair plot للتحليل الاستكشافي لحد ~10 variables.

مشكلة الـ pie charts

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

مبادئ Tufte للرسم الكويس

إدوارد Tufte، الرائد في تصميم المعلومات، كتب مجموعة مبادئ في كتابه سنة 1983 The Visual Display of Quantitative Information (العرض البصري للمعلومات الكمية) ولسه هي المعيار الدهبي في رسم البيانات. جوهر فكرته بسيط وأنيق: اعرض البيانات، ومفيش حاجة غير البيانات.

أهم مبادئ Tufte:

كبّر الـ data-ink ratio (نسبة حبر البيانات) لأقصى حد. كل نقطة حبر في الرسمة المفروض تمثّل بيانات. الحبر اللي مش بيمثّل بيانات — حدود للزينة، تدرّجات في الخلفية، خطوط grid زيادة — المفروض يتشال أو يقل. والـ data-ink ratio هي نسبة حبر الرسمة اللي رايحة لعرض بيانات مش متكررة.

شيل الحبر اللي مش بيانات. شيل حدود الرسمة وعلامات المحاور اللي ملهاش لازمة والتسميات المتكررة والتظليل في الخلفية. كل حاجة بتتشال بتخلّي البيانات أوضح.

شيل حبر البيانات المتكرر. لو قناتين بيمثّلوا نفس المعلومة — زي إن ارتفاع العمود ولونه الاتنين بيمثّلوا نفس الفئة — شيل المتكرر. التكرار بيزوّد لخبطة من غير ما يزوّد وضوح.

راجع وعدّل. الرسومات الكويسة بتيجي من كذا محاولة. أول مسودة نادرًا لما بتبقى الأوضح. في كل مراجعة اسأل: العنصر ده يستاهل مكانه؟

الـ chartjunk

Tufte اخترع مصطلح chartjunk (الزخرفة الرسومية) للعناصر البصرية اللي بتزوّد تعقيد من غير ما تزوّد معلومة: أنماط التموّج، وخطوط الـ grid التقيلة، وتأثيرات الـ 3D للزينة، والظلال، والصور التوضيحية، والرموز الزخرفية. العناصر دي مش محايدة — دي فعلًا بتعطّل الفهم لأنها بتنافس البيانات على انتباه القارئ. أدوات الرسم الحديثة (وخصوصًا قوالب الـ slides التجارية) مليانة chartjunk من الأول. اتعلّم إزاي تقفلها.

لو شيلت عنصر والرسمة بقت أوضح، يبقى هو chartjunk.

الغلطة المشهورة: المحاور المضلِّلة

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

تخيّل bar chart لمبيعات شهرية بين 980,000 و1,020,000 دولار. لو المحور الرأسي بدأ من 970,000 دولار، الأعمدة هتبان مختلفة في الارتفاع جدًا — عمود الـ 1,020,000 دولار هيبان 5 أضعاف عمود الـ 980,000 دولار، مع إن الفرق الحقيقي مش أكتر من 4%. ولو المحور الرأسي بدأ من الصفر، الأعمدة كلها هتبان تقريبًا زي بعض — ودي الصورة الأمينة.

القاعدة: الـ bar charts لازم تبدأ من الصفر لأن طول العمود هو الترميز البصري، والطول دايمًا بيتقاس من نقطة الأصل. أما الـ line charts فليها مرونة أكتر — لأن الرسالة هي شكل التغيير مش الحجم المطلق، فإنك تبدأ المحور الرأسي فوق الصفر غالبًا معقول، بشرط إن المحور يبقى عليه تسمية واضحة.

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

الغلطة المشهورة: الـ cherry-picking في عرض البيانات

الـ cherry-picking (الانتقائية) معناها إنك تختار نقط البيانات أو الفترات الزمنية أو المجموعات الفرعية اللي بتدعم الاستنتاج اللي إنت عايزه بس، وتتجاهل الأدلة اللي ضده. ودي يمكن أشهر شكل من أشكال عدم الأمانة الإحصائية، لأنها شكلها عرض بيانات عادي. الانتقاء مستخبّي تمامًا عن اللي بيتفرّج.

أشهر أشكال الـ cherry-picking في الرسم:

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

مقارنة مجموعات فرعية متنقّية: تعرض الفئة العمرية أو المنطقة أو الشريحة اللي المنتج بتاعك كسبان فيها، وتسيب الباقي.

شيل الـ error bars (أشرطة الخطأ): إنك تعرض التقديرات النقطية من غير مدى عدم اليقين بتاعها بيخلّي الفروق الصغيرة تبان حاسمة وهي ممكن تكون جوه حدود الـ noise.

العلاج هو الشفافية: اعرض الـ time series كاملة، وكل المجموعات الفرعية المهمة، وحط دايمًا مدى عدم اليقين لو موجود. ولما تضيّق المدى المعروض — وده أحيانًا مشروع عشان تركّز الانتباه — قول كده صراحة في العنوان أو الشرح.

استخدام الألوان: palettes متتابعة ومتباعدة وفئوية

اللون من أقوى قنوات الترميز في رسم البيانات — ومن أسهلها في الاستخدام الغلط. المفتاح إنك توفّق الـ palette (لوحة الألوان) مع نوع البيانات.

الـ sequential palettes (اللوحات المتتابعة) بتمثّل كمية واحدة مترتبة من واطي لعالي. بتستخدم لون واحد بيتدرّج في الإضاءة أو التشبّع: أصفر فاتح ← أزرق غامق، أو أبيض ← أخضر غامق. استخدم الـ sequential palettes لما بياناتك يبقى ليها ترتيب طبيعي وصفر ليه معنى (درجة الحرارة، العدد، الـ probability).

الـ diverging palettes (اللوحات المتباينة) بتمثّل الكميات اللي ليها نقطة وسط ليها معنى، بلون للقيم اللي فوق النقطة دي ولون تاني للي تحتها. الـ diverging palette الكلاسيكية بتمشي من الأحمر الغامق (سالب) مرورًا بالأبيض (الصفر) للأزرق الغامق (موجب). استخدمها للـ correlations (من −1 لـ +1) وانحرافات درجات الحرارة وأي قياس ليه خط أساس ليه معنى.

الـ categorical palettes (اللوحات الفئوية) بتدّي لون مميز لكل فئة. الألوان لازم تبقى مختلفة في الإحساس بس مش مترتبة — متوحيش بتسلسل. استخدمها للبيانات الـ nominal: خطوط المنتجات، الدول، أنواع الحيوانات. خلّيها 8–10 ألوان بالكتير؛ أكتر من كده العين متقدرش تميّز الألوان بثقة.

ابعد عن colormaps قوس قزح

الـ colormap اللي اسمها "rainbow" أو "jet" (أحمر ← برتقاني ← أصفر ← أخضر ← أزرق ← بنفسجي) لسه هي الافتراضية في برامج رسم علمية كتير، بس هي فعلًا مضرّة للبيانات الكمية. هي مش منتظمة في الإحساس — فيه انتقالات بتبان كبيرة حتى لو التغيير الحقيقي في البيانات صغير — وبتفشل خالص مع اللي عندهم عمى ألوان. بدّلها بـ sequential palettes منتظمة في الإحساس زي viridis أو plasma أو cividis.

الـ accessibility: palettes آمنة لعمى الألوان

حوالي 8% من الرجالة و0.5% من الستات عندهم نوع من ضعف رؤية الألوان، وأشهره عمى الألوان الأحمر-الأخضر (deuteranopia وprotanopia). الرسمة اللي معتمدة على الأحمر قصاد الأخضر عشان تفرّق بين سلسلتين مش هتتقري لنسبة مش قليلة من جمهورك.

أحسن الممارسات عشان ألوانك توصل للكل:

متعتمدش على اللون لوحده. استخدم اللون والشكل مع بعض عشان تفرّق بين سلاسل البيانات في الـ line charts (دواير مليانة قصاد مثلثات). واستخدم اللون والنقشة مع بعض في الـ bar charts (سادة قصاد مخطّط). مفتاح بيقول "السلسلة الزرقا" و"السلسلة البرتقاني" مالوش لازمة لواحد عنده عمى ألوان لو الألوان المختارة مش مناسبة.

استخدم palettes آمنة لعمى الألوان. palette Okabe-Ito (اللي اتصممت أصلًا للرسومات العلمية) اختيار افتراضي ممتاز: بتفرّق بين 8 فئات بثقة للي عندهم أشهر أشكال ضعف رؤية الألوان. وعيلة viridis من الـ sequential palettes اتصممت والأمان مع عمى الألوان هدف أساسي فيها.

اختبر رسوماتك. أدوات زي محاكي عمى الألوان Coblis وحزمة R colorblindr بتخلّيك تشوف رسمتك هتبان إزاي للي عندهم أنواع مختلفة من ضعف رؤية الألوان. ده بياخد أقل من دقيقة وهو من أكتر فحوصات الـ accessibility تأثيرًا.

الـ data storytelling

أدق الرسومات ممكن تفشل لو مالهاش غرض حكائي واضح. الـ data storytelling (السرد بالبيانات) — إنك تبني حجة متماسكة من الرسومات والسياق والشرح — هو اللي بيفرّق بين المحلل اللي بيطلّع رسومات والمحلل اللي بيحرّك القرارات.

حكاية البيانات فيها 3 مكوّنات:

السياق: الوضع إيه؟ بنحاول نجاوب على أنهي سؤال؟ من غير سياق، اللي بيتفرّج مش هيعرف البيانات بتمثّل إيه ولا ليه تهمّه. العنوان الكويس للرسمة المفروض يقول الاستنتاج ("إيرادات الربع التالت نزلت 12% عن السنة اللي فاتت") مش الـ variable بس ("الإيرادات حسب الربع").

البيانات: الرسمة نفسها. البيانات بتوري إيه؟ رسومات الحكاية الكويسة محتاجة رسالة واحدة واضحة لكل رسمة بدل ما تحاول توري كل حاجة مرة واحدة. لو عندك 3 نقط عايز توصّلهم، استخدم 3 رسومات.

الـ insight: البيانات معناها إيه؟ "وبعدين يعني؟" الرسمة وسيلة لغاية — والغاية دي قرار أو توصية أو تغيير في الفهم. قول الـ insight صراحة، سواء في العنوان أو الشرح أو بتعليق على الرسمة نفسها.

من التقنيات العملية في الـ data storytelling: الـ annotations (التوضيحات) اللي بتلفت انتباه القارئ لأحداث أو شذوذ مهم على الرسمة نفسها؛ والكشف بالتدريج في العروض اللي بيبدأ بعرض بسيط ويزوّد التعقيد؛ والإطار الثابت على سلسلة رسومات عشان اللي بيتفرّج يبني نموذج ذهني بدل ما يبدأ من الصفر كل مرة.

العنوان كاستنتاج

من أكتر العادات تأثيرًا في التواصل بالبيانات إنك تكتب عناوين الرسومات بالاستنتاج مش بالموضوع. قارن:

• عنوان الموضوع: "الاحتفاظ بالعملاء حسب الـ cohort"

• عنوان الاستنتاج: "الـ cohorts اللي جت في 2024 بتحتفظ بعملائها بنسبة أعلى 30% من cohorts 2022"

العنوان التاني بيقول للي بيتفرّج بالظبط يدوّر على إيه وده معناه إيه قبل ما يقرا الرسمة. وده بيحسّن جدًا سرعة فهم الرسالة — خصوصًا في العروض اللي الجمهور فيها بيقرا ويسمع في نفس الوقت.

أهم حاجة اتعلّمتها
  • اختيار نوع الرسمة معتمد على نوع البيانات (continuous، فئوية، time series) والرسالة (مقارنة، distribution، علاقة، تركيب).
  • مبادئ Tufte كلها حوالين تكبير الـ data-ink ratio — كل عنصر لازم يستاهل مكانه بإنه يمثّل معلومة.
  • الـ bar charts لازم تبدأ من الصفر؛ والمحورين الرأسيين والمحاور المقطوعة أدوات مشهورة للتشويه البصري.
  • وفّق الـ palettes مع نوع البيانات: sequential للكميات المترتبة، وdiverging للبيانات اللي ليها نقطة وسط ليها معنى، وcategorical للمجموعات اللي مش مترتبة.
  • الـ palettes الآمنة لعمى الألوان (Okabe-Ito وviridis) والترميز المزدوج (لون + شكل) بيخلّوا الرسومات متاحة لكل اللي بيتفرّجوا.
  • الـ data storytelling الفعّال بيجمع السياق والرسمة والـ insight الصريح — اكتب عناوين بتقول الاستنتاجات مش الموضوعات.
الوحدة التالية يعني إيه الـ probability؟ نظرة عامة على الموديول اللي فات تمثيل العلاقات بيانيًا