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

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

هناك الكثير من المعلومات في هذا الموضوع بحيث يصعب معرفة من أين نبدأ! لكنني سوف تساعدك. في عملية دراسة تصميم لوحات المعلومات ، سنتناول النقاط التالية:

1. هيكل ومخطط.
2. العرض والوصول.
3. اختيار الرسوم البيانية المستخدمة.
4. تحسين السياق.

الجزء 1. هيكل ومخطط

دعونا نتوقف أولاً ونسأل أنفسنا سؤالين: من هو جمهورنا المستهدف وما هي أهدافه؟

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

قبل البدء في إنشاء لوحة معلومات ، خذ قطعة من الورق وقم بتدوين الأسئلة التي سيطرحها المستخدم المستهدف ، وقم بترتيبها حسب الأولوية وتحديد البيانات المثالية التي يجب عرضها للإجابة على السؤال.


تلاحظ أنني كتبت أثناء إجراء مقابلة مع نفسي لهذا المنصب.

فكر في النموذج

يجب أن يخدم كل عنصر تمت إضافته إلى لوحة القيادة مهام الجمهور المستهدف بوضوح ، ويجب تحديد موقع عنصر واجهة المستخدم بحسب أهميته. يجب أن توضع هذه المعلومات على شاشة واحدة دون التمرير. يمكن لمستخدمينا البشر فقط تخزين ثلاثة أو أربعة عناصر من المعلومات المرئية في ذاكرتهم العاملة ، لذلك تحتاج إلى تخزين جميع المعلومات المهمة في مكان واحد (قليل ، 79). لمساعدة المستخدم ، يمكنك التأكد من أنه قادر على عرض جميع المعلومات من خلال إلقاء نظرة واحدة ، ولا يحتاج إلى تذكر أي شيء.

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

من الأفضل استخدام التصميم المعياري . يتم توجيه الأشخاص بشكل جيد بشكل خاص في الحقول الصغيرة الموضحة في مبادئ التجميع . هذا مناسب لأن معظم أنظمة لوحات المعلومات الحديثة تعمل بطريقة مماثلة.

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


على الأرجح ، لا تحتاج إلى هذا التوضيح.

هذا نمط قياسي للأشخاص الذين اعتادوا على القراءة باللغات الغربية: عادة ما تنتبه عيونهم أولاً إلى الزاوية اليسرى العليا (قليل ، 107-108) ² . ومع ذلك ، من المهم عدم نسيان جمهورك المستهدف: في بعض اللغات ، من المألوف أن تعمل من اليمين إلى اليسار أو من الأعلى إلى الأسفل ³ .

خذ وقتك مع التنفيذ!

أعلم أنه لا يمكنك الانتظار ، ولكن قبل البدء ، قم بإنشاء تخطيط:


هذا رسم.

انظر اليه ناقشها مع المستخدم. تعلق على الثلاجة والتمتع به أثناء شرب القهوة. شاركه مع الفريق. من المفيد رسم الأفكار وتجربتها. على سبيل المثال ، بعد إنشاء المخطط ، قررت أنه قبل الانتقال ، يجب تغيير الترتيب. قرر المستخدم الخاص بي (نفسي) أن معرفة المدة كانت أكثر أهمية من الأخطاء.

حسنًا ، لنبدأ!

بعد إنشاء مخطط معياري ، يبدأ المطورين عادةً في وضع الرسومات وغيرها من الأدوات المصغرة بنفس الحجم على الشبكة ، والانتقال إلى السطر التالي عندما ينفد المكان. لا يمكنك التمسك بنفس الحجم ، ولكن ضبط عرض العناصر للتأكيد على الأهمية أو زيادة الوضوح. لا تبرز الرسوم البيانية الأوسع بقوة فحسب ، بل لها أيضًا خصائص مفيدة أخرى. يقول Tufty أن الرسوم البيانية الأوسع تشبه الأفق ، وأن "العين البشرية تكيفت بشكل طبيعي لتتبع الانحرافات في خط الأفق" (186) ⁴ . بالإضافة إلى ذلك ، في الرسوم البيانية الواسعة ، يجب نقل نص أقل ، مما يؤكد العلاقة السببية للعديد من الرسوم البيانية. ينطبق هذا بشكل خاص على الرسوم البيانية الخطية المستخدمة في العديد من لوحات المعلومات. سيُشار إلى التأثير المقاس - على سبيل المثال ، الذاكرة المشغولة أو التأخير - على المحور ص ، والوقت - على المحور X. المساحة التي تم الحصول عليها عن طريق زيادة عرض الرسوم البيانية تتيح لك "تحديد الكمية الأولية بمزيد من التفاصيل" (187) ⁴ .


