Analitik daşbordların layihələndirilməsi

Analitik daşbordların dizaynı

Yaxşı bir dashboard «qrafik dəsti» deyil, bir qərar alətidir. O, biznes məqsədlərini, düzgün məlumatları və başa düşülən UX-ni birləşdirir və SLO yeniləmələri, keyfiyyət nəzarəti, versiyalaşdırma və şəffaf KPI riyaziyyatı qaydalarına uyğun yaşayır.

1) Məqsədlər və auditoriya

Məqsəd növü: tədqiqat (diaqnostika), monitorinq (əməliyyat nəzarəti), izahat (insight → həll), kommunikasiya (iclas/təqdimat).

• Executive: NSM və 3-5 sürücülər, yüksək səviyyəli trendlər, xəbərdarlıqlar.
• Məhsul/marketinq: hunilər, kohortlar, seqmentlər, ROMI.
• Əməliyyatlar/ML/İnfra: SLA, səhvlər, gecikmə, model/data sürüklənməsi.
• Sualların ifadəsi: «Biz necə bilirik ki, hərəkət etməliyik?» → trigger/eşik siyahısı.

2) KPI və metrik lüğət

Hər biri üçün 5-7 əsas KPI seçin: tərif, formula, mənbə, laq, seqmentasiya.
North Star, sürücülər, guardrails bölün (məhdudiyyətlər: FPR ≤ x%, p95 latency ≤ y).
Terminlər lüğətini (düstur versiyaları və son düzəliş tarixi) yaradın və dashboard-da göstərin.

3) Məlumat mənbələri və model

Həqiqət mənbəyi (SoT): dashboard altında vahid vitrin/model (ulduz/qar dənəsi).
Təravət və lag: «yenilənmiş N min geri» və gözlənilən SLO (məsələn, «hər 10 dəq, tolerans ± 5 dəq»).
Keyfiyyət: completeness, consistency, deduplication, timezone-homojenlik.
Sızma yoxdur: retrospektiv və ML-metrik üçün nöqtə-in-vaxt düzgünlüyü.

4) İnformasiya arxitekturası

Səhifənin maketi: «Z «/» F »qaydası,« birinci ekranda» 3-6 kart.
Hiyerarxiya: yuxarıdan NSM + status; aşağıda - sürücülər; sonrakı - detallaşdırma/diaqnostika.
Drill-down: tayla KPI → trend → seqmentlər üzrə parçalanma → ətraflı cədvəllər/hadisələr.
Naviqasiya: domen sekmələri (Məhsul, Marketinq, Əməliyyatlar), «çörək qırıntıları», vahid filtrlər.

5) Vizuallaşdırma seçimi

Trendlər: xətlər/area; yığım üçün - stacked/100%.
Kateqoriya müqayisə: üfüqi barlar (uzun işarələr).
Paylama: histogram/box/violin.
Hunilər: addım-addım barlar + imzalar delta.
Korrelyasiya: scatter/heatmap.
Kohortlar: D7/D30 işıqlandırma ilə heatmap.
Anomaliyalar: etibarlı dəhlizli xətlər, hadisə/buraxılış markerləri.
Anti-nümunələr: 3D, həddindən artıq əfsanələr, ehtiyac olmadan ikiqat oxlar.

6) UX və interaktivlik

Filtrlər: dövr, ölkə/kanal/platforma, təcrübələr; aktiv filtrləri açıq nişanla göstərin.
Hallar: «download», «boş», «səhv», «qismən yenilənmiş».
Şərhlər: hadisələr (relizlər, kampaniyalar, hadisələr) → klikable qeydlər.
İxrac: PNG/PDF/CSV; Saxlanan fayllar və poçt göndərişlərinə «abunələr».
Mikro kopyalama: başlıq = insight, alt başlıq = qrafiki oxumaq üçün necə.

7) Performans və SLO

Cavab vaxtı: interaktiv filtrlər üçün p95 <2-3 s.
Optimizasiya: DWH qabaqcıl aqreqasiya, artımlı yeniləmə, qat cache, uzun sıra downsampling.
Məhdudiyyətlər: kateqoriya limiti (qrafik başına 12 ≤), cədvəllərin paginasiyası, lazy-load.
Müşahidə: render/səhv metrikası, sorğu qeydləri, deqradasiya üçün alertlər.

8) Mövcudluq və lokalizasiya

