一頁報表放幾張圖才夠:行銷儀表板的版面設計不是美感問題
儀表板做得好不好,不是圖表配色漂不漂亮的問題,而是看的人能不能在預期的時間內找到該注意的地方。一份好的儀表板應該讓人先看到結論,再看到支撐結論的細節,最後才是可以自行探索的明細資料。多數失敗的儀表板,問題出在把這個順序反過來,把所有圖表攤平放在同一個層級,讀者要自己在裡面找重點。
這篇談的是版面配置的邏輯,不是特定工具的操作教學,原則同樣適用於 Looker Studio、Excel 或任何報表工具。
先決定閱讀動線,再決定放哪些圖表
人眼閱讀螢幕的習慣大致是由上而下、由左而右,重要的結論應該放在畫面最上方或左上角,讓人不用捲動就能看到。常見的錯誤是把整體摘要放在最下面,或是被切成好幾頁,讀者要先看完所有明細才拼湊得出結論,這種順序對於時間有限的主管特別不友善。
- 第一層:一句話結論加上一到三個核心指標的目前值與變化方向
- 第二層:支撐結論的三到五張圖表,按管道或時間拆分
- 第三層:可互動探索的明細表,供想深入了解的人自行篩選
資訊密度分層:不是每個人都要看到同一層
儀表板常見的失敗是把給老闆看的摘要和給執行人員看的操作明細放在同一頁,結果兩種讀者都不滿意。老闆嫌太細,執行人員嫌不夠細。解法是明確分層,用頁籤或連結區隔不同深度的內容,而不是全部塞進一頁。
| 讀者 | 需要的密度 | 建議呈現方式 |
|---|---|---|
| 高階主管 | 極簡,一眼看結論 | 摘要頁,三到五個指標卡加一句話結論 |
| 行銷主管 | 中等,需要比較 | 管道與活動層級的對照圖表與表格 |
| 執行人員 | 高,需要操作依據 | 素材、關鍵字或名單層級的明細表 |
我會建議每一層都清楚標示「這一頁是給誰看的」,即使技術上任何人都能點進去,這個標籤也能提醒讀者用適合的深度去解讀,避免執行人員拿摘要頁的數字去做素材優化的細節判斷。
異常標示:讓眼睛自動被引導到該注意的地方
一份塞滿黑白數字的表格,讀者需要自己逐格比對才能找到異常。比較有效的做法是用顏色或圖示標示出超出正常範圍的數字,但前提是要先定義清楚什麼叫「正常範圍」,而不是隨意設色階。
- 用與過去四週平均的差異百分比決定顏色,而不是絕對數字的大小
- 紅色只保留給真正需要處理的異常,過度使用會讓警示失去意義
- 正常範圍內的數字用中性色呈現,避免整頁花花綠綠反而看不出重點
- 異常標示旁邊附上簡短的可能原因提示,減少讀者猜測的時間
常見的排版錯誤
- 把十幾張圖表平鋪在同一頁,沒有任何視覺優先順序
- 用太多種圖表類型,讀者要重新適應每一張圖的閱讀方式
- 座標軸範圍隨資料自動縮放,讓正常波動看起來像劇烈變化
- 文字說明放在圖表下方很小的地方,容易被忽略
- 行動裝置上圖表被壓縮到看不清楚數字
座標軸自動縮放是特別容易被忽略的問題。如果某個指標本來在一百到一百二十之間波動,座標軸卻自動從零開始,波動看起來會被壓縮到幾乎看不出來;反過來如果座標軸只涵蓋一百到一百二,微小的波動又會被放大成劇烈起伏。固定座標軸範圍,或至少在報表說明裡註明範圍是否自動調整,能避免視覺誤導。
設計完成後的驗收方式
版面設計完成後,不要只靠自己覺得好看就上線,找一位不熟悉這份業務的同事,給他三十秒看儀表板,問他看到了什麼結論。如果他說不出重點,或說出的重點跟你想傳達的不一樣,代表版面的優先順序還需要調整。這個測試看起來簡單,卻是最容易被跳過的一步,因為設計者對自己的報表太熟悉,很難用第一次看的角度去檢視。反覆用不同的人測試幾次,逐步調整標題文字、顏色對比與圖表順序,通常比一開始就想把版面設計到完美更有效率,也更貼近真實讀者的閱讀習慣。
從草稿到上線:版面設計的實作順序
實務上我會建議先用最陽春的表格把所有候選指標列出來,不加任何顏色或圖表,逐一問自己這個指標放在哪一層、給誰看、對應到什麼決策,確定分層之後,才開始選圖表類型與版面配置。太早進入視覺設計階段,容易被好看的圖表樣式帶著走,反而忽略了資訊架構本身有沒有道理。
- 先列出所有候選指標與其對應的讀者層級,用文字表格整理,不急著做視覺設計
- 依讀者層級分頁或分區塊,確認每一層都能獨立說明清楚
- 為摘要層挑選最少但最關鍵的圖表類型,例如趨勢線加數字卡
- 幫每一層加上簡短標題,說明這一頁是給誰看、想回答什麼問題
- 完成後用陌生讀者測試法驗收,並記錄需要調整的地方
- 正式上線後,記得在報表旁附上版本與最後更新時間,方便日後追蹤修改歷程
這個順序看似多了一道工序,實際上能省下很多後期返工的時間。許多團隊直接在報表工具裡邊做邊改,做到一半發現資訊架構有問題,卻因為已經投入大量時間在視覺調整上,捨不得整個打掉重練,最後只能在有缺陷的架構上不斷打補丁。先把架構確定下來,視覺呈現才不會變成白工。
常見問題
一頁儀表板最多放幾張圖比較合適?
沒有絕對數字,但摘要層建議控制在三到五個核心指標以內,超過這個數量,讀者很難在短時間內抓到重點,應該考慮分層或分頁。
顏色標示異常,要用幾種顏色比較好?
建議用最少的顏色數量傳達最多的資訊,通常紅色代表需要處理、黃色代表觀察、其餘用中性色即可,太多顏色反而增加判讀負擔。
行動裝置上的儀表板要另外設計嗎?
建議至少確認手機瀏覽時圖表與文字不會被壓縮到無法閱讀,如果多數讀者習慣用手機查看,應該優先為小螢幕設計摘要層。
儀表板要多久檢討一次版面設計?
建議每季檢視一次,特別是在指標定義或商業重點改變之後,舊的版面配置很容易變得不合時宜。
延伸閱讀:給決策者的一頁行銷儀表板:六個必備區塊與實作流程、Looker Studio 混合資料為什麼數字對不上、報表交不出去的三種卡點:資料、口徑與敘事。若想讓團隊的報表真正走到決策,可以參考冠誠數位行銷服務項目,或直接預約諮詢。
