儀表板版面設計

儀表板不是「把所有圖表塞在一頁」。你做了 20 個圖表全部貼上去，老闆看了三秒就關掉——因為他不知道該先看哪裡。好的儀表板像一份好的報紙：標題搶眼、重點先看、細節往下翻。

• 好的儀表板 = 回答一個核心問題 + 提供下鑽路徑
• 資訊層級：先結論，再細節
• 少即是多：每頁不超過 6-8 個視覺元素

儀表板設計原則

1. 資訊層級（Information Hierarchy）

第一層：KPI 卡片（最上方）
  → 一眼看到最重要的數字
  → 例：本月營收、訂單數、客單價、MoM 成長率

第二層：趨勢圖（中間）
  → 看到數字的變化方向
  → 例：每日營收折線圖、每週訂單數柱狀圖

第三層：明細表 / 排行榜（下方）
  → 找到具體的細節
  → 例：TOP 10 商品、各類別營收佔比

2. Z 型閱讀動線

人的視線自然會走 Z 字型：左上 → 右上 → 左下 → 右下。

┌─────────────┬─────────────┐
│  KPI 卡片    │  KPI 卡片    │  ← 第一眼：關鍵數字
├─────────────┴─────────────┤
│        趨勢折線圖          │  ← 第二眼：變化方向
├────────────┬──────────────┤
│  TOP N 排行 │  圓餅圖/佔比  │  ← 第三眼：細節下鑽
└────────────┴──────────────┘

3. 圖表類型選擇

你要回答的問題	推薦圖表	不推薦
現在的 KPI 值是多少？	KPI 卡片（Scorecard）	圓餅圖
趨勢如何變化？	折線圖	長條圖（點太多會變密）
各類別佔比？	橫向長條圖、Treemap	圓餅圖（> 5 類就難看）
排名前 N 是誰？	橫向長條圖	折線圖
兩個指標的關係？	散佈圖	折線圖
地理分佈？	地圖	表格

圓餅圖的使用原則：類別 <= 5 個，且你要強調「佔比」而非「比較」時才用。

動手做：準備不同圖表的資料

KPI 卡片的資料

KPI 卡片需要：當前值 + 比較值（上期）。

趨勢折線圖的資料

折線圖需要：連續的時間軸 + 一個或多個指標。

TOP N 長條圖的資料

長條圖需要：類別名稱 + 數值，按數值排序。

類別佔比圖的資料

佔比圖需要：類別 + 數值 + 百分比。

Looker Studio 操作對照

SQL 資料準備好之後，在 Looker Studio 中的對應操作：

圖表類型	Looker Studio 元件	維度設定	指標設定
KPI 卡片	Scorecard	無	current_revenue
趨勢折線	Time Series	order_date	daily_revenue
TOP N 長條	Bar Chart	name	total_revenue
類別佔比	Pie Chart / Treemap	category	revenue
明細表格	Table	多個維度	多個指標

AI 協作：學了這個，跟 AI 怎麼配合？

AI 可以幫你快速準備不同圖表格式的資料，但版面設計的「人味」是 AI 給不了的。

你的人類優勢：

• 你知道老闆最在意哪個數字（放在左上角）
• 你能判斷資訊層級的優先順序
• 你能感受到儀表板是否「一眼就看懂」

可以這樣跟 AI 說：

我要做一個電商月報儀表板，第一層要有營收、訂單數、客單價的 KPI 卡片（含 MoM 比較）。幫我寫這三個卡片需要的 SQL。

練習題