Mətnin kontrastı ≥ 4. 5:1, daltonizm təhlükəsiz palitralar; rəngi forma/ştrixlə təkrarlayın.
Alt mətnlər, səslənən imzalar, tab naviqasiyası.
Ədədlərin/tarixlərin/valyutaların lokalizasiyası, 24 saatlıq format, minlərlə ayırıcı.
PII-ni maskalayın, təhlükəsiz səviyyəyə yığın.

9) Təhlükəsizlik və giriş hüquqları

Rollar və seqmentlər: row-level security (ölkə, marka, tərəfdaş).
Maskalanma: e-mail/telefon → qismən görünürlük; boşaltma nəzarəti.
Fəaliyyət jurnalı: filtrləri kim açıb/ixrac edib/dəyişdirib (audit üçün).
Sirlər və tokenlər: müştəri hissəsindən kənarda saxlama, açarların rotasiyası.

10) Governance və versiyası

Dashboard versiyası: 'dash _ product _ v7', changelog, buraxılış tarixi.
Metriklər: formula versiyaları (v1 → v2) tarixin avtomatik yenidən hesablanması/peremepinqlə.
Review: vizual kod review (qrafik tipinin düzgünlüyü, vahidlər, sıfır nöqtə), tarix review (SQL/məntiq).
Sahibləri: məhsul sahibi, data steward, platforma mühəndisi.

11) Buraxılış və istismar prosesləri

1. Dizayn brif: məqsəd, auditoriya, top suallar, KPI, mənbələr, məhdudiyyətlər.
2. Prototip (low-fi → hi-fi): wireframe → psevdo məlumatlarla klik-maket.
3. Məlumat: vitrin/ön aqreqasiya, keyfiyyət testləri (freshness, completeness).
4. Montaj: vahid dizayn sistemi (rənglər, şəbəkələr, şriftlər, əfsanələr).
5. Revew/pilot: 5-10 hədəf istifadəçiləri ilə; UX/Performance düzəlişləri.
6. Release: tag versiyası, təlimat, təlim video/nots.
7. Monitorinq: istifadə (klik/view/ixrac), SLO alertləri, fidback yığımı.
8. Təftiş: KPI-nin rüblük auditi, «ölü» kartların silinməsi.

12) Kart şablonları

KPI taylı

Başlıq: «Retention D30»

Qiymət + trend (YoY/DoD), sparkline, rəng göstəricisi vs hədəf.
zirzəmi: mənbə/yenilənmiş X min geri/formula versiyası.

Sürücü diaqnostikası

Seqmentlər üzrə stek bar (ölkə/kanal) + top əmanətlərlə cədvəl.
«RCA göstər» düyməsi: faktorlarla parçalanma (həcm, qiymət, qarışıq).

Anomaliyalar/hadisələr

Etibarlı intervallı xətt, hadisə işarələri, hadisə növünə görə filtr.
Sürətli hərəkət: «bilet yaratmaq «/« şərh əlavə etmək ».

13) Tez-tez səhvlər və onlardan necə qaçmaq olar

Çox qrafik: əsas, qalan - drill-down buraxın.
Razılaşdırılmamış formullar: KPI lüğətini və versiyasını daxil edin.
İki Y-ox izahat olmadan: panelləri bölün və ya ölçü normallaşdırın.
Məlumat statusunun olmaması: həmişə təravət və SLO göstərin.
Rəng xaosu: 1 aksent rəng + 1-2 köməkçi, vahid palitra.

14) Dərc etməzdən əvvəl çek siyahısı

• Dashboard məqsədləri və auditoriyası sənədləşdirilmişdir
• KPI düsturları, mənbələri və versiyaları var; təzəlik göstərilir
• Hiyerarşi: NSM yuxarıda, daha çox sürücülər və diaqnostika
• Düzgün qrafik növü seçilmişdir; sıfır nöqtə/vahid göstərilmişdir
• Filtrlər və hadisə izahları işləyir; qorunan çubuqlar xüsusi
• p95 cavab vaxtı ≤ SLO; pre-aqreqasiya/cache daxil
• Mövcudluq/lokalizasiya yoxlanılır; PII maskalanmış
• Rolları/hüquqları və RLS xüsusi; giriş qeydləri daxildir
• Versiyası/changelog və sahibləri göstərilir; Runibuk hadisələr var

Yekun

Güclü daşbord → metrika → məlumat → UX → əməliyyat məqsədləridir. NSM və sürücülərə diqqət yetirin, metrik lüğəti qaydasında saxlayın, performans və əlçatanlığı təmin edin, versiyaları və SLO-ları düzəldin. Sonra vizualizasiya qrafika muzeyinə deyil, idarəetmə alətinə çevrilir.