Dashboard 是使用者進後台的第一屏,要在一眼之內讓人知道「現在狀況如何、接下來做什麼」。這章把預設版型的區塊順序、KPI 卡與圖表區的拿捏,還有「整頁只能有一個 primary」講清楚。當你要排總覽頁、塞快捷動作、或猶豫歡迎列要不要再放按鈕時,就翻這頁對一下。
這是什麼
首頁儀表板常見區塊:橫幅、歡迎語、設定清單、篩選(含與上期比較)、KPI 卡(含趨勢小圖)、圖表、快捷動作、近期列表、活動動態。
什麼時候用
登入後第一屏要讓使用者掌握概況時;依產品取捨區塊,不必全部堆上。
這是什麼
Paper 營運儀表板(track layout):KPI 三卡、週 picker、預約 card list、右欄統計 widget。class 名稱、字級、search/hover 與 Paper prototype 一致。
什麼時候用
營運人員每天先看「今天有哪些預約/任務」,再 drill-down 到完整列表;比 analytics F 型更適合。
這是什麼
九種常見儀表板版型樣式,附常用情境說明。
什麼時候用
規劃新產品首頁或改版儀表板時,先對照選一種主版型再填內容。
這是什麼
Resend 版型:主區摘要(寄信數、送達率)+ 域名 breakdown + 次級比率卡。
什麼時候用
郵件或訊息類產品的指標首頁;主圖表與域名明細分層呈現。
這是什麼
Arcade:等寬 KPI 卡搭配升降 delta 指示。
什麼時候用
產品分析首屏要並排展示多個關鍵數字與變化幅度時。
這是什麼
KPI 卡:label、value、delta、trend 漲跌方向。
什麼時候用
Dashboard 小卡快速指標;一卡一 KPI。