قمنا بتوسيع الجدول الزمني للتأكيد على أهمية نسبة النجاح.

لاحظ أنه حتى الرسومات "العادية" على لوحة المعلومات هذه أكبر من الارتفاع. هذا جيد للأسباب المذكورة أعلاه ، وبالإضافة إلى ذلك ، من الجيد أن ننظر بسبب مبدأ النسبة الذهبية .

لتلخيص

تهانينا! لقد بدأت في إنشاء لوحة معلومات بتوجيه من أفضل العقول في تطوير لوحات المعلومات. سيكون هذا أساسًا رائعًا في تطوير لوحة القيادة.


بداية رائعة.

التكرار وجيزة

لنكرر ما تعلمناه هنا:

• تصرف بوعي ، ادرس المستخدم والأسئلة التي يطرحها
• حافظ على بساطتك ولا تجبر المستخدمين على التمرير والتذكر
• إنشاء لوحات معلومات إضافية ذات صلة حسب الحاجة
• نشر معلومات مهمة في أماكن مهمة للوعي
• استخدم تخطيطًا معياريًا وأفضِّل المخططات الواسعة بدلاً من المخططات الضيقة.

المصادر والملاحظات

1. الناس عادة ما يكون سوى زوج من العيون.
2. ستيفن فو (قليل ، ستيفن). تصميم لوحة معلومات . تحليلات الصحافة ، 2013.
3. إذا كانت لوحة القيادة مخصصة للأجانب أو برامج الروبوت ، فاقرأ أدلة التصميم المناسبة.
4. إدوارد ر. تافت (تافت ، إدوارد آر). العرض المرئي للمعلومات الكمية . مطبعة الرسومات ، 1998.

الجزء 2. العرض والوصول

لذلك ، لدينا شبكة جميلة ويتم تحديد الوزن المرئي اللازم لكل عنصر من عناصر هذه الشبكة. نحن الآن بحاجة إلى التفكير في عرض البيانات للمستخدم. وهنا يمكن أن يضيع كل شيء ، لذلك تحتاج إلى الحفاظ على وضوح وثبات التصميم.

يجب أن يكون المبدأ التوجيهي مهام المستخدم وسلامة البيانات المعروضة. نظرًا لأن هذه المعلمات يمكن أن تختلف اختلافًا كبيرًا - عدد المستخدمين ، والوقت الذي يقضونه في جمع البيانات المهملة ، والكمية غير المتوقعة من الأخطاء ، يجب أن ننشئ نوعًا من الإطار الذي يمكن استخدامه لتحديد الحلول.

دعنا ندرس لذلك ما يتكون منه التصور عالي الجودة لمقاييس النظام.

اختيار البيانات

ربما تتوقع أنه في هذا القسم سأقول ما هي البيانات المحددة التي ينبغي وضعها على لوحة القيادة. في الواقع ، الأمر متروك لك أيها القارئ! تذكر عن المستخدمين وأهدافهم. استخدم قائمتك وحدد ما هو الأفضل بالنسبة لما يطلق عليه قليل المراحل الأربع لمراقبة المعلومات (32) ¹ :

1. تحديث بيانات الحالة على مستوى عال.
2. تحديد عناصر محددة تتطلب الاهتمام والتركيز عليها.
   
   1. تحديث المعلومات حول هذا العنصر بتفاصيل متزايدة
   2. تحديد الحاجة إلى العمل
3. إذا كان الإجراء ضروريًا ، فيجب الوصول إلى معلومات إضافية لتحديد المعلومات المطلوبة.
4. الاستجابة.

بشكل عام ، يتم توفير أفضل إشارة إلى تشغيل النظام عالي المستوى والوعي من خلال طريقة RED و / أو طريقة الاستخدام . في الحالة المثلى ، يجب أن تحتوي لوحة القيادة على مؤشرات أداء رئيسية فقط (KPIs) اللازمة للتعرف على الموقف ، وليس لفحص البيانات (قليل ، 30-31) ¹ . ومع ذلك ، هناك العديد من الحالات ، بالإضافة إلى KPIs القياسية ، مطلوب مزيد من المعلومات المحددة. إذا لم تكن متأكدًا من أي منها ، فراجع أهداف المستخدم. هل كل عنصر من العناصر قيد الدراسة ضروري لأداء مهام المستخدم؟

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

