資訊圖表|跨年數據比較的視覺化:Small Multiples的設計和應用

更新於 2022/07/20閱讀時間約 6 分鐘
商業簡報除了需要好看吸引,也需要帶給決策者可付諸行動的洞見(actionable business intelligence)。在大家都可以找到的數據之上,如何做好篩選和分析,成就了你與其他人的分野。環觀全球仍是籠罩在後疫情、地緣政治、通漲升溫下,剛剛過去了的半年結,你的分析又為老闆帶來了一些甚麼?
今次我們來用真實的教材進行分析,來自台灣未來商務展,尼爾森愛科(NielsenIQ)作出帶關消費數據的簡報:
投影片採用了年增長率(YOY, year-over-year)的數據, 這是統計中常用的角度,可以消弭因季節而帶來的升降。舉例說,第四季的零售數字往往會因為節日假期因素而上升,因此與同年的第三季來作比較就沒有多大價值,反而應該跟往年的第四季數據來作比較,才能有所洞見。
至於投影片的設計方面,有四個建議可以跟大家分享:
  1. 購物車雖然跟消費數據有充足關係,然而雙顏色的填滿,容易使觀眾誤以為跟購物車正下方的增長數字有關。細看之下,兩者其實沒有關係,我們應該盡量把有機會使觀眾分心或誤會的設計拿走;
  2. 利用2021年度1H和Q4的數據來作出比較,一個是半年度,另一個是季度,雖然同樣使用以上提到的年增長率來比較,但是數據的時間跨度愈長,愈能夠消弭偶發性的變化,亦即是增長數字愈難呈現極端的情況。故此比較的時候應該是相同的時間跨度,例如是1H與2H之間,或是Q3與Q4之間。當然,在最新數據還未能獲得的情況下,是有機會出現類似這種不平衡的比較的,但是要留意的是,在這裡既然Q4的數據已經可以取得,那麼之前的Q3, 或是較廣的2H,也自然可以選用;
  3. 簡報的載具可能每次都不同,電腦或電視螢幕現在都有很高的對比和分辨率,然而碰上了使用銀幕作投射的場地,因為材質的對比度較低,這兩種綠色未免過於接近,觀眾容易分不清楚;
  4. 數據的四捨五入難以避免,如果作出比較的數字,四捨五入後是一樣,就需要擴充使用多一個小數位,否則數字是一樣而圖表不一樣,會影響專業的形象。另一方面當小數位不足的時候,也有機會在數字上跨大了增幅或跌幅,例如「超級市場」項目在投影片上是由7%下跌到6%,要是你偷看一下下圖,真正的數字是由6.6%跌至6.4%,觀眾的印象自然會有分別。
教材中的投影片利用長條圖作為視覺化的手段,如果觀眾需要比較某一項目與總項目之間趨勢的比較,就難免需要視線在水平方向來來回回。這種比較各個子項目跨年數據的比較,我們其實否以動用Small Multiples來作視覺化:
就如上圖所見,Small Multiples顧名思義就是將各個項目分拆成數量多而面積小的圖表,大小的比例以及兩軸的設定亦是一致的,我們也特意透過顏色去顯示出「綜合商品零售業」是總項目,進一步加快觀眾對圖表的理解。左右的完整比較之下,我們也可以發現,Small Multiples在採用了折線圖後,整體的空間感比長條圖高,視覺上的壓力也減輕了一點。
現在我們把其中一個項目放大來看,詳細分析一下當中的設計:
  1. 色彩運用:維持原本簡報的主題色(綠色)作為折線的顏色,轉為低沈一點點,太亮眼的主題色經過Small Multiples重疊起來,相反會令觀眾的視覺容易疲勞;總項目設定為淺灰色,並設定為虛線,有助減低注目度,因為在這一個小圖來說,主角是「超級市場業」的數據,視線也應該從它的折線出發;
  2. 數據比較:Small Multiples的好處是快速展現當前項目與總項目的關係,在每一個小圖中也可以立刻看出分野而不需要視線來來回回;這種快速比較還有兩種變奏可以考慮,灰色線條除了顯示總項目或總和以外,也可以是平均值,來顯示項目走勢是在平均數值以上還是以下;第二種變奏就是把其條項目的線條也通通加進小圖中,並設定為灰色,這樣做可以令觀眾在小圖範圍內已經可以作本項目與其餘項目的比較,員是要留意,當遇上某些數值非常接近,折線的重疊與密集也有機會帶來反效果;
  3. Y軸處理:在大數量而密集的圖表中,我們也要花心思進行簡化。因為我們只是比較兩個時間點的數據,而兩個數值也已經標示出來,所以把Y軸撤去也未嘗不可,來作出簡化。缺少了Y軸會否令小圖出現鬆散或是左搖右擺的感覺?我們可以把plotting area填上顏色,用低調又不搶眼球的方法,為小圖帶回垂直的架構和穩定;
  4. X軸處理:與Y軸相反,我們需要X軸的存在,來協助觀眾的視線去為折線的上升或下降作出衡量,同一時間我們可以把兩個數據點推向小圖的左右兩邊,充分利用空間,否則兩個數據點在小圖的正中央,看上去會缺乏支撐。做法非常簡單,只需要在X軸的設定選擇Axis position > On tick marks,一步到位完成。

