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

閱讀時間約 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/),一口式內容,適合通勤時學習之用。
社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:[email protected]
為什麼會看到廣告
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言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
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
設計這種東東,完全靠自己來真是神TM花時間,那種說順便做個Logo很快,順便弄個Banner一下子就好的人,真的都應該自己做做看,才能知道到底有多燒腦和多累。 Canva適合零基礎的初學者,免安裝,操作簡單,免費版的功能就已經很好用,大家試試看吧!
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
框架,是思考、表達與問題解決的架構。善用商業框架與發想框架,就能發揮垂直與水平思考的綜效。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
抓蟲一定要到很原始的地方嗎? 城市會有昆蟲嗎? 和巨人老師一起在城市抓蟲, 《昆蟲特務》夏令營, 建構竹北昆蟲生態資訊圖!
Thumbnail
在台北市居住或上班的你,知道住處、上班地點附近有哪些社福單位嗎?
Thumbnail
設計這種東東,完全靠自己來真是神TM花時間,那種說順便做個Logo很快,順便弄個Banner一下子就好的人,真的都應該自己做做看,才能知道到底有多燒腦和多累。 Canva適合零基礎的初學者,免安裝,操作簡單,免費版的功能就已經很好用,大家試試看吧!
Thumbnail
總結來說,第二年的經營不僅不如預期,也不如第一年來的優秀,也因為疫情回到台灣,因此也沒有打算認真經營第三年,因此上述有提到第三年改善方案,也不打算去執行與驗證,純粹當作自己一個參考紀錄,供未來的自己回首時,方便回想自己當初的思路,與紀念自己曾經走過的路。
Thumbnail
框架,是思考、表達與問題解決的架構。善用商業框架與發想框架,就能發揮垂直與水平思考的綜效。