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

更新於 2024/12/20閱讀時間約 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
查看全部
avatar-img
發表第一個留言支持創作者!
六邊形的形狀在商業簡報的設計中,可以擔當各種角色,例如是商業模型、資訊圖表,甚至是作為密鋪平面的視覺元素之用。奈何在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
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
作為商業顧問,分析案例時其中一個重要的考慮是,「我們是否在解決一個正確的問題」,以免花時間心思與客戶同走冤枉路。面對資訊圖表初稿的時候,你會否不假思索地立刻進行改造,而沒有先反問一下,「這是否一個正確圖表類型的選擇」?適逢星宇航空不久前上市,我就以上市前業績發表會的圖表作為教材來分析解拆。
Thumbnail
在現今的數位時代,資訊圖表 (infographic) 已成為傳達複雜資訊的利器之一, 而創意滿滿的 ppt 插圖、海報、DM、宣傳手冊封面和其他視覺設計文案,更是各種活動、簡報和品牌行銷時不可或缺的一環。 本文將分享一個好用的 Midjourney 指令模板,可讓我們透過 AI 繪圖工具
Thumbnail
在這個變化快速,注意力短暫的網路世代,如何抓住閱聽人的眼球,就成為了一件值得思考的事情。這篇資訊設計課程評價,實際體驗了《讓圖不只是好看的-資訊設計思考力》這堂課程,告訴你課程重點有哪些?優缺點評價?以及實際上過課後的心得,並分享哪些人適合上。
Thumbnail
在商業簡報中,我們需要闡述不同層面的資訊與概念,常用的視覺化工具就是流程圖與資訊圖。然而大家對SmartArt的印象,都是沉悶或是老套。這次的分享就是如何在SmartArt之上,發揮簡單易明的技巧,那怕沒有設計背景,你也可以輕鬆做到專業耐看的資訊圖,不用再四處搜尋模板來改善投影片設計。
Thumbnail
之前示範過用Excel產出啞鈴圖,這一次我們繼續打破 #資訊視覺化 的迷思,軟體知識與編程技巧不一定是製作圖表的門檻。適逢 #台北捷運 踏進30年,我們就來看一下,如何在Excel製作出雙北捷運的路線圖,然後再配上不同的數據圖表,以顯示客量的分佈與變化。 鐵路或捷運路線圖,固然有專業軟體可
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
作為商業顧問,分析案例時其中一個重要的考慮是,「我們是否在解決一個正確的問題」,以免花時間心思與客戶同走冤枉路。面對資訊圖表初稿的時候,你會否不假思索地立刻進行改造,而沒有先反問一下,「這是否一個正確圖表類型的選擇」?適逢星宇航空不久前上市,我就以上市前業績發表會的圖表作為教材來分析解拆。
Thumbnail
在現今的數位時代,資訊圖表 (infographic) 已成為傳達複雜資訊的利器之一, 而創意滿滿的 ppt 插圖、海報、DM、宣傳手冊封面和其他視覺設計文案,更是各種活動、簡報和品牌行銷時不可或缺的一環。 本文將分享一個好用的 Midjourney 指令模板,可讓我們透過 AI 繪圖工具
Thumbnail
在這個變化快速,注意力短暫的網路世代,如何抓住閱聽人的眼球,就成為了一件值得思考的事情。這篇資訊設計課程評價,實際體驗了《讓圖不只是好看的-資訊設計思考力》這堂課程,告訴你課程重點有哪些?優缺點評價?以及實際上過課後的心得,並分享哪些人適合上。
Thumbnail
在商業簡報中,我們需要闡述不同層面的資訊與概念,常用的視覺化工具就是流程圖與資訊圖。然而大家對SmartArt的印象,都是沉悶或是老套。這次的分享就是如何在SmartArt之上,發揮簡單易明的技巧,那怕沒有設計背景,你也可以輕鬆做到專業耐看的資訊圖,不用再四處搜尋模板來改善投影片設計。
Thumbnail
之前示範過用Excel產出啞鈴圖,這一次我們繼續打破 #資訊視覺化 的迷思,軟體知識與編程技巧不一定是製作圖表的門檻。適逢 #台北捷運 踏進30年,我們就來看一下,如何在Excel製作出雙北捷運的路線圖,然後再配上不同的數據圖表,以顯示客量的分佈與變化。 鐵路或捷運路線圖,固然有專業軟體可
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!