أداء التصور

في لوحة الواجهة المصغرة للوحة القيادة ، سيكون هناك على الأرجح العديد من الخيارات للاختيار من بينها. وتسحب لاستخدام أجمل! لكن ليس كلهم ​​متساوون - فالناس ينظرون بشكل مختلف إلى أنواع مختلفة من المعلومات المرئية. يريد المستخدم التنقل بسرعة ، لذلك تتمثل مهمتنا في تقديم البيانات بأكثر الطرق فعالية.


مهام الإدراك من أجل الدقة.

فيما يلي مؤشرات رقمية لمهام إدراك الناس (ماكينلي ، 125) ² ، والتي تجعل من السهل فهم مدى بساطة التصور لعقل المستخدم. في الواقع ، تتم معالجة بعض المكونات البصرية دون وعي ، وذلك باستخدام الإدراك على مستوى الاهتمام دون المستوى الأدنى . إن الاستخدام الصحيح للون والشكل والموضع والحركة يمكن أن يسهل ويسرع إلى حد كبير من إدراك المعلومات المهمة على لوحة القيادة (قليل ، 80) ¹ .


أمثلة للسمات على مستوى الاهتمام تحت الحد الأدنى. يمكنك أن تلاحظها دون حتى التفكير فيها!

النطاق والوحدات

بعد أن توغلت أعمق قليلاً في دراسة النموذج ، رتب كليفلاند وماكجيل (830) ³ المهام حسب الدقة واكتشفوا أن الموقف على المقياس العام أكثر دقة من المقاييس المختلفة. قليل من (40-41) استكمل هذا من خلال تقديم المشورة بشأن استخدام وحدات القياس والتفاصيل اللازمة حتى لا يضطر المستخدم إلى إجراء حسابات غير ضرورية. لذلك ، إن أمكن ، يجب استخدام نفس المقياس والفؤوس ووحدات القياس.


ثلاثة رسوم بيانية لنفس البيانات: بدون وحدات ، مع وحدات ومع توسيع نطاقها. 250 لماذا؟ الرسوم البيانية اليسرى والوسطى أسهل في المقارنة ، والرسومات الوسطى أسهل في الفهم. المحاذاة والوحدات مهمة!

بفضل هذه المعلومات ، يمكنك اختيار خيارات التصور بشكل أكثر فاعلية ، واختيار تلك التي تسمح للقارئ باستيعاب البيانات بسرعة.

وقت

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

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


الرسم البياني السفلي أوسع من الخطين العلويين ، لكن الشريط العمودي لـ "المؤشر" يسمح لك بمحاذاةهما.

تنطبق نفس المبادئ على التصميم الأفقي. يجب أن تنقل عناصر واجهة المستخدم الرسومية أو الرسوم البيانية التي لا تحتفظ بنفس العلاقة بين الزمان والمكان بوضوح هذا إما بالاختلافات المرئية (على سبيل المثال ، عنصر واجهة مستخدم ذو "قيمة مفردة") أو إشارة واضحة.

التجميع الخفي

ضع في اعتبارك أننا في العديد من المرئيات نحتاج إلى التعامل مع تجميع البيانات ، والذي يتم تنفيذه تلقائيًا .

لكي تعمل الأنظمة ، يجب أن تدعم لوحات المعلومات نوافذ زمنية تختلف باختلاف نطاق واسع من القيم. بشكل افتراضي ، تستخدم لوحات المعلومات في معظم الأنظمة طريقة العرض "الحالية" ، والتي تعرض القيم في الفاصل الزمني من ساعة إلى آخر خمسة عشر دقيقة. بافتراض أن البيانات يتم التقاطها في فواصل زمنية مدتها عشر ثوان ، يجب أن تحتوي كل ساعة على 360 نقطة بيانات! نظرًا لأن كل مخطط فردي يحتوي على عدد قليل جدًا من وحدات البكسل المفيدة ، يجب أن تقرر أدوات لوحة القيادة كيفية احتواء كل هذه النقاط في حقول صغيرة الحجم.


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

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


عند تجميع الحد الأقصى لقيم البيانات لمدة أسبوع ، يصبح التأخير أعلى بنحو 30٪.

يمكنك معرفة كيفية عمل ذلك في وثائق أداة إنشاء لوحة المعلومات. سننظر في هذا الموضوع عندما نتحدث عن أنواع مختلفة من الرسوم البيانية.

