資訊圖表｜數據總和比較：分享改進圖表的考量及過程
選擇何種資訊圖表，或是應用哪個可視化工具，背後重要的心法，都是如何有效地帶出你的訊息，以及減少圖表當中的雜訊。兩項數據的比較，是在簡報、新聞、報告中常見的角度。為了美觀或是搶眼球的改造有很多高手，然而很少人會跟你詳談為了提煉訊息傳遞的修正方法，讓我繼續透過商業世界的真實數據比較例子，分享改造資訊圖表當中的「為什麼」與「怎麼做」，包括視覺設計與在試算表軟件疏理數據的技巧。
今次的教材來自瑞士私人銀行Lombard Odier的Chief Investment Officer Stéphane Monier較早前在網上的分享。圖表顯示了雖然股價不再是如日中天，但Tesla的市值仍然比歐洲二十大銀行的市值總和還要高。
值得掌聲
改造以先我們先欣賞圖表中做得好的地方：
- 圖表選擇：闡述一比二十的數據比較，長條圖來得簡單易明；有些人會喜歡運用樹狀圖來表達數字的組合，樹狀圖雖然看上去專業，然而在這種情況下，一邊很簡單（單一矩形），一邊較複雜（二十個大小比例不一的矩形），視覺的差距大，觀眾會容易花更多的時間去嘗試理解樹狀圖各個數字的組成，而非感受圖表的核心比較。至於一邊是圓形，一邊是圓餅圖的方式，圖餅圖會因項目過多而難以把銀行名稱或是市值放在圖上，採取圖例或是延伸線的做法，看上去只會更加混亂；
- 基本設計：好的資訊圖表的基本要求，例如開章明義在圖表主題說明主要訊息或是研究結果，或是在圖表底下補充數據來源等，教材都做得足夠。（市值是時間敏感的數字，數據來源值得再補充確切日期或月份）Tesla市值方面，採用接近品牌紅色標誌的顏色，加強關聯性之餘，再降低一點明度，減低令觀眾覺得刺眼的機會。
建議修正
為了更有效帶出核心訊息，我會從兩方面著手去改善：
- 減少雜訊：從左邊開始看起，Y軸的單位Bn (Billion)明顯是過於重複的，環顧原圖中每個數據點都已經包括了Bn的單位，所以把Y軸的單位全撒去，也不會影響觀眾的閱讀；Y軸的顏色有點濃，容易與圖表的其他顏色處於接近層次，爭奪觀眾的目光；
接著往右邊看看各銀行的市值，百花齊放的顏色，但是與各間銀行的品牌顏色、或是數據大小，甚至排列次序，均沒有關係，沒有對訊息增值時又帶來眼花繚亂，並不是好的配色方法。 - 加強資訊：在原圖中我們會明白，Tesla的市值是680 Bn，而且比二十大銀行的總和還多；然而，觀眾大概也會想知道，是多出了幾多呢？雖然從Y軸大概可以估計，但是把市值總和顯示在圖表中，會令資訊更為完整；
再回到和銀行的市值，原圖中銀行名稱與市值是置中的，視覺上固然帶來重心，然而因為各銀行名稱的長短不一，置中後若想上下比較某幾間銀行的差距，就沒那麼容易了； 而且因著長短不一，強行把所有資訊往左或右靠也不能徹底解決問題，看上也會重心不穩。
左右對齊
以上班族常用的Excel為例，我們可以如何同時做到銀行名稱向左對齊，市值向右對齊呢？如果是純粹顯示用途，Distributed (Indent)當然較快，但是不能在圖表中的數據標籤上應用到，所以我們來用函數來組合內容：
完成標籤內容的準備，我們就可以把系統預設的數據標籤換成我們自訂的：
- Add Chart Elements > Data Labels
- 在圖表中的數據標籤上右按，選擇Format Data Labels
- 選取Value From Cells，並指向剛才已經預備好的新標籤
- 記得移除Label Contains的其餘選項
- 設定自訂標籤的文字為固定寬度(Fixed-width)的字體，完成！
修正配色
還記得上面提到銀行市值不應該使用百花齊放的配色嗎？我會用上一系列的藍色去取而代之，藍色是傳統上代表金融機構的顏色，也可與圖中左面Tesla的紅色作冷暖對比；再按市值順序把銀行分成四組深淺藍色，令排序更有意義。每個數據點均以白色幼線作為分隔，更容易看清結構，而選擇深色朝下也可以加強穩重感。
完成作品
繼續完成其餘各項減少雜訊及加強資訊的修正，可以得出下圖的完成作品。與原圖相比，沒有根本性的改動，各種細節修訂都是為了令訊息溝通更為有效。
我的第一本簡報書「全圖解！避開99%簡報地雷：職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售，電子書版本亦已經在各大平台上架。
喜歡社交媒體的朋友，歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/)，一口式內容，適合通勤時學習之用。
社福機構或是教育界如果有公益講座的需求，也歡迎電郵聯絡：[email protected]
為什麼會看到廣告
119會員
64內容數
留言0
查看全部
