方格精選

南丁格爾都曾修正的錯誤|簡報中的平面設計陷阱

更新於 發佈於 閱讀時間約 6 分鐘

除了作為現代護理的先驅,南丁格爾創作的玫瑰圖也是數據可視化的一大突破。然而在代代相傳的完成品背後,玫瑰圖的創作過程中,她也曾犯上你和我也經常會犯的設計錯誤。她錯過了甚麼?如何作出修正?疫情下佔據新聞版面的資訊圖,以至上班族為公司預備的部門簡報,又有些甚麼類似的問題要注意呢?


南丁格爾的玫瑰圖是version 2?

小時候在校所學,南丁格爾(Florence Nightingale)就是白衣天使的代表,提著燈在夜裡為傷兵治療打氣。長大了慢慢學習數據表達,方才發現她在提倡改善衛生,以提高克里米亞戰爭中傷兵的存活率的時候,創作了後世稱頌的玫瑰圖。在與友人的書信中,她更流露出在為自己的信念與當權者周旋的時候,自己對資訊圖的熱情:

Whenever I am infuriated, I revenge myself with a new diagram.

以下就是後世很多數據書籍和展覽也有包括的南丁格爾玫瑰圖:

raw-image

它以圖像化顯示了在衛生委員會到達醫院的前後(右為到達前,左為到達後,月份為順時針走向),傷兵死亡率尤其是死於併發症呈現的顯著下降,以此證明衛生對於英軍傷員存活的重要性。

每天每夜都困在自己辦公室的上班族,對於檔案命名例如version1, v1, v1.1, version_final, version_final_final,當然不會感到陌生,文件總會在各人的inbox之間來來往往。那麼,著名的玫瑰圖有v1嘛?

南丁格爾稱其為the bat's wing的雷達圖,就是玫瑰圖的前身:

raw-image

作為version 1,當然沒有像玫瑰圖那樣舉世聞名。雷達圖要表達的是同一項數據,十二個軸線代表了一年中的十二個月,在雷達圖上的文字指出是以相關月份的面積來表達死亡率。然而南丁格爾發現了,自己所作的雷達圖,各軸線的長度其實是已經代表了當月死亡率,故此面積變相是跨大了啊!

面積與長度的比例是平方比,我們可以看看下圖,當數字增長成兩倍、三倍和四倍的時候,錯誤和正確使用面積的比較,誤差可是會愈走愈遠:

raw-image

面積要正確表示,那麼數字增長到四倍的時候,面積亦應該增長到四倍(下半圖),而非上半圖的十六倍。

南丁格爾發現了自己的錯誤,就在雷達圖附上了說明文字;不久就以更新了的玫瑰圖新設計來取替了它。玫瑰圖使用了面積去表達出死亡率,修正了雷達圖帶來印象的誇張。


既然是著名設計,那我把所有簡報都轉成面積圖可以嗎?

面積圖,正方形也好,圓形也好,適合於表達數據的分野、分佈或趨勢。 要是你想談幾個數據點之間的確切關係,人的視覺是很難直覺地判斷兩個形狀之間的差異有多大。

就拿上圖做一個例子。橙色線是一倍(5)的基線形狀,再放到其他形狀上作提示。除了四倍的分野很明顯以外,要是遮蔽了左面的解說,只比較形狀與橙色線,你們可以一眼看穿是代表了數據增長了兩倍和三倍嗎?更何況,實際情況中數據點之間往往都不是整數的比例。

raw-image


長條圖和折線圖用多了,有一些網站和書藉都提倡,使用形狀來表達數字,「今晚來點不一樣的」,然而這樣做很容易墜進了設計的陷阱。當採用非幾何形狀,例如人形、國家地圖等,要是從寬度或高度作分割,步驟上是很容易,但實際面積分割,因為不規則的形狀,自然數字上會是錯誤的。要是堅持數字上絕對正確,從面積著手分割,不單費工,部分觀眾也可能仍然以寬度、高度去理解你的形狀:

raw-image

好像怎麼做也好像會引來部分觀眾的誤解,那如何是好?可以選擇少採用這種方法,或是更細分地使用,例如要表達七成人口,可以用十個人形,再把其中七個著色;或是用上五個人形,再把三個半著色,不過記著是左右分割,人形才在視覺和面積上都是剛剛好一半。