إضافة: النسب والمبالغ

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

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

ملاحظة : عند العمل مع التجميع ، فكر في استخدام النسب والمبالغ!

تحذير: لا توجد بيانات

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


يملأ الخط الأزرق البيانات المفقودة بالأصفار. الخط الأحمر يستخدم الاستيفاء الخطي.

في نوبة من المشاة ، اتصلت ستيفن فو بنفسه وسألت سؤالاً حول هذه المشكلة. لقد كنت مهتمًا بهذه المهمة لفترة طويلة ، وكنت مهتمًا بكيفية اقتراحه باستخدام البيانات التي تختفي على فترات غير منتظمة ومتغيرة:

إذا عرضت القيم على جدول زمني ، فعادة ما تكون الفواصل الزمنية على هذا المخطط الزمني ثابتة. أي أنهم على مسافة متساوية من بعضهم البعض. في حالة تغيير الفاصل الزمني ، يجب أيضًا تغيير المسافة بين الفواصل الزمنية وفقًا للإشارة إلى هذا التغيير بشكل مرئي ، ويجب أن تظل ثابتة ما لم يتغير حجم الفاصل مرة أخرى ، وبعد ذلك يجب أن تتغير المسافة أيضًا. يجب توصيل القيم المرتبطة بفواصل زمنية متتالية بخط ، ولكن إذا لم تكن هناك قيم في الفواصل الزمنية ، فلن يستمر الخط في هذه الفواصل الزمنية. إذا تم قراءة القيم فقط من وقت لآخر (على سبيل المثال ، عند حدوث بعض الأحداث) ، وليس على فترات زمنية متساوية ، فلا ينبغي أن تكون متصلاً بسطر. في مثل هذه الحالات ، تحتاج إلى استخدام نقطة بيانات منفصلة أو عمود لتشفير القيم. حظا سعيدا في العثور على أداة تنفذ هذا.

كيف مثيرة للاهتمام! لم أكن متأكدًا من كيفية تنفيذ ذلك برمجيًا ، لذا لحل المشكلة ، قمت برسم مخطط.


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

قد تتساءل: لماذا لا تقوم حزمة إنشاء لوحة معلومات واحدة بتنفيذ هذه الوظيفة؟ غالبًا لأن المطورين لا يعرفون ما إذا كانت البيانات مفقودة أم لا. عادةً ما نتدخل في الفاصل الزمني عند وصول المقاييس ، وفي العالم الحديث للحاويات المجردة ، يمكن أن تظهر هذه المقاييس وتختفي في ثانية مقسمة. نعم ، هذه مشكلة معقدة تلهمك لإيجاد حل.

توصيات عامة

بعض النصائح المفيدة أكثر:

• إعطاء الأفضلية للألوان الطبيعية الناعمة. , . .
• . , . .
• , , 3D-, .

قد يواجه المستخدم صعوبة في تفسير لوحات المعلومات إذا لم يستوفِ مبدأ إمكانية الوصول للأشخاص ذوي الإعاقة. لراحة المستخدم ، اتبع إرشادات إمكانية الوصول إلى W3C . قد يكون التنفيذ أسهل من البعض الآخر (يعتمد ذلك على الأداة المحددة) ، ولكن على أي حال ، يجدر التفكير فيه.

• عمى الألوان شائع جدًا: 1/12 من الرجال و 1/200 من النساء في العالم لديهم تمييز بين الأحمر والأخضر . هذا مهم بشكل خاص للوحات المعلومات ، لأن الألوان الخضراء والحمراء فيها تشير غالبًا إلى حالات "جيدة" و "سيئة". استخدم تقنيات مختلفة للإشارات (انظر قسم "الكفاءة"): الحجم واللون والنص والرموز.
• : W3C 4.5:1 . . Consumer Finance Protection Bureau .
• , (). . , CSV , .
• استخدم ميزات التنقل واستخراج البيانات المتاحة للاستفادة من ميزات المساعد للمتصفح باستخدام أدوات مثل WAI-ARIA .
• ماذا سيكون عرض المستخدم؟ على الأرجح أن تكون لوحة أجهزة القياس للتلفزيون الكبير مختلفة عن تلك المستخدمة على شاشة بحجم 13 بوصة للكمبيوتر المحمول الخاص بالمهندس الزائر. ضع ذلك في الاعتبار عند تصميم لوحة معلومات لجهازك.

لتلخيص

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

التكرار وجيزة

