資訊圖表|數據總和比較:分享改進圖表的考量及過程

閱讀時間約 4 分鐘
選擇何種資訊圖表,或是應用哪個可視化工具,背後重要的心法,都是如何有效地帶出你的訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、新聞、報告中常見的角度。為了美觀或是搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表當中的「為什麼」與「怎麼做」,包括視覺設計與在試算表軟件疏理數據的技巧。
今次的教材來自瑞士私人銀行Lombard Odier的Chief Investment Officer Stéphane Monier較早前在網上的分享。圖表顯示了雖然股價不再是如日中天,但Tesla的市值仍然比歐洲二十大銀行的市值總和還要高。

值得掌聲

改造以先我們先欣賞圖表中做得好的地方:
  • 圖表選擇:闡述一比二十的數據比較,長條圖來得簡單易明;有些人會喜歡運用樹狀圖來表達數字的組合,樹狀圖雖然看上去專業,然而在這種情況下,一邊很簡單(單一矩形),一邊較複雜(二十個大小比例不一的矩形),視覺的差距大,觀眾會容易花更多的時間去嘗試理解樹狀圖各個數字的組成,而非感受圖表的核心比較。至於一邊是圓形,一邊是圓餅圖的方式,圖餅圖會因項目過多而難以把銀行名稱或是市值放在圖上,採取圖例或是延伸線的做法,看上去只會更加混亂;
  • 基本設計:好的資訊圖表的基本要求,例如開章明義在圖表主題說明主要訊息或是研究結果,或是在圖表底下補充數據來源等,教材都做得足夠。(市值是時間敏感的數字,數據來源值得再補充確切日期或月份)Tesla市值方面,採用接近品牌紅色標誌的顏色,加強關聯性之餘,再降低一點明度,減低令觀眾覺得刺眼的機會。

建議修正

為了更有效帶出核心訊息,我會從兩方面著手去改善:
  • 減少雜訊:從左邊開始看起,Y軸的單位Bn (Billion)明顯是過於重複的,環顧原圖中每個數據點都已經包括了Bn的單位,所以把Y軸的單位全撒去,也不會影響觀眾的閱讀;Y軸的顏色有點濃,容易與圖表的其他顏色處於接近層次,爭奪觀眾的目光;

    接著往右邊看看各銀行的市值,百花齊放的顏色,但是與各間銀行的品牌顏色、或是數據大小,甚至排列次序,均沒有關係,沒有對訊息增值時又帶來眼花繚亂,並不是好的配色方法。
  • 加強資訊:在原圖中我們會明白,Tesla的市值是680 Bn,而且比二十大銀行的總和還多;然而,觀眾大概也會想知道,是多出了幾多呢?雖然從Y軸大概可以估計,但是把市值總和顯示在圖表中,會令資訊更為完整;

    再回到和銀行的市值,原圖中銀行名稱與市值是置中的,視覺上固然帶來重心,然而因為各銀行名稱的長短不一,置中後若想上下比較某幾間銀行的差距,就沒那麼容易了; 而且因著長短不一,強行把所有資訊往左或右靠也不能徹底解決問題,看上也會重心不穩。

左右對齊

以上班族常用的Excel為例,我們可以如何同時做到銀行名稱向左對齊,市值向右對齊呢?如果是純粹顯示用途,Distributed (Indent)當然較快,但是不能在圖表中的數據標籤上應用到,所以我們來用函數來組合內容:
完成標籤內容的準備,我們就可以把系統預設的數據標籤換成我們自訂的:
  1. Add Chart Elements > Data Labels
  2. 在圖表中的數據標籤上右按,選擇Format Data Labels
  3. 選取Value From Cells,並指向剛才已經預備好的新標籤
  4. 記得移除Label Contains的其餘選項
  5. 設定自訂標籤的文字為固定寬度(Fixed-width)的字體,完成!

修正配色

還記得上面提到銀行市值不應該使用百花齊放的配色嗎?我會用上一系列的藍色去取而代之,藍色是傳統上代表金融機構的顏色,也可與圖中左面Tesla的紅色作冷暖對比;再按市值順序把銀行分成四組深淺藍色,令排序更有意義。每個數據點均以白色幼線作為分隔,更容易看清結構,而選擇深色朝下也可以加強穩重感。

完成作品

繼續完成其餘各項減少雜訊及加強資訊的修正,可以得出下圖的完成作品。與原圖相比,沒有根本性的改動,各種細節修訂都是為了令訊息溝通更為有效。

