Dashboard版面與圖表怎麼選？KPI到明細五層排法、選圖對照表與配色原則
看板上八張圖一樣大，主管看了三十秒還問這週好不好？版面由上往下排成KPI、趨勢、比較、異常、明細五層；看你要回答什麼問題就選什麼圖，整頁只用一個重點色，標題寫成結論。附選圖對照表與重排版面的提示詞。
本文目錄
- 方法：記住三個原則
- 原則一：由上往下，版面分五層
- 原則二：看什麼，選什麼圖
- 原則三：整頁只用一個重點色
- 把原則寫進提示詞，請Claude重排版面
- 三個職場情境（假設情境）
- 三個常見錯誤
- 練習：幫三種數字選一種圖
- 課後五分鐘實作
- 一句話回顧
看板上有八張圖，主管看了三十秒，抬頭問你：「所以這週到底好不好？」
圖都畫出來了，數字也沒錯，問題出在看的人不知道該先看哪裡。AI做的第一版，常把所有圖平均排開，每張一樣大，像一面貼滿便利貼的牆。
好的版面，會替看的人安排順序：先看什麼，再看什麼。
這堂課教你兩件事：版面怎麼排、圖表怎麼選，最後再加上配色的原則。
搭配本課程5分鐘影片，先看重點，再用下面的整理與練習確認理解。
方法：記住三個原則
- 由上往下排：KPI → 趨勢 → 比較 → 異常 → 明細
- 看什麼選什麼圖：變化用折線，比較用長條
- 只用一個重點色：重點用橘色，其他用灰色
原則一：由上往下，版面分五層
把看板由上往下分成五層，每一層回答一個問題：
| 層 | 放什麼 | 業務週報的例子 |
|---|---|---|
| KPI | 最重要的3～5個數字 | 本週業績、週成長率、目標達成率 |
| 趨勢 | 數字怎麼變化 | 近八週業績折線 |
| 比較 | 誰高誰低 | 各區業績長條 |
| 異常 | 哪裡要注意 | 達成率低於八成的區域 |
| 明細 | 要查時再看 | 各業務的出貨明細表 |
這個順序就像寫報告：先講結論，再講原因，最後附上資料。
為什麼要這樣排？因為主管通常只看最上面一兩層。結論放在上面，越往下越細，想追原因的人再往下看就好。
最常見的錯，就是把明細表放在最上面，結論反而要往下捲才看得到。如果明細真的很長，也可以放在第二頁，第一頁只放結論。
原則二：看什麼，選什麼圖
先想清楚你想回答什麼問題，再決定用什麼圖。以業務週報為例（假設情境）：
| 想看什麼 | 用什麼圖 | 業務週報的例子 | 注意 |
|---|---|---|---|
| 一個數字 | KPI卡片 | 本週業績 | 旁邊加上和上週比 |
| 隨時間變化 | 折線圖 | 近八週業績 | 時間由左到右 |
| 類別比較 | 長條圖 | 各區業績 | 由大到小排序 |
| 占比組成 | 堆疊長條 | 各產品占比 | 圓餅最多三到四塊 |
| 查細節 | 表格 | 各業務明細 | 放在最下面 |
如果不確定，可以直接問Claude：「這個數字適合用什麼圖，為什麼？」
選圖其實只要問一件事
這張圖要回答什麼問題？ 把答案直接寫成圖的標題。
- 只寫名稱：「各區業績」
- 寫成結論：「北區連續三週下滑」
後者主管不用自己解讀，週會也能直接拿來討論。
另外有兩種圖要避開：
- 3D圖：立體效果會讓高低看不準。
- 雙軸圖：兩組數字共用一張圖、各用一條座標軸，容易誤讀，拆成兩張比較好。
原則三：整頁只用一個重點色
要強調的用橘色，其他都用灰色。 橘色只留給真正要處理的地方，例如達成率低於八成的區域。
再補兩個配色細節：
- 同一個指標，在每張圖都用同一個顏色，看的人才不會搞混。
- 不要只靠紅綠兩色區分好壞。 色弱的人會看不出來，可以加上文字或符號。
把原則寫進提示詞，請Claude重排版面
這三個原則可以直接寫進提示詞。例如：
請照這個順序重排版面：最上面三張KPI卡片，接著近八週趨勢、各區比較，再標出達成率低於八成的區域，明細表放最下面。重點用橘色，其他用灰色，不要用3D圖。
改完之後，用手機也開一次看看——很多主管是在手機上看看板的。
三個職場情境（假設情境）
情境一：人資專員做招募進度看板
- 要回答的問題：各職缺應徵數比多少？
- 適合的圖：橫向長條圖，由多到少排序。職缺名稱通常很長，橫向比較好讀。
- 要避免：用圓餅切成十幾塊，完全看不出差別。
如果只有三四個職缺，直向長條也可以，重點是要排序。
情境二：客服主管做進線量看板
- 要回答的問題：一天裡哪個時段最忙？
- 適合的圖：各時段長條圖，只把尖峰時段標成橘色，其他用灰色。
- 要避免：每個時段都用不同顏色，反而找不到重點。
情境三：行銷專員做活動成效看板
- 要回答的問題：名單數每週怎麼變？
- 適合的圖：折線圖，時間由左到右。每週的點連成線，上升或下滑一眼就看得出來。
- 要避免：把花費和名單數擠在同一張雙軸圖。想看花費，就另外做一張。
三個常見錯誤
- 八張圖一樣大，沒有主次。 看的人不知道先看哪裡。
- 每張圖都用不同顏色。 顏色多了，重點反而消失。
- 圖表標題只寫名稱，沒寫結論。 主管要自己解讀，週會就會卡在「這張圖在說什麼」。
這三個錯都不難改，只要在提示詞裡一次講清楚就好。
練習：幫三種數字選一種圖
下面三種數字，各要用什麼圖呈現？
- 近12個月業績
- 各區業績
- 本週目標達成率
參考答案
- 近12個月業績 → 折線圖。這是隨時間變化。
- 各區業績 → 長條圖，由大到小排序。這是類別比較。
- 本週目標達成率 → KPI卡片，旁邊加上和上週相比的變化。這是一個數字。
如果還想看各區每週的變化，可以再加一張折線圖，但線不要超過五條。
課後五分鐘實作
拿出你在第三堂做出的第一版看板：
- 把每張圖分到五層裡：KPI、趨勢、比較、異常、明細；分不進去的圖，想想是不是可以拿掉。
- 對照選圖表，檢查每張圖有沒有選對；不確定就問Claude「這個數字適合用什麼圖，為什麼？」
- 把每張圖的標題改寫成一句結論。
- 決定唯一的重點色要留給哪個地方，其他改成灰色。
- 把以上決定寫進提示詞，請Claude重排版面，再用手機開一次看看。
歡迎到「AI趨勢報」教室，分享你修改前後的看板。
一句話回顧
版面由上往下排：KPI、趨勢、比較、異常、明細；看你要回答什麼問題就選什麼圖，整頁只用一個重點色，標題寫成結論。
下次看到AI做的看板，先問自己：主管第一眼會看到什麼？
資料來源與教學說明
本文搭配104學習「5分鐘學會用AI做Dashboard」系列免費課程。文中的業務週報資料、職場情境、練習與提示詞範例皆為原創假設情境，用來示範方法，不代表任何公司的真實數據。把公司資料交給AI之前，請先確認公司的AI使用規定，並把個人資料刪除或換成代號。
資訊查核日期：2026-11-10。本課以方法為主，不涉及會變動的版本與方案資訊。
用AI做Dashboard系列｜七堂一起讀
- 第1堂｜用AI做Dashboard前先問什麼？誰要看、做什麼決定、看哪些數字，三問寫出需求卡
- 第2堂｜Excel交給Claude整理資料怎麼做？空值、重複、格式三種檢查與資料字典範本
- 第3堂｜用Claude做Dashboard提示詞怎麼寫？需求卡＋資料＋格式，一段做出第一版
- 第5堂｜AI做的Dashboard數字對嗎？對總數、抽三筆、查邊界，十分鐘驗收再分享
- 第6堂｜Dashboard篩選器怎麼加？三種互動、篩選最多三個與預設值設定
- 第7堂｜Dashboard怎麼每週持續更新？固定格式、固定流程、過期提醒，何時交給IT
- 和「AI趨勢報」教室一起交流：分享你的看板與提示詞
沒看到有興趣的職缺嗎？