• استخدم مؤشرات الأداء الرئيسية مثل RED و USE. يتم تحديد مقاييس إضافية بناءً على مهام المستخدم.
• , , CASE , !
• , , , . , !
• .
• , . .
• , . .
• . , .

1. (Few, Stephen). Information Dashboard Design . Analytics Press, 2013.
2. . (Mackinlay, Jock D.) Automating the Design of Graphical Presentations of Relational Information. ACM Transactions on Graphics, Vol. 5, 1986
3. . , (Cleveland, William S., McGill, Robert). Graphical Perception and Graphical Methods for Analyzing Scientific Data. American Association for the Advancement of Science, 1985.

3. ?

انتظر ، ولكن هل الجداول حقا تصورات؟ نعم ، والبعض الآخر! يذكرنا القليل ¹ بأنه إذا عرضنا قيم الوحدة ، فلن يكون هناك سبب لاستخدام (114) ¹ رسم بياني . إذا كان هناك عدد قليل من القيم ، فعندئذ يكون استخدام الجدول فعالًا جدًا.


الجدول القديم جيد.

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


يتم ضغط الجدول في وحدة تخزين مناسبة لعنصر واجهة المستخدم.

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

الرسوم البيانية الخطية

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


النموذج مرئي. شيء ما يحدث مع التأخير!

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


من الواضح أن الخط البني هو الأكثر أهمية هنا.

ليس كل شيء يقتصر على الرسوم البيانية الخط.

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


الخطوط قريبة جدًا من بعضها البعض بحيث يصعب التمييز بينها.

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


تخبرنا النقاط أننا نحصل على قراءة واحدة فقط لكل تغيير تأخير.

يمكن أن يكون طول الخط مضللاً بوجود عدد أكبر من القياسات أكثر مما هو موجود بالفعل ، على سبيل المثال ، مثل التغييرات في الرسم البياني أعلاه.

المخططات البيانية

أولاً ، لا تستخدم المخططات ذات المساحات التي لا تتداخل . التداخل مع مخطط بياني آخر يخفي فقط البيانات وهو مربك.


ما هذا كله؟ بالإضافة إلى اللون الأخضر ، لا شيء واضح.

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


يختلف التأخير حوالي 4 ثوانٍ ، لكن لا يمكننا تحديد ما يؤثر على التغييرات. هل تتغير قيم جميع الخطوط؟

بدلاً من مخطط المنطقة ، يقترح Few استخدام رسم بياني سطر واحد بمجموع ورسم بياني إضافي يوضح مساهمة القيم الفردية (Few ، 146) ¹ . هذا يجعل تعقب التغييرات أسهل بكثير.


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

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

تظهر الرسوم البيانية الخطية الأشكال ، وتظهر الرسوم البيانية الشريطية القيم "الدقيقة". معظم مقاييس النظام أفضل حالًا باستخدام رسم بياني خطي. قد يكون الاستثناء هو الرسم البياني الذي يقارن العديد من المقاييس:


يمكننا بسهولة مقارنة تسلسل الوقت اثنين باستخدام الأعمدة. إذا كان هناك المزيد من القيم ، فسيكون الأمر أكثر صعوبة.

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

كن حذرا ومحاولة تجنب تموج في النسيج . يمكن أن يحدث إذا كانت الأعمدة صغيرة ومتساوية المسافات. أضف مسافة صغيرة بين الأعمدة لفصلها بصريًا ، كما هو موضح في الشكل أعلاه.

تراكب الأعمدة

رؤية كل ما هو مكتوب حول الرسوم البيانية المتداخلة مع المناطق. غالبًا ما يتم استخدام أعمدة التراكب ، ولا تكون هناك حاجة إليها إلا إذا كانت القيمة ككل مهمة. يجد المستخدمون صعوبة في مقارنة الأعمدة المكدسة.

خرائط الحرارة

استخدم خرائط الحرارة إذا كان لديك رسم بياني خطي به العديد من الخطوط. تستخدم Heatmaps تغييرًا في سطوع الألوان ، لذلك يمكن تجميع كمية كبيرة جدًا من البيانات في مساحة صغيرة. عندما يتداخل تداخل الخطوط في الخطوط مع الإدراك ، فإن خرائط الحرارة في حالة التداخل تعزز اللون. هذا له تأثير جانبي جيد: خرائط الحرارة تظهر النطاقات في التراكبات ، مما يساعد في التعرف على الأنماط والقيم المتطرفة.


