選擇何種資訊圖表,或是應用哪個可視化工具,背後重要的心法,都是如何有效地帶出你的訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、新聞、報告中常見的角度。為了美觀或是搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表當中的「為什麼」與「怎麼做」,包括視覺設計與在試算表軟件疏理數據的技巧。
今次的教材來自瑞士私人銀行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%簡報地雷:職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售,電子書版本亦已經在各大平台上架。