我的第一本簡報書「全圖解!避開99%簡報地雷:職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售,電子書版本亦已經在各大平台上架。
喜歡社交媒體的朋友,歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/),一口式內容,適合通勤時學習之用。
社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:salaryman.inbox@gmail.com
為什麼會看到廣告
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
發表第一個留言支持創作者!
六邊形的形狀在商業簡報的設計中,可以擔當各種角色,例如是商業模型、資訊圖表,甚至是作為密鋪平面的視覺元素之用。奈何在PPT軟件預設的六邊形形狀,其實並非正六邊形。縱然坊間有不少的解決方法,但不夠簡單、容易出錯或需要重做。簡單的問題,並不需要複雜的解決方式,就跟大家分享兩種零技術、零難度的新辦法。
有些人說蘋果手機每每缺乏創新,熟悉的產品設計;也有些人說蘋果簡報往往只懂簡約,不變的大圖大字。疫情後的社會改變,手機拍攝功能的進步,令部分甚至全部預錄的簡報,更頻繁地出現在大家眼前。看輕別人的作品很省力容易,但既然有世界級的免費教材,就來學習一下預錄型簡報的實用技巧吧。 把
Netflix近期上架的紀錄片「救贖之隊:2008奧運男籃夢」(The Redeem Team),講述美國男子籃球經歷2004雅典奧運的挫敗後,如何透過反思、重組,最終在四年後的北京奧運重奪失落的金牌。頂尖好手也會被追上,你現在的簡報技巧同樣有保鮮期。那麼,職場簡報要小心哪四位默默在進步的對手?
職場上的表現,在技能和勞力以外,解題能力也造成你與其他人的分野。上一期的「改造實戰題」介紹了如何把圖表中的X軸標籤設定成兩行顯示,客戶可能希望標籤出現在一年四季四個數據點的正中央,可以怎樣解決?有了方法,又有沒有技巧使這方法更有效率?剛踏入了第四季,又是季度與年度報表的時節,上班族來學習實用技巧吧!
在職場工作的效率,視乎你怎樣運用手頭上的資源,例如知識、時間、軟件和硬件。隨著螢幕的價錢下跌,愈來愈多公司或是居家辦公室也用上了第二螢幕。然而,大多數人在製作簡報的時候,其中一個螢幕維持閒置的狀態,所以這次的分享就是在四個情境之下,如何運用第二螢幕來提升製作簡報的效率。
都市生活急促,資訊、娛樂、注意力都變得碎片化。產品發佈的簡報,傳統上的獨腳戲單向述說,已經難以吸引住觀眾的目光。為了創造銷量與話題,各大品牌的簡報都需要跟著進化,為你分析八月的Samsung Galaxy Unpacked發佈會,當中節奏和鋪排的考量,固然也會點出可以改進的地方。
六邊形的形狀在商業簡報的設計中,可以擔當各種角色,例如是商業模型、資訊圖表,甚至是作為密鋪平面的視覺元素之用。奈何在PPT軟件預設的六邊形形狀,其實並非正六邊形。縱然坊間有不少的解決方法,但不夠簡單、容易出錯或需要重做。簡單的問題,並不需要複雜的解決方式,就跟大家分享兩種零技術、零難度的新辦法。
有些人說蘋果手機每每缺乏創新,熟悉的產品設計;也有些人說蘋果簡報往往只懂簡約,不變的大圖大字。疫情後的社會改變,手機拍攝功能的進步,令部分甚至全部預錄的簡報,更頻繁地出現在大家眼前。看輕別人的作品很省力容易,但既然有世界級的免費教材,就來學習一下預錄型簡報的實用技巧吧。 把
Netflix近期上架的紀錄片「救贖之隊:2008奧運男籃夢」(The Redeem Team),講述美國男子籃球經歷2004雅典奧運的挫敗後,如何透過反思、重組,最終在四年後的北京奧運重奪失落的金牌。頂尖好手也會被追上,你現在的簡報技巧同樣有保鮮期。那麼,職場簡報要小心哪四位默默在進步的對手?
職場上的表現,在技能和勞力以外,解題能力也造成你與其他人的分野。上一期的「改造實戰題」介紹了如何把圖表中的X軸標籤設定成兩行顯示,客戶可能希望標籤出現在一年四季四個數據點的正中央,可以怎樣解決?有了方法,又有沒有技巧使這方法更有效率?剛踏入了第四季,又是季度與年度報表的時節,上班族來學習實用技巧吧!
在職場工作的效率,視乎你怎樣運用手頭上的資源,例如知識、時間、軟件和硬件。隨著螢幕的價錢下跌,愈來愈多公司或是居家辦公室也用上了第二螢幕。然而,大多數人在製作簡報的時候,其中一個螢幕維持閒置的狀態,所以這次的分享就是在四個情境之下,如何運用第二螢幕來提升製作簡報的效率。
都市生活急促,資訊、娛樂、注意力都變得碎片化。產品發佈的簡報,傳統上的獨腳戲單向述說,已經難以吸引住觀眾的目光。為了創造銷量與話題,各大品牌的簡報都需要跟著進化,為你分析八月的Samsung Galaxy Unpacked發佈會,當中節奏和鋪排的考量,固然也會點出可以改進的地方。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
設計這種東東,完全靠自己來真是神TM花時間,那種說順便做個Logo很快,順便弄個Banner一下子就好的人,真的都應該自己做做看,才能知道到底有多燒腦和多累。 Canva適合零基礎的初學者,免安裝,操作簡單,免費版的功能就已經很好用,大家試試看吧!
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
框架,是思考、表達與問題解決的架構。善用商業框架與發想框架,就能發揮垂直與水平思考的綜效。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
設計這種東東,完全靠自己來真是神TM花時間,那種說順便做個Logo很快,順便弄個Banner一下子就好的人,真的都應該自己做做看,才能知道到底有多燒腦和多累。 Canva適合零基礎的初學者,免安裝,操作簡單,免費版的功能就已經很好用,大家試試看吧!
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
框架,是思考、表達與問題解決的架構。善用商業框架與發想框架,就能發揮垂直與水平思考的綜效。