الرسوم البيانية الخطية رهيبة في كل شيء ما عدا الاكتشاف الخارجي. توضح Heatmaps مكان تجميع مجموعة البيانات الرئيسية.

تأتي هذه القدرة على عرض المزيد من البيانات والتعرف على الأنماط بسعر. في خرائط الحرارة ، تنخفض الدقة لأن الأشخاص لا يمكنهم التمييز بسهولة بين العديد من سطوع الألوان. يقول قليلون أن الحد الأقصى للتمييز هو 5 درجات سطوع (قليل ، 86) ¹ . هذا يعني أن خرائط الحرارة تستخدم بشكل أفضل في المواقف التي تكون فيها الدقة أقل أهمية من الشكل العام للتصور.

المقاييس والعلامات والفواصل الزمنية ، إلخ.

استخدم القيود في المرئيات فقط عندما تحتوي البيانات بالفعل على هذه القيود. على سبيل المثال ، عرض عدد الطلبات في الثانية في شكل مقياس أمر مربك ، لأن هذا المؤشر ليس له حد أقصى!

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


هذا مثال مقبول على استخدام الفاصل الزمني لأنه يحتوي على حدود ويساعد المستخدم على التنقل.

عند إضافة لون إلى هذا التصور ، سنسمح للمستخدم بفهم القيمة الحالية والحدود العليا والسفلى بشكل سريع ، بالإضافة إلى إلحاح القيمة الحالية.

لسوء الحظ ، لا أعرف أي أدوات تسمح لك باستخدام مقياس الرسم البياني بالكامل. في أفضل الأحوال ، تستخدم أدوات لوحات المعلومات علامة واحدة فقط.

الرسوم البيانية الأخرى

الرسومات الأخرى التي لا تستحق قسم كامل.

• المخططات الدائرية: لا تستخدمها. لا يمكن للناس عادة تقدير مساحة قطاع المخطط. استخدم الأعمدة بدلاً من ذلك.
• مخططات دونات: عادة ما تكون هذه طريقة جميلة لإظهار معنى واحد. أو مجرد مخطط دائري مع وجود ثقب في الداخل.
• الرسوم البيانية للخطوط المتراكبة: تشبه المخططات التي تحتوي على مناطق ، ولكنها أسوأ منها ، لأن عدم ملء المناطق يجعلها غير متوقعة. تجنبهم.
• الرسوم البيانية للهب: تعتبر رائعة بالنسبة إلى بعض حالات الاستخدام ، ولكن عادةً لا تستخدم لوحات معلومات النظام ، ولكن أكثر بالنسبة للملفات التعريفية.
• Sparklines: رائعة لعرض القيم المفردة ، ولكن بدون عناصر مخطط الخط المألوف ، فإنها غالبًا ما تفتقر إلى السياق. بعض الرسومات المقترحة ، والتي أطلق عليها اسم الشرارة - أضافوا خطوطًا من الألوان أو الظلال لمساعدة المستخدم على التنقل. لسوء الحظ ، لا أعرف أي أدوات تحتوي على هذه الرسوم البيانية.
• الرسوم البيانية كتلة: نادر في أدواتنا
• مؤامرات مبعثرة: استخدم المخططات الشريطية بدلاً من ذلك. ربما يمكن أن تأتي في متناول يدي إذا وصلت بيانات نادرة على مدى فترة طويلة من الزمن؟
• المؤامرات المبعثرة: رائعة للعثور على الارتباطات ، ولكن هذا تطبيق متخصص ، لذلك لا ننظر إليهم هنا.
• الأقراص والمقاييس: إذا كانت بياناتك لا تحتوي بالفعل على حدود أدنى وأعلى ، فإن عرضها في شكل مؤشرات على القرص أمر مربك. بالإضافة إلى ذلك ، فإنها تشغل مساحة كبيرة دون جدوى.

لتلخيص

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


على الأرجح ، الخط هو ما تحتاجه. ربما شيء آخر سوف يأتي في متناول اليدين. جراد البحر ليس جدول زمني.

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

مصادر

1. ستيفن فو (قليل ، ستيفن). تصميم لوحة معلومات . تحليلات الصحافة ، 2013.

الجزء 4. تحسين السياق.

الأساسيات: النص

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

لكن لا تعمق: فقط قم بتحسين التوقيع على المخططات. لا تغير الحروف! تخيل أنك مشغل جديد وشاهدت أولاً لوحة معلومات. ماذا تريد ان تعرف؟