也許你會奇怪,既然要保留X軸,為什麼X軸不是放在接近小圖的較底部,而是在大約中間的位置,令小圖的下半部看上空洞呢?
這是因為我們還有其他數據要顯示啊!
為了更正確了解背後的消費數據,我到了經濟部統計處的網站作交叉比較,發現了「綜合商品零售業」的總項目下面,其實有五個子項目而非教材中的三個!
在數據分析的過程中,當然會有機會進行篩選,我們也要避免出現confirmation bias的選擇,或是選擇令結論或是建議有所改變。
把完整數據圖表呈現之下,除了解說了為什麼X軸沒有往下調之外,考慮過所有數值後,你會否得出和教材一樣的結論呢?
為什麼文初會說數據「大家都可以找到」?經濟部統計處其實有很多各式商業數據,可以用來做簡報資料,甚至是視覺化設計的練習素材呢。
要是你想學習簡報或是視覺化設計,但喜歡看圖多於看文字,可以追蹤我的專頁,一口式內容,適合通勤時學習之用。
此篇文章會顯示動態置底廣告
為什麼會看到廣告
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
蘋果的軟硬件發佈會,產品受注目以外,很多人也留意簡報的字體、配色、動畫,希望收歸己用。外在的模仿相對容易,然而在簡報學習路途上,更重要是去理解背後的設計思維。在剛剛過去的蘋果WWDC,軟件功能總結的投影片,設計看上去簡單直接,仔細分析之下,發現這不甚起眼的一頁,背後已經應用了十種排版的思量和和技巧。
在簡報、文案以至是文書來往的過程中,我們需要闡述論點之間的關係,層層推進直到結論,利用邏輯的架構及相關的證據,去加強訊息的說服力。然而直線前進的解說,還遠不及多角度、立體化的註解,所以我們就來看一下,在英語的環境如何話峰一轉吧。
另一種需要預先看的情境,我們稱之為「pre-sell」,遇上全新的提案,或是有機會帶來爭議的內容,先逐個找來將會出席的部門談一下,簡介一下提案或是專案的背景和內容,了解一下對方的取態和立場,在可行的情況下說服對方的支持。無論結果是如何,你在開始簡報前,對於每位觀眾是否支持專案,心裡面已經有了一個底。
上個星期,我的第一本著作終於獻醜上市了。經過了幾個月近乎雙倍工作量的生活,每晚寫稿到半夜,終於有機會跟更多人分享自己的經驗和心得。雖然朋友覺得新書好看有用,始終是素人身份,要讀者拿起我的書來看也不是件容易的事情。在不少先進的推薦下,慢慢開始有了銷量,接下來跟大家分享一下這本書究竟寫了些甚麼。
簡報的過程中,其中一個能夠持續吸引觀眾注意力的原素,就是未知與驚喜,這就是為什麼產品發表會往往能辦得引人入勝。然而當我們回到了辦公室,不少公司也會規定,在內部會議之前要先把投影片傳閱。那麼會否就等於自揭底牌一般,讓簡報失去了驚喜的原素,甚至令觀眾只是低頭集中在看講義?
職場上無可避免的就是與人合作,作簡報當然也不例外。不同崗位、才幹、性格的人組合成團隊,事前的分工和在現場的合作都十分重要,否則除了令簡報變得肢離破碎,傳遞訊息的效果也會大受影響。然而有人的地方就自然有是非,合作途中又如何避免衝突和爭議,投映片最後在彙整的時候又如何盡量做到一致呢?
蘋果的軟硬件發佈會,產品受注目以外,很多人也留意簡報的字體、配色、動畫,希望收歸己用。外在的模仿相對容易,然而在簡報學習路途上,更重要是去理解背後的設計思維。在剛剛過去的蘋果WWDC,軟件功能總結的投影片,設計看上去簡單直接,仔細分析之下,發現這不甚起眼的一頁,背後已經應用了十種排版的思量和和技巧。
在簡報、文案以至是文書來往的過程中,我們需要闡述論點之間的關係,層層推進直到結論,利用邏輯的架構及相關的證據,去加強訊息的說服力。然而直線前進的解說,還遠不及多角度、立體化的註解,所以我們就來看一下,在英語的環境如何話峰一轉吧。
另一種需要預先看的情境,我們稱之為「pre-sell」,遇上全新的提案,或是有機會帶來爭議的內容,先逐個找來將會出席的部門談一下,簡介一下提案或是專案的背景和內容,了解一下對方的取態和立場,在可行的情況下說服對方的支持。無論結果是如何,你在開始簡報前,對於每位觀眾是否支持專案,心裡面已經有了一個底。
上個星期,我的第一本著作終於獻醜上市了。經過了幾個月近乎雙倍工作量的生活,每晚寫稿到半夜,終於有機會跟更多人分享自己的經驗和心得。雖然朋友覺得新書好看有用,始終是素人身份,要讀者拿起我的書來看也不是件容易的事情。在不少先進的推薦下,慢慢開始有了銷量,接下來跟大家分享一下這本書究竟寫了些甚麼。
簡報的過程中,其中一個能夠持續吸引觀眾注意力的原素,就是未知與驚喜,這就是為什麼產品發表會往往能辦得引人入勝。然而當我們回到了辦公室,不少公司也會規定,在內部會議之前要先把投影片傳閱。那麼會否就等於自揭底牌一般,讓簡報失去了驚喜的原素,甚至令觀眾只是低頭集中在看講義?
職場上無可避免的就是與人合作,作簡報當然也不例外。不同崗位、才幹、性格的人組合成團隊,事前的分工和在現場的合作都十分重要,否則除了令簡報變得肢離破碎,傳遞訊息的效果也會大受影響。然而有人的地方就自然有是非,合作途中又如何避免衝突和爭議,投映片最後在彙整的時候又如何盡量做到一致呢?
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
這篇文章即將介紹給你三個思考,學習如何使用筆記類型,讓記筆記創造更多價值。 因此,我覺得有意識地根據筆記為我們創造的價值,定義不同的筆記類型,還蠻重要的。
Thumbnail
我花了一點時間,研究圖表功能,並做了21支教學影片,讓同為『圖表淪落人』的上班族,可以從基礎開始,修煉你的圖表超能力
Thumbnail
你覺得自己懂得如何使用視覺化圖表嗎?資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。在這篇文章中,我將和你分享圖表選擇與使用的聰明對策!
Thumbnail
ga裡面最重要的兩項核心數據就是「維度」(Dimensions) 與「指標」(Metrics) ,透過維度、指標我們可以看到網站流量的所有資訊。其實這兩項數據名稱並沒有想象中艱深,所謂的維度可以看成一種篩選條件,也就是訪客特徵,而指標就是維度的單位,也就是訪客質量。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
Rainee分享了她如何接觸到知識圖卡的自學方法、建議新手入門時先上課、設計知識圖卡的工作流程和心流體驗,以及未來拓展知識圖卡應用範疇和探索新設計風格的規劃。
Thumbnail
這篇文是我自己的學習筆記,整理過後覺得挺值得分享的,就決定直接PO一篇文。 這邊只會紀錄重點跟脈絡,還有一些個人心得。 如果想要有仔細的案例講解,可以直接到Hahow購買線上課程, 課程名稱是《讓圖不只是好看的-資訊設計思考力!》。
Thumbnail
這個網站可以免費借閱圖書館電子書籍、影音、電子期刊。 註冊需要身分認證,可以使用身分證反面或使用自然人憑證認證。
Thumbnail
資訊可以很美麗!我精選了三個很擅長製作數據視覺化與資訊圖表的品牌,想跟大家分享。歡迎來看看!
Thumbnail
這篇文章即將介紹給你三個思考,學習如何使用筆記類型,讓記筆記創造更多價值。 因此,我覺得有意識地根據筆記為我們創造的價值,定義不同的筆記類型,還蠻重要的。
Thumbnail
我花了一點時間,研究圖表功能,並做了21支教學影片,讓同為『圖表淪落人』的上班族,可以從基礎開始,修煉你的圖表超能力
Thumbnail
你覺得自己懂得如何使用視覺化圖表嗎?資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。在這篇文章中,我將和你分享圖表選擇與使用的聰明對策!
Thumbnail
ga裡面最重要的兩項核心數據就是「維度」(Dimensions) 與「指標」(Metrics) ,透過維度、指標我們可以看到網站流量的所有資訊。其實這兩項數據名稱並沒有想象中艱深,所謂的維度可以看成一種篩選條件,也就是訪客特徵,而指標就是維度的單位,也就是訪客質量。