分析儀表板設計

設計分析儀表板

好的儀表板不是「圖形集」，而是決策工具。它結合了業務目標，正確的數據和可理解的UX，並且還遵循以下規則：更新的SLO，質量控制，驗證和透明的KPI數學。

1）目標和受眾

目標類型：研究（診斷），監測（操作控制），解釋（洞察力→決策），溝通（會議/演示）。

• 行政人員：NSM和3-5驅動程序，高水平趨勢，警告。
• 產品/營銷：漏鬥,隊列,細分市場,ROMI.
• 操作/ML/Infra：SLA，錯誤，潛伏期，模型/數據漂移。
• 問題措辭：「我們如何知道必須采取行動？」→觸發器/閾值列表。

2）KPI和度量詞典

選擇5-7關鍵的KPI,每個關鍵的KPI：定義、公式、源、差、分割。
分為North Star，驅動程序，guardrails（限制：FPR≤x％，p95 latency≤y）。
創建術語詞典（公式版本和上次編輯日期）,並顯示在行車記錄儀上。

3）數據源和模型

真相來源（SoT）：行車記錄儀下方的單個展示/模型（星星/雪花）。
清新和脫落：顯示「N分鐘後更新」和預期的SLO（例如「每10分鐘，入場± 5分鐘」）。
質量：完整性、一致性、重復數據消除、時間範圍統一。
沒有泄漏：-和ML指標的計時正確性。

4）信息架構

頁面布局：「Z「/」F」規則，「在第一個屏幕上」3-6張卡片。
層次結構：從NSM+狀態開始；下面-驅動程序；接下來是細節/診斷。
Drill-down：從KPI尾部開始→趨勢→細分細分→詳細表/事件。
導航：按域（產品、營銷、操作）、「面包屑」、單一過濾器選項卡。

5）可視化選擇

趨勢：血統/地區；對於存儲-stacked/100%。
類別比較：水平標記（長標記）。
分布：直方圖/box/violin。
漏鬥：回合制酒吧+簽名三角洲。
相關性：scatter/heatmap。
隊列：D7/D30突出顯示的heatmap。
異常：信托走廊線，事件/發布標記。
反模式：3D，擁擠的傳說，不必要的雙軸。

6） UX和交互性

過濾器：時期，國家/頻道/平臺，實驗；用明顯的徽章顯示活動過濾器。
狀態：「下載」，「空」，「錯誤」，「部分更新」。
註釋：事件（發布、活動、事件）→點擊註釋。
導出：PNG/PDF/CSV；保存的郵件和「訂閱」。
微型文案寫作：標題=洞察,副標題=如何閱讀圖表。

7）性能和SLO

響應時間：p95 <2-3，用於交互式過濾器。
優化：在DWH中進行預聚合、增量更新、層緩存、長串下載。
限制：類別限制（圖形≤12），表格劃分，懶惰加載。
可觀察性：渲染/錯誤度量，查詢邏輯，降級差異。

8）可用性和本地化

文本對比≥ 4。5：1，daltonism安全調色板；用形狀/筆畫復制顏色。
Alt文本，發聲簽名，tab導航。
數字/日期/貨幣本地化，24小時格式，分隔數千。
偽裝PII，聚集到安全級別。

9）安全性和訪問權

角色和細分：級別安全（國家，品牌，合作夥伴）。
偽裝：電子郵件/電話→部分可見性；上載控制。
操作日誌：誰打開/導出/修改過濾器（用於審核）。
秘密和令牌：存儲在客戶端部分之外，輪換密鑰。

10）Howernans和版本

Dashboard轉化：'dash_product_v7'，changelog，發布日期。
度量標準：具有自動歷史重計/重拍的公式（v1→v2）版本。
Review：視覺評論代碼（圖形類型、單位、零點正確）、數據評論（SQL/邏輯）。
所有者：產品所有者,數據steward,平臺工程師。

11）發布和操作過程

1.設計簡介：目標,觀眾,頂級問題,KPI,來源,限制。
2.原型（low-fi → hi-fi）： wireframe →具有偽數據的點擊布局。
3.數據：店面/預聚合,質量測試（freshness, completeness）。
4.裝配：單一設計系統（顏色、網格、字體、圖例）。
5.評論/飛行員：目標用戶5-10人；UX/性能編輯。
6.發行版：版本標簽，教學視頻/筆記的說明。
7.監視：使用（clicks/view/Export）, SLO Alerts, Fidback收集。
8.審計：KPI季度審計，刪除「死卡」。

12）卡片模板

KPI標題

標題： 「Retention D30」

值+趨勢（YoY/DoD），火花線，顏色指示vs目標。
地下室：source/Update X min back/formula版本。

驅動程序診斷

按細分市場（國家/頻道）分列的Stack Bar+具有頂級貢獻的表。
顯示RCA按鈕：因子分解（體積、價格、混合）。

異常/事件

置信區間線、事件標記、事件類型過濾器。
快速操作：「創建字幕「/「添加註釋」。

13）經常出錯以及如何避免出錯

太多的圖形：離開主要的，其余的-在drill-down。
不一致的公式：鍵入KPI字典和轉換。
兩個Y軸沒有解釋：分隔面板或規範化刻度。
缺乏數據狀態：始終顯示新鮮度和SLO。
色彩混亂：1個口音顏色+1-2輔助,單調色板。

14）公布前支票清單

• dashboard的目標和受眾已記錄
• KPI具有公式，來源和版本；顯示新鮮度
• 層次結構：頂部的NSM,進一步的驅動程序和診斷
• 選擇正確的圖形類型；零點/單位指定
• 濾鏡和事件註釋工作正常；保存的vyuhi定制
• p95 ≤ SLO回復時間；啟用了預聚或緩存
• 可用性/本地化已驗證；PII偽裝
• 角色/法律和RLS定制；訪問日誌啟用
• 版本/changelog和所有者列出；有一系列事件

底線

強減速板是目標→度量標準→數據→ UX →利用率。強調NSM和驅動程序,保持指標字典的順序,確保性能和可用性,捕獲版本和SLO。然後可視化變成管理工具，而不是圖形博物館。