لم يبذل مبدعو المخطط الأيسر الكثير من الجهد. على اليمين ، هناك توقيعات منطقية تساعد المستخدم على فهم سياق التصور.

الأساسيات: الخطوات التالية

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


عندما تفتح الرسم البياني بملء الشاشة ، تظهر أدوات جديدة لأن المستخدم أبدى اهتمامًا بإجراء دراسة أعمق.

إذا رأى المستخدم قراءات سيئة على الرسم البياني ، فقد يحتاج إلى استخدام أداة أخرى أو إخطار الزملاء. لماذا لا تدرج هذه الميزات في قائمة المخطط؟


قد تقودنا القائمة إلى وظيفة تتبع الاستثناءات أو نقل المعلومات إلى Slack أو بدء عملية تسجيل حادث.

الإجراءات البشرية ، بيانات الإدارة

في قسم "الرسوم الخطية" في الجزء 3 ، تحدثنا عن أهمية حقيقة أن الوقت في الرسوم البيانية قيد التشغيل يتم عرضه على المحور X. وهذا مفيد بشكل لا يصدق للمستخدمين لأنه يظهر تغييرات في الوقت المناسب ، ولكن مرور الوقت ليس عاملاً سبباً لبياناتنا . لهذا نحن بحاجة إلى مزيد من السياق.


أسباب كثيرة يمكن أن تؤدي إلى تغييرات.

اقترح Tufty تحسين العرض من خلال "إدراج متغيرات إضافية في تصميم الرسومات" (38) من أجل زيادة شمولية العلاقات بين السبب والسبب ² . يعمل هذا بشكل جيد مع لوحات معلومات النظام ، لأن التغييرات التي يتم إجراؤها بواسطة الأشخاص أو الأنظمة الآلية غالبًا ما تكون مصادر لتأثيرات النظام. يوفر تتبع مثل هذه الأحداث وتصورها للمستخدم معلومات مهمة حول الأحداث التي قد ترتبط بسلوك النظام.


يشير المعين الأزرق إلى أن وقت النشر يرتبط ارتباطًا كبيرًا بانخفاض الكمون. ! ممتاز

تحتوي بيانات مستوى التحكم هذه على تردد أقل بكثير من الإشارات المقاسة في أنظمتنا. من الضروري إعطاء أولوية عالية حتى يتم تسجيل هذه التغييرات وعرضها في مكان واحد باستخدام لوحات المعلومات. هذا يحسن كثيرا من سرعة المستخدمين الانتهاء من المهام.

التنفيذ: وضع علامات الأحداث

لسوء الحظ ، فإن معظم الأدوات لإنشاء لوحات معلومات النظام لديها دعم جزئي لهذه البيانات ، وغالبا ما تسمى "التعليقات التوضيحية". عادة ما يكون من الصعب إعادة استخدام الأحداث ، ولا يتم كتابتها ، وغالبًا ما يتم اعتبارها فورية . تحتوي بعض الحزم على دعم للأحداث ذات الطوابع الزمنية من البداية والنهاية لإجراء عمليات النشر وتغييرات "الخطوة" الأخرى.

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

فيما يلي بعض النصائح لتطبيق هذا السلوك بشكل صحيح:

• استخدم المخرجات الشائعة ، مثل CloudTrail Events وأنظمة CI / CD.
• حاول إعادة استخدام الأحداث حتى لا يضطر المستخدمون إلى إنشاء أحداثهم الخاصة بهم ، بل يعملون فقط على لوحات المعلومات الخاصة بهم.
• تجنب الفوضى: الكثير من الأحداث سيئة مثل غيابها!
• تأكد من وجود رابط في الحدث بحيث يمكن للمستخدم النقر فوقه ومعرفة المزيد من المعلومات. يوفر هذا للمستخدم سياقًا ، ولكنه يسمح للوحة التحكم بعدم التحول إلى واجهة إدارة. من الأفضل أن يقوم المستخدمون ببساطة بالنقر فوق الروابط.

المعايير والمهام والاتفاقيات

بعض مؤشرات الأداء الرئيسية لها نطاقات مقبولة أو أهداف داخلية أو حتى التزامات تعاقدية. يمكن أن تكون إضافة هذه المعلومات إلى الرسوم البيانية المناسبة جزءًا من التصور (راجع قسم "المقاييس والعلامات والفواصل الزمنية وما إلى ذلك" من الجزء 3) أو أن تكون سياقًا داخل عنصر واجهة المستخدم. يتيح هذا السياق للمستخدمين تجنب متطلبات كيف ينبغي أن "ينظر" المخطط أو كيف يمكن أن تؤثر القيمة الحالية على أصحاب المصلحة.

