ما أفضل الممارسات لتصميم لوحة تحليلات للمراقبة؟

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

ابدأ من الجمهور وأسئلته

قبل اختيار أي رسم بياني، دوّن من سيفتح اللوحة وما القرار الذي يحتاج إلى اتخاذه. يسأل مهندس المناوبة: «هل واجهة API الخاصة بالدفع متعطلة، ومنذ متى؟» ويسأل مدير المنتج: «هل انخفضت الزيارات بعد إصدار الأمس؟» وتسأل الإدارة التنفيذية: «هل نحقق هدف الإتاحة البالغ 99.9%؟» هذه ثلاث لوحات مختلفة، وليست لوحة واحدة تضم 40 لوحة فرعية.

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

اعتمد تخطيط الهرم المقلوب

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

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

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

اجعل الأرقام صادقة وقابلة للمقارنة

• نطاقات زمنية متسقة. ينبغي أن تشترك جميع اللوحات الفرعية في العرض الواحد في نافذة زمنية واحدة (مثل آخر 24 ساعة). فوضع رسم لساعة واحدة بجوار رسم لسبعة أيام يقود إلى ارتباطات زائفة.
• وحدات متسقة. استخدم المللي ثانية لزمن الاستجابة في كل مكان، وضع تسميات للمحاور.
• المئينات بدلًا من المتوسطات. قد يُخفي متوسط زمن استجابة يبلغ 220 ms قيمة p99 تصل إلى 3 ثوانٍ. اعرض p50 وp95 وp99 كي يبقى زمن الاستجابة في الأطراف ظاهرًا.
• العتبات على الرسم البياني. ارسم هدف SLO أو عتبة التنبيه خطًا أفقيًا، مثل 500 ms لقيمة p95.
• تعليقات توضيحية لعمليات النشر والحوادث. تحوّل العلامات الخاصة بالإصدارات والحوادث عبارة «ارتفع زمن الاستجابة عند 14:05» إلى «ارتفع زمن الاستجابة بعد الإصدار 2.4.1».

استخدم اللون للدلالة على الحالة لا للزينة

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

ما يجب فعله وما يجب تجنبه بنظرة سريعة

افعل	تجنّب
اعرض زمن الاستجابة p95/p99 مع خط SLO	الاكتفاء بعرض متوسط زمن الاستجابة
ابدأ بالحالة ومعدل الأخطاء	البدء بإجمالي مشاهدات الصفحات أو «الطلبات المخدومة»
وحّد النطاق الزمني بين اللوحات الفرعية	الخلط بين لوحات لساعة واحدة وأخرى لثلاثين يومًا دون توضيح
حدّث العروض التشغيلية كل 30 إلى 60 ثانية	التحديث كل 5 ثوانٍ وإرهاق الواجهة الخلفية
اربط كل لوحة فرعية بعرض تفصيلي	حشر السجلات الخام في عرض الملخص
اقرن اللون بأيقونات أو تسميات	استخدام الأحمر والأخضر إشارةً وحيدة

تجنّب مقاييس التباهي وخطط للتعمق في التفاصيل

مقاييس التباهي، مثل إجمالي الطلبات التراكمي أو عدد الزوار منذ البداية، لا تفعل سوى الارتفاع ونادرًا ما تدفع إلى أي إجراء. استبدلها بالمعدلات والنسب: نسبة الأخطاء، أو عدد أخطاء 5xx في الدقيقة، أو معدل الارتداد. وفيما يخص الزيارات والأخطاء، تفصّل لوحة تحليلات UpScanX مشاهدات الصفحات والمصادر والأجهزة ورموز حالة HTTP ‏(2xx/3xx/4xx/5xx)، مما يجعل أي ارتفاع في أخطاء 404 أو 500 قابلًا للتصرف بدلًا من أن يكون مجرد معلومة لافتة. ولمعرفة كيف تتكامل هذه اللوحات الفرعية، اطّلع على كيف تعمل لوحة التحليلات.

حدّث العروض التشغيلية كل 30 إلى 60 ثانية، وعروض اتجاهات الأعمال كل 5 إلى 15 دقيقة. وينبغي أن ترتبط كل لوحة ملخص بعرض تفصيلي أو بسجل زيارات مُصفّى، حتى تكون اللوحة نقطة انطلاق للتحقيق لا نهايته.

أبرز النقاط

استخدم قائمة التحقق هذه عند إنشاء لوحة أو مراجعتها:

1. حدّد الجمهور والأسئلة الثلاثة إلى الخمسة التي يجب أن يجيب عنها العرض.
2. ضع الحالة الملخصة في الزاوية العلوية والتفاصيل أسفلها.
3. اقتصر في كل عرض على نحو 5 إلى 9 لوحات فرعية رئيسية.
4. استخدم نطاقًا زمنيًا مشتركًا ووحدات متسقة.
5. اعرض المئينات وارسم العتبات أو خطوط SLO.
6. أضف تعليقات توضيحية لعمليات النشر وتغييرات الإعدادات والحوادث.
7. استخدم ألوانًا سهلة الوصول ومناسبة لمصابي عمى الألوان للدلالة على الحالة فقط.
8. استبدل الإجماليات الاستعراضية بالمعدلات والنسب.
9. اضبط معدل التحديث بما يتناسب مع سرعة اتخاذ الجمهور لقراراته.
10. راجع اللوحات كل ربع سنة واحذف اللوحات الفرعية التي لم يستخدمها أحد.

تعامل مع اللوحة كمنتج له مستخدمون: نقّحها بانتظام، وستبقى سريعة القراءة حين يكون ذلك أهم ما يكون.