Analitik gösterge tablolarının tasarımı
Analitik gösterge tablolarının tasarımı
İyi bir gösterge tablosu bir "grafikler kümesi'değil, bir karar aracıdır. İş hedeflerini, doğru verileri ve anlaşılabilir UX'i birbirine bağlar ve aynı zamanda kurallara göre yaşar: SLO güncellemeleri, kalite kontrolü, sürüm oluşturma ve şeffaf KPI matematiği.
1) Hedefler ve seyirci
Hedef türü: araştırma (teşhis), izleme (operasyonel kontrol), açıklama (içgörü - çözüm), iletişim (toplantı/sunum).
İzleyiciler:- Yönetici: NSM ve 3-5 sürücüleri, üst düzey eğilimler, uyarılar.
- Ürün/pazarlama: huniler, kohortlar, segmentler, ROMI.
- İşlemler/ML/Infra: SLA, hatalar, gecikme, model/veri sürüklenmesi.
- Soruların ifadesi: "Ne yapacağımızı nasıl biliyoruz?" Tetikleyicilerin/eşiklerin listesi.
2) KPI ve metrikler sözlüğü
Her biri için 5-7 anahtar KPI seçin: tanım, formül, kaynak, gecikme, segmentasyon.
North Star, sürücüler, korkuluklar (sınırları: FPR≤x %, p95 latency≤y) ile bölün.
Terimler sözlüğü (formül sürümleri ve son düzenlenen tarih) oluşturun ve bunu gösterge tablosunda görüntüleyin.
3) Veri kaynakları ve modeli
Gerçeğin kaynağı (SoT): Gösterge tablosunun altında tek bir vitrin/model (yıldız/kar tanesi).
Tazelik ve gecikme: ekran "güncellenmiş N min geri've beklenen SLO (örneğin,'her 10 dakikada bir, tolerans ± 5 dakika").
Kalite: bütünlük, tutarlılık, veri tekilleştirme, zaman dilimi-tekdüzelik.
Sızıntı yok: retrospektifler ve ML metrikleri için zamanında doğruluk.
4) Bilgi mimarisi
Sayfa düzeni: kural "Z "/" F", 3-6 kart'ilk ekranda ".
Hiyerarşi: Üst NSM + durumu; aşağıda - sürücüler; Daha fazla - detaylandırma/teşhis.
Matkap-aşağı: KPI kiremit, trend, segmentasyon, ayrıntılı tablolar/olaylar.
Gezinme: etki alanlarına göre sekmeler (Ürün, Pazarlama, İşlemler),'ekmek kırıntıları ", birleşik filtreler.
5) Görselleştirmeleri seçin
Eğilimler: çizgiler/alan; Tasarruf için - yığılmış/% 100.
Kategori karşılaştırmaları: yatay çubuklar (uzun etiketler).
Dağıtımlar: histogram/kutu/keman.
Huniler: sıra tabanlı çubuklar + delta imzaları.
Korelasyonlar: dağılım/ısı haritası.
Kohortlar: D7/D30-backlit ısı haritası.
Anomaliler: güven koridoru olan çizgiler, olay/serbest bırakma belirteçleri.
Anti-desenler: 3D, aşırı yüklenmiş efsaneler, gereksiz yere çift eksenler.
6) UX ve etkileşim
Filtreler: dönem, ülke/kanal/platform, deneyler; Etkin filtreleri açık bir rozetle göster.
Durumlar: "load", "empty", "error", "participally updated".
Ek açıklamalar: olaylar (sürümler, kampanyalar, olaylar) - tıklanabilir notlar.
Dışa aktarma: PNG/PDF/CSV; Kar fırtınaları ve posta listesine "abonelikler" kaydedildi.
Mikro metin yazarlığı: başlık = içgörü, alt başlık = bir grafik nasıl okunur.
7) Performans ve SLO
Yanıt süresi: Etkileşimli filtreler için p95 <2-3 s.
En iyileştirme: DWH'de ön toplamalar, artımlı güncelleştirmeler, katman önbelleği, uzun serilerde altörnekleme.
Kısıtlamalar: kategori sınırı (grafik ≤12), tablo sayfalama, lazy-load.
Gözlemlenebilirlik: oluşturma/hata metrikleri, sorgu günlükleri, bozulma uyarıları.
8) Kullanılabilirlik ve yerelleştirme
Metin kontrastı ≥ 4. 5:1, renk körü paletler; Şekil/kontur ile çoğaltılmış renk.
Alt metinler, sesli imzalar, sekme gezinmesi.
Sayıların/tarihlerin/para birimlerinin yerelleştirilmesi, 24 saatlik format, binlerce ayırıcı.
PII'yi maskeleyin, güvenli bir seviyeye toplayın.
9) Güvenlik ve erişim hakları
Roller ve segmentler: satır düzeyinde güvenlik (ülke, marka, ortak).
Maskeleme: e-posta/telefon - kısmi görünürlük; deşarjların kontrolü.
Etkinlik Günlüğü - Filtreleri açan/dışa aktaran/değiştiren (denetim için).
Sırlar ve belirteçler: istemci kısmının dışında depolama, anahtar rotasyonu.
10) Yönetişim ve versiyonlar
Dasboard sürüm oluşturma: 'dash _ product _ v7', changelog, çıkış tarihi.
Metrikler: Geçmiş/peremapping'in otomatik olarak yeniden hesaplanması ile formül sürümleri (v1 - v2).
İnceleme: görsel kod incelemesi (grafik türünün doğruluğu, birimler, sıfır noktası), tarih incelemesi (SQL/mantık).
Sahipler: sahip ürün, veri sorumlusu, platform mühendisi.
11) Serbest bırakma ve çalışma süreçleri
1. Tasarım özeti: hedef, kitle, en önemli konular, KPI, kaynaklar, kısıtlamalar.
2. Prototip (low-fi - hi-fi): tel çerçeve - sözde verilerle tıklama düzeni.
3. Veri: vitrin/ön toplama, kalite testleri (tazelik, bütünlük).
4. Montaj: tek bir tasarım sistemi (renkler, ızgaralar, yazı tipleri, efsaneler).
5. İnceleme/Pilot: 5-10 hedef kullanıcı ile; UX/performans düzenlemeleri.
6. Sürüm: sürüm etiketi, talimat, eğitim videosu/notları.
7. İzleme: kullanım (tıklamalar/görüntüleme/dışa aktarma), SLO uyarıları, geri bildirim toplama.
8. Revizyon: KPI'ların üç aylık denetimi, "ölü" kartların çıkarılması.
12) Kart şablonları
KPI döşemesi
Başlık: Saklama D30
Değer + eğilim (YoY/DoD), ışıltı, renk göstergesi vs hedef.
Bodrum: kaynak/güncellenmiş X min back/formül sürümü.
Sürücü Tanıları
Segmente göre yığın çubuğu (ülke/kanal) + üst katkı tablosu.
"RCA'yı Göster" düğmesi: faktörlere göre ayrışma (hacim, fiyat, karışım).
Anomaliler/Olaylar
Güven aralıkları, olay işaretleyicileri, olay türüne göre filtreleme.
Hızlı eylem:'bir bilet oluştur "/" yorum ekle ".
13) Sık yapılan hatalar ve bunlardan nasıl kaçınılacağı
Çok fazla grafik: ana şeyi, gerisini bırakın - matkapla.
Tutarsız formüller - Sözlük ve KPI sürümlerini girin.
Açıklama olmadan iki Y ekseni: ayrı paneller veya normalize ölçekler.
Veri durumu yok: Her zaman tazelik ve SLO'lar gösterin.
Renk kaosu: 1 vurgu rengi + 1-2 yardımcı, tek bir palet.
14) Yayın öncesi kontrol listesi
- Gösterge tablosu hedefleri ve izleyici belgelendi
- KPI'ların formülleri, kaynakları ve sürümleri vardır; tazeliği gösterir
- Hiyerarşi: Yukarıdan NSM, daha sonra sürücüler ve teşhis
- Doğru zamanlama türü seçilir; sıfır noktası/belirtilen birimler
- Filtreler ve olay ek açıklamaları çalışır; Kaydedilen kar fırtınaları yapılandırıldı
- SLO ≤ p95 yanıt süresi; Ön toplama/önbellek etkinleştirildi
- Kullanılabilirlik/yerelleştirme doğrulandı; PII gizlenmiş
- Roller/haklar ve RLS yapılandırılmıştır; Erişim günlükleri etkinleştirildi
- Sürüm/changelog ve sahipleri belirtilmiştir; Bir olay runibook var
Toplam
Güçlü gösterge tablosu hedeflerdir - metrikler - veriler - UX - operasyon. NSM ve sürücülere odaklanın, metrik sözlüğünü düzenli tutun, performans ve kullanılabilirlik sağlayın, sürümleri ve SLO'ları düzeltin. Daha sonra görselleştirmeler bir grafik müzesine değil, bir yönetim aracına dönüşür.