تدعم العديد من الأدوات ميزة مماثلة لخطوط المياه. توفر هذه الإضافات للمستخدم سياقًا إضافيًا مفاده أن التسلسل الزمني ليس قيمة تعسفية ، ولكنه مقارنة بتوقعاتنا.


تتم إضافة SLO خدمتنا إلى المخطط في شكل "خط مياه".

يمكننا تمديد هذه الوظيفة عن طريق إضافة تحولات زمنية ، أو تحيز متوسط ​​، أو أنواع مختلفة من اكتشاف الشذوذ لإظهار القيم المتوقعة:


هذه هي الطريقة التي تبدو القراءات العادية. هذا النمط حلقات يبدو صحيحا!

نظرًا لأننا نعرف هذه القيم المحددة والقيم المتوقعة ، فيمكننا اتخاذ خطوة أخرى إلى الأمام ومعالجة المعلومات مقدمًا للمستخدم. عند انتهاك القاعدة أو التوقع ، يمكننا الإشارة إلى هذا الانتهاك بشكل استباقي. بعد ذلك سوف ينتبه المستخدم إلى أهم المعلومات (قليل ، 54) ¹ .


يبدو أننا نكسر SLO على هذا المخطط الحالي!

لقد تركنا السطر المجهول على الرسم البياني لموقف يحتوي على قدر كبير من السياق وإشارة واضحة لحالة النظام. نرى بوضوح فائض SLO!

إشارات الخطر أو غيرها من الأمراض السيئة

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


علامات الخط الزمني لإشارات الخطر والانتهاكات المميزة وقيم التلوين التي تتجاوز العتبات.

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

التوقعات والبيانات الاصطناعية الأخرى

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

مثال على مثل هذه المشكلة سيكون مخطط مروحة مؤقت.


تتيح القيمة المقدرة ونطاق القيم المستقبلية المحتملة للمستخدم رؤية ما قد يحدث.

التكرار وجيزة

• فكر جيدًا في التواقيع على المخططات وأضف العناوين والعناوين الفرعية وجميع المعلومات الضرورية الأخرى.
• عملنا لا ينتهي بتسلسل زمني. يحتاج المستخدمون إلى سياق لفهم ما يجري. يجب أن يؤخذ هذا السياق من الإدارات المختلفة للمنظمة / الشركة.
• إن عرض بيانات الأحداث على التسلسل الزمني يساعد المستخدمين على فهم ما قد يكون قد تغير. مثل هذه الأحداث هي بيانات مراقبة ولها نسب أعلى للإشارة إلى الضوضاء.
• يمكن تحسين البيانات الموجودة على المخططات بإضافة قيم عادية أو متوقعة أو مستهدفة ، مما يتيح للمستخدم التنقل بشكل أفضل.
• تساعد إضافة معلومات الخطر على تسريع أوقات الاستجابة للحوادث.
• يتطلب استخدام أي نوع من الإسقاط التصور المدروس بعناية.

لتلخيص

بفضل مساعدة المستخدمين ، تعلمت الكثير حول كيفية إنشاء لوحات معلومات جيدة . تتناقض العديد من الدروس مع آرائي ونصيحتي السابقة. تُظهر العديد من هذه التوصيات مقدار حاجتنا لتحسين أدواتنا ، لا سيما من حيث السياق.

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

تعد لوحات المعلومات والرسوم البيانية موارد يمكنها زيادة عائد جهود مطوريها بشكل كبير. سيتم مكافأة بضعة أيام من تطوير التصميم المدروس بآلاف الساعات التي يتم توفيرها بواسطة المهندسين والمديرين و / أو المستخدمين. في كثير من الحالات ، يمكن أن تؤدي إلى استجابة أسرع للمشاكل.

إنه يستحق وقتك ، أليس كذلك؟

آمل أن تستمتع أيضًا بقراءة هذا المقال ، حيث أدرس المعلومات وأكتبها. أوصي بأن تدرس المصادر المشار إليها في نهاية كل جزء لدراسة هذا الموضوع بتعمق أكبر.

مصادر

1. ستيفن فو (قليل ، ستيفن). تصميم لوحة معلومات . تحليلات الصحافة ، 2013.
2. إدوارد ر. تافتي (توفت ، إدوارد ر.). العرض المرئي للمعلومات الكمية. مطبعة الرسومات ، 1998.