面積圖的普遍(錯誤)例子:泡泡圖

在疫情和社交媒體兩大趨勢下,資訊圖的使用得以變得普及。面積圖,尤其是泡泡圖也大量地被使用。看到這裡你當然會明白,最普遍的錯誤觀念就是把泡泡的半徑,成比例地增長,而令面積成平方的比例錯誤增加。

那麼退後一步說,為什麼要用泡泡圖?

長條圖,折線圖,scatter plot等,都能顯示兩個數據之間的關係;泡泡圖帶來了面積(當比例沒有被搞錯的時候),成為了第三種數據。舉例說,社區之間的疫情分佈,上下左右兩軸可以在地圖上代表社區或街區的位置,泡泡的面積就代表了確診者的數目。

raw-image

泡泡圖可以再加上第四層資訊嗎?有三種可能性:

  • 以顏色的深淺去表達一個數列,愈深色代表一種意思。不過有些觀眾對顏色不大敏感,或是簡報的載具,例如舊式投映機,未必能清楚顯示出各個顏色深淺的分野,這種方法要小心使用;
  • 以兩種顏色去表達兩種數據,例如紅色是女性受訪者,男性則是藍色等;
  • 以顏色去表達數據上的分野,例如一種顏色代表一個國家,我們在很多全球疫情比較的資訊圖也有看過。
raw-image

除了多層數據表達以外,面積圖或泡泡圖等有沒有其他的好處?就是利用次方的面積比。遇上距離很大的數據點,例如平均數據約在單位數的水平,只有一個數據是差異成幾十倍,使用長條圖,那怕是把投影片的寬度都用盡,也未必能美觀地呈現數據。有些人會把長條斬開,加上閃電圖案去指出數據的斷續,但這樣做會令數據變得不符比例。

利用次方的面積比,幾十倍的差距也可以壓縮得可以在投影片展示出來,反過來用平方根來幫助自己:

raw-image


泡泡圖還有沒有第五層數據?2017年去世的著名國際健康專家Hans Rosling,在2007年TED talk的簡報,加入了再多一層的數據 - 時間,配合動畫,至今仍為一時的經典。

raw-image


