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

更新於 發佈於 閱讀時間約 7 分鐘
商業簡報除了需要好看吸引,也需要帶給決策者可付諸行動的洞見(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軸沒有往下調之外,考慮過所有數值後,你會否得出和教材一樣的結論呢?

為什麼文初會說數據「大家都可以找到」?經濟部統計處其實有很多各式商業數據,可以用來做簡報資料,甚至是視覺化設計的練習素材呢。

資料庫查詢:https://dmz26.moea.gov.tw/GA/query/Query.aspx

視覺化圖表:https://dmz26.moea.gov.tw/GA/visualize/Visualize.aspx

要是你想學習簡報或是視覺化設計,但喜歡看圖多於看文字,可以追蹤我的專頁,一口式內容,適合通勤時學習之用。

留言
avatar-img
留言分享你的想法!
avatar-img
上班族簡報日常的沙龍
132會員
77內容數
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
2025/03/24
「生成內容」已經是辦公室必備的競爭力,無論是文件、電郵、圖像、簡報,都有不同的生成應用。但你又是否知道,Excel本身也有生成內容的函數,讓你不用把算式往下拉、根據今天日期更新過去十二個月數據的圖表、甚至動態建立階梯式收費或稅項表格? 個人實戰的經驗是,用好Excel函數的秘訣,不在於把問題全
Thumbnail
2025/03/24
「生成內容」已經是辦公室必備的競爭力,無論是文件、電郵、圖像、簡報,都有不同的生成應用。但你又是否知道,Excel本身也有生成內容的函數,讓你不用把算式往下拉、根據今天日期更新過去十二個月數據的圖表、甚至動態建立階梯式收費或稅項表格? 個人實戰的經驗是,用好Excel函數的秘訣,不在於把問題全
Thumbnail
2025/02/17
簡報要用上的圖片,可以從生成或圖庫而來,或是材料中的圖表只有圖片版本,當我們想突顯圖片中某些部分,來作重點的強調與說明,除了畫個礙眼的紅色方框,可以從何入手呢?對烹飪有所要求的廚師,處理食材時會用上不同的工具。在職場打滾的上班族也如是,掌握解決同一個問題的多種方法,就能夠靈活運用不同的解題角度。
Thumbnail
2025/02/17
簡報要用上的圖片,可以從生成或圖庫而來,或是材料中的圖表只有圖片版本,當我們想突顯圖片中某些部分,來作重點的強調與說明,除了畫個礙眼的紅色方框,可以從何入手呢?對烹飪有所要求的廚師,處理食材時會用上不同的工具。在職場打滾的上班族也如是,掌握解決同一個問題的多種方法,就能夠靈活運用不同的解題角度。
Thumbnail
2025/01/13
來到了一月,無論你身處的地方,是會計年度的剛剛開始,或是財政年度的快要結束,這都是年度匯報與簡報的繁忙時期。業績簡報、晉升報告、部門大會接踵而來,有沒有因此而感到煩惱?國際簡報系列,我們觀摩過美韓等地的企業,這一站來到了日本。
Thumbnail
2025/01/13
來到了一月,無論你身處的地方,是會計年度的剛剛開始,或是財政年度的快要結束,這都是年度匯報與簡報的繁忙時期。業績簡報、晉升報告、部門大會接踵而來,有沒有因此而感到煩惱?國際簡報系列,我們觀摩過美韓等地的企業,這一站來到了日本。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
提供一條簡單公式、一套盤點思路,幫助你快速算出去日本自助旅遊需要準備多少日幣現金!
Thumbnail
提供一條簡單公式、一套盤點思路,幫助你快速算出去日本自助旅遊需要準備多少日幣現金!
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
直接用例子舉例,下圖的數據用眼睛看很難看出相關比較與趨勢,但是如果畫成圖表呢?密密麻麻好幾條線,要看出趨勢對於眼睛來說是個很大的考驗,那麼改怎麼做才能將這樣的數據可視化呢? 今天將會提供三種方法 可以先下載檔案一邊看教學一邊練習,這樣才不會忘記唷 檔案下載 第一種:設定格式化條件 設定格式化條件裡面
Thumbnail
在商業簡報中,資訊圖表有助於展示數據的趨勢。當要呈現多項數據的前後比較時,分項式的長條圖就很常見。如果我們想更視覺化地展示數據變化的幅度,讓觀眾一看便知道哪項差距最大,可改用啞鈴圖。你可能會說,Office預設圖表類型沒有啞鈴圖,需要用上其他軟體或編程吧?其實,單單運用Excel就可以造出啞鈴圖呢。
Thumbnail
在商業簡報中,資訊圖表有助於展示數據的趨勢。當要呈現多項數據的前後比較時,分項式的長條圖就很常見。如果我們想更視覺化地展示數據變化的幅度,讓觀眾一看便知道哪項差距最大,可改用啞鈴圖。你可能會說,Office預設圖表類型沒有啞鈴圖,需要用上其他軟體或編程吧?其實,單單運用Excel就可以造出啞鈴圖呢。
Thumbnail
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
Thumbnail
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
Thumbnail
選擇資訊圖表,或是應用可視化工具,背後重要的心法,都是如何有效地帶出訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、報告中常見的角度。為了搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表的「為什麼」與「怎麼做」。
Thumbnail
選擇資訊圖表,或是應用可視化工具,背後重要的心法,都是如何有效地帶出訊息,以及減少圖表當中的雜訊。兩項數據的比較,是在簡報、報告中常見的角度。為了搶眼球的改造有很多高手,然而很少人會跟你詳談為了提煉訊息傳遞的修正方法,讓我繼續透過商業世界的真實數據比較例子,分享改造資訊圖表的「為什麼」與「怎麼做」。
Thumbnail
職場上的表現,在技能和勞力以外,解題能力也造成你與其他人的分野。上一期的「改造實戰題」介紹了如何把圖表中的X軸標籤設定成兩行顯示,客戶可能希望標籤出現在一年四季四個數據點的正中央,可以怎樣解決?有了方法,又有沒有技巧使這方法更有效率?剛踏入了第四季,又是季度與年度報表的時節,上班族來學習實用技巧吧!
Thumbnail
職場上的表現,在技能和勞力以外,解題能力也造成你與其他人的分野。上一期的「改造實戰題」介紹了如何把圖表中的X軸標籤設定成兩行顯示,客戶可能希望標籤出現在一年四季四個數據點的正中央,可以怎樣解決?有了方法,又有沒有技巧使這方法更有效率?剛踏入了第四季,又是季度與年度報表的時節,上班族來學習實用技巧吧!
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
辛苦做好了數據的收集和分析,資訊圖表的設計和製作就成為了最後的一哩路。好的設計能讓觀眾一眼看出你想表達的說法和結論,所靠的就是數據的有效呈現和突顯,能夠配合訊息、營造呼應的效果。我們從業界的真實例子出發,逐步分析和修正折線圖的設計和數據突顯。
Thumbnail
商業簡報除了需要好看吸引,也需要帶給決策者可付諸行動的洞見(actionable business intelligence)。在大家都可以找到的數據之上,如何做好篩選和分析,成就了你與其他人的分野。環觀全球仍是籠罩在後疫情、地緣政治、通漲升溫下,剛剛過去了的半年結,你的分析又為老闆帶來了一些甚麼?
Thumbnail
商業簡報除了需要好看吸引,也需要帶給決策者可付諸行動的洞見(actionable business intelligence)。在大家都可以找到的數據之上,如何做好篩選和分析,成就了你與其他人的分野。環觀全球仍是籠罩在後疫情、地緣政治、通漲升溫下,剛剛過去了的半年結,你的分析又為老闆帶來了一些甚麼?
Thumbnail
你覺得自己懂得如何使用視覺化圖表嗎?資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。在這篇文章中,我將和你分享圖表選擇與使用的聰明對策!
Thumbnail
你覺得自己懂得如何使用視覺化圖表嗎?資料隨手可得、工具使用方便,人人都可以做出一張圖表,但沒有讓溝通變得更輕鬆,反而產生了更多問題;手邊的資料愈多,卻愈難去蕪存菁、展現出關鍵的訊息。在這篇文章中,我將和你分享圖表選擇與使用的聰明對策!
Thumbnail
本文將介紹如何針對細產業指標或是上市櫃指數進行篩選,選出有潛力的強勢族群!
Thumbnail
本文將介紹如何針對細產業指標或是上市櫃指數進行篩選,選出有潛力的強勢族群!
Thumbnail
如果圓餅圖有其壞處,那麼就用長條圖來取代它吧!但是在跨時期的數據比較上,哪一種長條圖才適合呢?又有那一種情況下,圓餅/圓環圖會展現出自己的優勢呢? 承接上一篇文章,有一些公司或是媒體,在年報或是分析當中,捨難取易地先採用一年一個圓餅圖的方式,去展現佔有率的變化...
Thumbnail
如果圓餅圖有其壞處,那麼就用長條圖來取代它吧!但是在跨時期的數據比較上,哪一種長條圖才適合呢?又有那一種情況下,圓餅/圓環圖會展現出自己的優勢呢? 承接上一篇文章,有一些公司或是媒體,在年報或是分析當中,捨難取易地先採用一年一個圓餅圖的方式,去展現佔有率的變化...
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News