مديرة تنفيذية ومشرف مستودع يفتحان نفس اللوحة الجميلة. تغلقها المديرة بعد خمس ثوانٍ لأنها لا ترى إن كانت الشركة على المسار الصحيح. ويغلقها المشرف أيضًا، لأن لا شيء يخبره بما يجب إصلاحه قبل خروج الشاحنة التالية. اللوحة لم تكن سيئة التصميم، بل صُممت لشخص غير محدد.
التصميم الجيد يبدأ بقاعدة واحدة: التصميم يتبع السؤال الذي يطرحه القارئ. مدير المبيعات يسأل "من يتصدر؟"، والمدير المالي يسأل "أين ذهب المال؟"، ومسؤول العمليات يسأل "ما الذي يحتاج إجراءً الآن؟". أسئلة مختلفة، وتصاميم مختلفة.
ثلاثة أسئلة تحدد النمط
- من يقرؤه؟ عضو مجلس الإدارة وقائد الفريق والمحلل يقرؤون بطرق مختلفة جدًا.
- كم من الوقت ينظرون إليه؟ خمس ثوانٍ، أو خمس دقائق يوميًا، أو ساعة في نهاية الشهر.
- ماذا يفعلون بعد ذلك؟ يقررون اتجاهًا، أو يلاحقون هدفًا، أو يشرحون رقمًا، أو يصلحون شيئًا الآن.
أجب عن هذه الأسئلة الثلاثة وستتحدد قرارات التصميم تقريبًا من تلقاء نفسها: عدد العناصر، ونوع المخططات، والكثافة، والألوان. استكشف الأنماط السبعة أدناه، أو أجب عن الاختبار القصير لتعرف نمطك.
استكشف الأنماط السبعة
اضغط على نمط لترى فلسفته وصفحة مثال.
- الفلسفة
- أجب عن سؤال "هل نحن بخير؟" قبل أن ينهي القارئ قهوته.
- سؤال القارئ
- هل نسير على المسار الصحيح، وهل هناك ما يدعو للقلق؟
- العلامة المميزة
- 4 إلى 5 مؤشرات كبيرة، ومخطط اتجاه واحد مقابل الهدف، والاستثناءات فقط.
- الفلسفة
- أظهر الفجوة عن الهدف، ومن يسدّها.
- سؤال القارئ
- هل سنحقق هدف هذا الشهر، ومن يتصدر؟
- العلامة المميزة
- الفعلي مقابل الهدف في كل مكان، وترتيب، وأيام متبقية، ومسار الصفقات.
- الفلسفة
- الدقة أولًا: كل رقم في مكانه، وكل فرق مشروح.
- سؤال القارئ
- أين نحن بالضبط مقارنة بالموازنة، ولماذا؟
- العلامة المميزة
- جدول أرباح وخسائر بالفروقات، وجسر شلالي، وتعليق مكتوب.
- الفلسفة
- تتبّع العميل من أول مشاهدة حتى الشراء، واحسب تكلفة كل خطوة.
- سؤال القارئ
- أي قناة تجلب العملاء، وبأي تكلفة؟
- العلامة المميزة
- قمع بنسب التحويل، وتكلفة العميل المحتمل لكل قناة، واتجاهات حسب المصدر.
- الفلسفة
- هدوء عندما يكون كل شيء بخير، وإنذار عندما لا يكون.
- سؤال القارئ
- ما الذي يحتاج إجراءً الآن؟
- العلامة المميزة
- بطاقات حالة بحدود، ووقت تحديث مباشر، وقائمة استثناءات مرتبة حسب الأولوية.
- الفلسفة
- أظهر كيف تتغير القوى العاملة، دون كشف الأفراد.
- سؤال القارئ
- كيف تتغير قوانا العاملة، وأين نخسر الموظفين؟
- العلامة المميزة
- المنضمون مقابل المغادرين، وترك العمل حسب الفريق، ومدة الخدمة، وقواعد الخصوصية.
- الفلسفة
- قِس الوعد الذي قطعته للعملاء، والطابور خلفه.
- سؤال القارئ
- هل نفي بوعدنا للعملاء؟
- العلامة المميزة
- مستوى الخدمة مقابل الوعد، والتذاكر المتراكمة حسب العمر، وزمن الرد، والموظفون.
أي نمط يحتاجه تقريرك؟
ثلاثة أسئلة، عشر ثوانٍ.
1 الإدارة العليا: تقرير الثواني الخمس
أجب عن سؤال "هل نحن بخير؟" قبل أن ينهي القارئ قهوته.
المدراء لا يستكشفون، بل يتصفحون سريعًا. تقريرهم حكم وليس ورشة عمل. كل عنصر إضافي يجعل الرقم المهم أصعب في الإيجاد، لذا فالانضباط هنا هو فيما تحذفه.
- أرقام كبيرة مع سياق: كل مؤشر يعرض التغيّر عن العام الماضي واتجاهًا صغيرًا، فلا يحتاج سؤال "جيد أم سيئ؟" نظرة ثانية.
- اتجاه واحد وخط هدف واحد، والعام الماضي بالرمادي. ترى العين في ثانية إن كان العام فوق الخطة أو تحتها.
- "3 أمور يجب معرفتها": استثناءات مكتوبة بدل عشرة مخططات إضافية. فقط ما تغيّر أو يحتاج قرارًا.
افعل
- خمسة مؤشرات كحد أقصى، لكل منها مقارنة (الهدف أو العام الماضي).
- مساحات بيضاء واسعة وخط كبير.
- ملخص مكتوب قصير لما تغيّر.
تجنّب: الجداول والمقسمات والتفصيل في الصفحة الأولى. ضعها في صفحة ثانية للمحللين.
2 المبيعات: السباق
أظهر الفجوة عن الهدف، ومن يسدّها.
المبيعات سباق مع التقويم. أي رقم لا معنى له إلا بجانب هدفه والأيام المتبقية، والناس يتحفزون بمعرفة موقعهم. اجعل التقرير يبدو كلوحة نتائج.
- منذ بداية الشهر مع هدفه كشريط تقدم، والأيام المتبقية والمبلغ اليومي المطلوب. سؤال "هل سننجح؟" مُجاب في الأعلى.
- لوحة ترتيب بأشرطة مقارنة: الشريط هو الفعلي والعلامة السوداء هي الهدف والبرتقالي يعني متأخر. الترتيب يجعلها شخصية.
- مسار الصفقات يظهر أين تتعثر الصفقات، مع نسبة التحويل بين كل خطوة.
- المناطق مقابل الهدف بنفس أشرطة المقارنة، فتسري لغة بصرية واحدة في الصفحة.
افعل
- منذ بداية الشهر والربع، وليس الإجماليات فقط.
- الترتيب والتقدم نحو الهدف لكل شخص أو منطقة.
- وقت التحديث على الصفحة، لأن الناس يتصرفون بناءً عليه اليوم.
تجنّب: المخططات الدائرية للإيرادات حسب المنتج. تُظهر الحصة، لكن فريق المبيعات يحتاج التقدم.
3 المالية: الدفتر
الدقة أولًا: كل رقم في مكانه، وكل فرق مشروح.
قرّاء المالية يثقون بالجداول أكثر من المخططات، ويقرؤون كل صف. هدف التصميم هنا نظام هادئ: أرقام متحاذية، وتنسيقات ثابتة، وترميز موحد حتى لا يختلط الفعلي والموازنة والعام السابق.
- الأرباح والخسائر كجدول: الفعلي والموازنة والفرق والعام السابق، مع أشرطة فروقات صغيرة داخل الجدول. التكاليف بين قوسين والإجماليات بخط مزدوج، كما على الورق.
- جسر شلالي من الموازنة إلى الفعلي: الحجم والسعر والمزيج والتكاليف تشرح الفرق في صورة واحدة.
- الفعلي مصمت والموازنة بإطار فقط. نفس الترميز في كل صفحة، فلا يحتاج أحد لقراءة المفتاح مرتين.
- تعليق مكتوب: القصة وراء الفرق في جملتين. التقارير المالية تُقرأ ولا يُلقى عليها نظرة فقط.
افعل
- تنسيق أرقام واحد للتقرير (مليون درهم، رقم عشري واحد).
- أرقام محاذاة لليمين بعرض ثابت لتتحاذى الأعمدة.
- الأخضر والأحمر فقط للأفضل أو الأسوأ من الموازنة.
تجنّب: الزخرفة: التدرجات والأيقونات والأبعاد الثلاثية والبطاقات الدائرية تجعل الأرقام تبدو أقل موثوقية.
4 التسويق: الرحلة
تتبّع العميل من أول مشاهدة حتى الشراء، واحسب تكلفة كل خطوة.
التسويق سلسلة من التحويلات الصغيرة. قد تبدو الحملة رائعة من حيث الوصول وهي تهدر المال، لذا يربط التصميم دائمًا الإنفاق بالخطوة التالية وبالعملاء، وليس بمرات الظهور فقط.
- رحلة العميل كقمع، مع نسبة التحويل بين الخطوات. أكبر تسرّب هو حيث يضيع المال.
- تكلفة العميل المحتمل لكل قناة، مرتبة، والأرخص بالأخضر. تجيب عن سؤال "أين أضع الدرهم التالي؟"
- العملاء المحتملون شهريًا، المدفوع مقابل المجاني، لترى إن كان النمو مدفوعًا أم مكتسبًا.
افعل
- تكلفة العميل المحتمل والعائد على الإنفاق بجانب كل رقم حجم.
- لون ثابت لكل قناة في كل الصفحات.
- ملاحظة واضحة لأكبر تسرّب في الرحلة.
تجنّب: مقاييس المظهر في الأعلى (مرات الظهور والإعجابات). اعرضها، لكن تحت الأرقام المرتبطة بالمال.
5 العمليات: غرفة التحكم
هدوء عندما يكون كل شيء بخير، وإنذار عندما لا يكون.
تقارير العمليات تعيش غالبًا على شاشة حائط أو جهاز لوحي، وتُقرأ في ثوانٍ ومن مسافة. هي كثيفة عمدًا، لكن اللون مخصص لمهمة واحدة: إخبارك بما تجاوز حدّه.
- كل بطاقة مكتوب تحت رقمها حدّها، والحافة الملونة في الأعلى تُظهر الحالة. الشحنات المتأخرة بالأحمر لأن 27 أعلى من الحد 15.
- الطلبات في الانتظار خلال اليوم مقابل خط الحد. يرى المشرف الذروة القادمة، وليس الرقم الحالي فقط.
- "يحتاج إجراء الآن": فقط ما تجاوز حدّه، مرتبًا حسب التأخير. إنها قائمة مهام وليست تقريرًا.
افعل
- حدود واضحة لكل رقم، ظاهرة على الصفحة.
- وقت تحديث مباشر، وتحديث تلقائي للصفحة.
- سمة داكنة لشاشات الحائط، ونص كبير يُقرأ من 3 أمتار.
تجنّب: الإجماليات الشهرية والاتجاهات الطويلة هنا. مكانها تقرير المراجعة الأسبوعية، لا غرفة التحكم.
6 الموارد البشرية: خريطة الموظفين
أظهر كيف تتغير القوى العاملة، دون كشف الأفراد.
بيانات الموارد البشرية تتعلق بالأشخاص، لذا فالأسلوب مهم بقدر الأرقام. التصميم هادئ، ويعرض التدفقات والمجموعات لا الأسماء، ولا يسمح أبدًا بالتعرف على فريق صغير.
- المنضمون فوق الخط والمغادرون تحته: الفرق هو صافي النمو. التدفق يقول أكثر من رقم عدد الموظفين.
- ترك العمل حسب القسم مقارنة بمتوسط القطاع؛ فقط الفرق الأعلى منه تأخذ لون التمييز.
- السبب وراء الأرقام، من مقابلات الخروج، مكتوب في سطر واحد.
افعل
- النسب والتدفقات (نسبة ترك العمل، المنضمون مقابل المغادرين)، لا قوائم أسماء.
- قاعدة خصوصية: إخفاء المجموعات الأقل من 5 أشخاص.
- مقارنات معيارية، ليصبح للرقم معنى.
تجنّب: تفاصيل الرواتب أو الأداء في الصفحات المشتركة. استخدم أمان مستوى الصف لأي شيء شخصي.
7 خدمة العملاء: الطابور
قِس الوعد الذي قطعته للعملاء، والطابور خلفه.
العملاء لا يهتمون بالمتوسطات، بل بتذكرتهم. التصميم يقيس الخدمة مقابل الوعد (رد خلال ساعتين، وإغلاق خلال 3 أيام) ويجعل التذاكر الأقدم مستحيلة التجاهل.
- مستوى خدمة واحد كبير مقابل هدفه، ثم الأرقام الثلاثة وراءه: التذاكر المفتوحة وأول رد والرضا.
- التذاكر المفتوحة حسب العمر، ملونة من الحديثة إلى المتأخرة. العمود الأحمر هو الوعد الذي يُخلف.
- الموظفون مقارنة بالوعد لا ببعضهم، فتصبح الصفحة للتوجيه لا للوم.
افعل
- مستوى الخدمة مقابل هدف مكتوب.
- التذاكر المتراكمة حسب العمر، لا الإجمالي فقط.
- الرضا بجانب السرعة، حتى لا تفوز السرعة وحدها.
تجنّب: متوسط زمن المعالجة كعنوان رئيسي. إنه يكافئ إنهاء المكالمات بسرعة على حساب العميل.
الأنماط السبعة جنبًا إلى جنب
| النمط | القارئ | الوقت | الكثافة | قاعدة الألوان |
|---|---|---|---|---|
| الإدارة العلياتقرير الثواني الخمس | المدير التنفيذي ومجلس الإدارة والمدراء | 5 إلى 30 ثانية | منخفضة جدًا | لون واحد للعلامة؛ الأخضر والأحمر للحالة فقط |
| المبيعاتالسباق | مدراء المبيعات ومندوبوها | 2 إلى 5 دقائق يوميًا | متوسطة | لون حيوي؛ البرتقالي لـ "متأخر عن الهدف" |
| الماليةالدفتر | المدير المالي والمراقبون والفريق المالي | 30 إلى 60 دقيقة شهريًا | عالية لكن منظمة | أسود ورمادي؛ الأخضر والأحمر للفروقات فقط |
| التسويقالرحلة | مدراء التسويق والوكالات | 5 إلى 15 دقيقة أسبوعيًا | متوسطة | ألوان العلامة لكل قناة، ثابتة في كل مكان |
| العملياتغرفة التحكم | المشرفون وقادة الورديات وشاشات العرض | ثوانٍ، مرات كثيرة يوميًا | عالية | خلفية داكنة؛ الأخضر والأصفر والأحمر كإشارات |
| الموارد البشريةخريطة الموظفين | قادة الموارد البشرية ورؤساء الأقسام | 10 إلى 20 دقيقة شهريًا | منخفضة إلى متوسطة | ألوان هادئة ودافئة؛ لون تمييز واحد للخطر |
| خدمة العملاءالطابور | مدراء الخدمة وقادة الفرق | دقائق، عدة مرات يوميًا | متوسطة | أساس محايد؛ اللون حسب العمر ومقابل الوعد |
المصادر وقراءات إضافية
الكتب والمعايير وراء هذه الأنماط. صفحات الأمثلة من إعدادنا، ببيانات وهمية.
- Stephen Few, Information Dashboard Design: Displaying Data for At-a-Glance Monitoring (2nd edition, 2013).
- Edward Tufte, The Visual Display of Quantitative Information (1983): the data-ink idea behind removing decoration.
- Cole Nussbaumer Knaflic, Storytelling with Data (2015): titles that say what to see, and decluttering.
- Colin Ware, Information Visualization: Perception for Design: pre-attentive attributes.
- IBCS, International Business Communication Standards (ibcs.com): notation for actual, plan and variance.
- ANSI/ISA-101.01, Human Machine Interfaces for Process Automation Systems: high-performance operator screens.
تقرير واحد بعدة أنماط
التقارير الحقيقية تمزج الأنماط حسب الصفحة. نمط جيد: صفحة للإدارة أولًا (الحكم)، ثم صفحة لكل فريق بنمطه الخاص (التفاصيل)، ثم صفحة تفصيلية للمحللين. وتبقى كل صفحة تجيب عن سؤال واحد لقارئ واحد.
ابنِ تخطيطك في دقائق
يحتوي مولّد السمات والتخطيطات لـ Power BI المجاني على تخطيطات للملخص التنفيذي وصفحات التحليل ومراقبة العمليات: اختر تخطيطًا، وضع ألوان علامتك، ونزّل السمة وخلفية مطابقة والموضع الدقيق لكل عنصر.
هذا أول مقال في سلسلة. في المقالات القادمة، يحصل كل نمط على شرح معمّق: التخطيط الدقيق، وصيغ DAX لمؤشراته، والأخطاء الأكثر شيوعًا، وقائمة مراجعة.