留言
avatar-img
留言分享你的想法!
avatar-img
上班族簡報日常的沙龍
134會員
78內容數
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
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
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
接著第一篇的分享,我有提到在Postcrossing上遇到了一個影響我很深的荷蘭朋友。 想要寫下她的故事也是我開始想在方格子寫文的原因之一。
Thumbnail
接著第一篇的分享,我有提到在Postcrossing上遇到了一個影響我很深的荷蘭朋友。 想要寫下她的故事也是我開始想在方格子寫文的原因之一。
Thumbnail
解不開的數學難題,正是那座著名的「哥德巴赫金字塔圖」,女主角瑪格麗特是堆砌這座塔的數字信徒之一,卻像教授所說的這可能會成為耗盡她一生的無底洞。數學博士班的最後一年,剛受訪完的瑪格麗特是教授眼中的明星學生,想不到竟在論文面試當天遭受重大的挫敗,加上教授轉而幫助新學生的背叛舉動,讓從小到大沈浸在數學世界
Thumbnail
解不開的數學難題,正是那座著名的「哥德巴赫金字塔圖」,女主角瑪格麗特是堆砌這座塔的數字信徒之一,卻像教授所說的這可能會成為耗盡她一生的無底洞。數學博士班的最後一年,剛受訪完的瑪格麗特是教授眼中的明星學生,想不到竟在論文面試當天遭受重大的挫敗,加上教授轉而幫助新學生的背叛舉動,讓從小到大沈浸在數學世界
Thumbnail
世界知名畫作《蒙娜麗莎》,有人說是達文西自畫像,有人說背後有達文西暗藏的密碼,更有人說這幅畫的女主角會盯著你看!本文介紹其來歷、背後故事,以及她憑什麼成為世界名畫?!
Thumbnail
世界知名畫作《蒙娜麗莎》,有人說是達文西自畫像,有人說背後有達文西暗藏的密碼,更有人說這幅畫的女主角會盯著你看!本文介紹其來歷、背後故事,以及她憑什麼成為世界名畫?!
Thumbnail
蒙娜麗莎的微笑是世界上最著名的藝術品之一,也是文藝復興時期大師達文西的代表作之一。 這幅畫作於16世紀初期創作,現藏於法國巴黎的羅浮宮博物館。 蒙娜麗莎的微笑以其神秘和迷人的表情而聞名於世。 這幅畫描繪了一位女性的半身像,她微微地露出一個微笑,看起來既溫柔又神秘。 種微妙的表情使得觀賞者無法
Thumbnail
蒙娜麗莎的微笑是世界上最著名的藝術品之一,也是文藝復興時期大師達文西的代表作之一。 這幅畫作於16世紀初期創作,現藏於法國巴黎的羅浮宮博物館。 蒙娜麗莎的微笑以其神秘和迷人的表情而聞名於世。 這幅畫描繪了一位女性的半身像,她微微地露出一個微笑,看起來既溫柔又神秘。 種微妙的表情使得觀賞者無法
Thumbnail
假如輪廓線條描繪得模糊,形狀曖昧之處沒入陰影裡,那麼就會留下相當大的想像空間。一開始的時候,達文西的確畫的是一位女士.....
Thumbnail
假如輪廓線條描繪得模糊,形狀曖昧之處沒入陰影裡,那麼就會留下相當大的想像空間。一開始的時候,達文西的確畫的是一位女士.....
Thumbnail
「即使面對困難,南丁格爾仍然堅持不懈,最終為護理開闢了全新的世界!」 出版後好評急速上升!大人小孩都能看得很開心的名人傳記 【漫畫版名人傳】系列,帶你用深入淺出的方式,了解名人偉人的人生成長經緯 ▶出身富裕人家的南丁格爾為什麼走上護理師的道路? ▶用數學及統計學的資料佐證,促進衛生改革
Thumbnail
「即使面對困難,南丁格爾仍然堅持不懈,最終為護理開闢了全新的世界!」 出版後好評急速上升!大人小孩都能看得很開心的名人傳記 【漫畫版名人傳】系列,帶你用深入淺出的方式,了解名人偉人的人生成長經緯 ▶出身富裕人家的南丁格爾為什麼走上護理師的道路? ▶用數學及統計學的資料佐證,促進衛生改革
Thumbnail
閱讀時間:2022.8 閱讀媒介:實體書 書籍來源:闕又上抽書活動 出版時間:2021.8.10初版,2022.2.25五刷 ISBN: 9786267012079 #畫家 #傳記 #畫論
Thumbnail
閱讀時間:2022.8 閱讀媒介:實體書 書籍來源:闕又上抽書活動 出版時間:2021.8.10初版,2022.2.25五刷 ISBN: 9786267012079 #畫家 #傳記 #畫論
Thumbnail
一位設計界的前輩加班接案的故事。
Thumbnail
一位設計界的前輩加班接案的故事。
Thumbnail
除了作為現代護理的先驅,南丁格爾創作的玫瑰圖也是數據可視化的一大突破。然而在代代相傳的完成品背後,玫瑰圖的創作過程中,她也曾犯上你和我也經常會犯的設計錯誤。她錯過了甚麼?如何作出修正?疫情下佔據新聞版面的資訊圖,以至上班族為公司預備的部門簡報,又有些甚麼類似的問題要注意呢?
Thumbnail
除了作為現代護理的先驅,南丁格爾創作的玫瑰圖也是數據可視化的一大突破。然而在代代相傳的完成品背後,玫瑰圖的創作過程中,她也曾犯上你和我也經常會犯的設計錯誤。她錯過了甚麼?如何作出修正?疫情下佔據新聞版面的資訊圖,以至上班族為公司預備的部門簡報,又有些甚麼類似的問題要注意呢?
Thumbnail
有時候傳記之所以會讓人失去耐性,就是在於他們離真實生活太遠了點,而那些改變世界的非凡人物往往被塑造得「神格化」而遙不可及....
Thumbnail
有時候傳記之所以會讓人失去耐性,就是在於他們離真實生活太遠了點,而那些改變世界的非凡人物往往被塑造得「神格化」而遙不可及....
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News