南丁格爾都曾修正的錯誤｜簡報中的平面設計陷阱
除了作為現代護理的先驅，南丁格爾創作的玫瑰圖也是數據可視化的一大突破。然而在代代相傳的完成品背後，玫瑰圖的創作過程中，她也曾犯上你和我也經常會犯的設計錯誤。她錯過了甚麼？如何作出修正？疫情下佔據新聞版面的資訊圖，以至上班族為公司預備的部門簡報，又有些甚麼類似的問題要注意呢？
南丁格爾的玫瑰圖是version 2？
小時候在校所學，南丁格爾(Florence Nightingale)就是白衣天使的代表，提著燈在夜裡為傷兵治療打氣。長大了慢慢學習數據表達，方才發現她在提倡改善衛生，以提高克里米亞戰爭中傷兵的存活率的時候，創作了後世稱頌的玫瑰圖。在與友人的書信中，她更流露出在為自己的信念與當權者周旋的時候，自己對資訊圖的熱情：
Whenever I am infuriated, I revenge myself with a new diagram.
以下就是後世很多數據書籍和展覽也有包括的南丁格爾玫瑰圖：
它以圖像化顯示了在衛生委員會到達醫院的前後（右為到達前，左為到達後，月份為順時針走向），傷兵死亡率尤其是死於併發症呈現的顯著下降，以此證明衛生對於英軍傷員存活的重要性。
每天每夜都困在自己辦公室的上班族，對於檔案命名例如version1, v1, v1.1, version_final, version_final_final，當然不會感到陌生，文件總會在各人的inbox之間來來往往。那麼，著名的玫瑰圖有v1嘛？
南丁格爾稱其為the bat's wing的雷達圖，就是玫瑰圖的前身：
作為version 1，當然沒有像玫瑰圖那樣舉世聞名。雷達圖要表達的是同一項數據，十二個軸線代表了一年中的十二個月，在雷達圖上的文字指出是以相關月份的面積來表達死亡率。然而南丁格爾發現了，自己所作的雷達圖，各軸線的長度其實是已經代表了當月死亡率，故此面積變相是跨大了啊！
面積與長度的比例是平方比，我們可以看看下圖，當數字增長成兩倍、三倍和四倍的時候，錯誤和正確使用面積的比較，誤差可是會愈走愈遠：
面積要正確表示，那麼數字增長到四倍的時候，面積亦應該增長到四倍（下半圖），而非上半圖的十六倍。
南丁格爾發現了自己的錯誤，就在雷達圖附上了說明文字；不久就以更新了的玫瑰圖新設計來取替了它。玫瑰圖使用了面積去表達出死亡率，修正了雷達圖帶來印象的誇張。
既然是著名設計，那我把所有簡報都轉成面積圖可以嗎？
面積圖，正方形也好，圓形也好，適合於表達數據的分野、分佈或趨勢。 要是你想談幾個數據點之間的確切關係，人的視覺是很難直覺地判斷兩個形狀之間的差異有多大。
就拿上圖做一個例子。橙色線是一倍（5）的基線形狀，再放到其他形狀上作提示。除了四倍的分野很明顯以外，要是遮蔽了左面的解說，只比較形狀與橙色線，你們可以一眼看穿是代表了數據增長了兩倍和三倍嗎？更何況，實際情況中數據點之間往往都不是整數的比例。
長條圖和折線圖用多了，有一些網站和書藉都提倡，使用形狀來表達數字，「今晚來點不一樣的」，然而這樣做很容易墜進了設計的陷阱。當採用非幾何形狀，例如人形、國家地圖等，要是從寬度或高度作分割，步驟上是很容易，但實際面積分割，因為不規則的形狀，自然數字上會是錯誤的。要是堅持數字上絕對正確，從面積著手分割，不單費工，部分觀眾也可能仍然以寬度、高度去理解你的形狀：
好像怎麼做也好像會引來部分觀眾的誤解，那如何是好？可以選擇少採用這種方法，或是更細分地使用，例如要表達七成人口，可以用十個人形，再把其中七個著色；或是用上五個人形，再把三個半著色，不過記著是左右分割，人形才在視覺和面積上都是剛剛好一半。
面積圖的普遍（錯誤）例子：泡泡圖
在疫情和社交媒體兩大趨勢下，資訊圖的使用得以變得普及。面積圖，尤其是泡泡圖也大量地被使用。看到這裡你當然會明白，最普遍的錯誤觀念就是把泡泡的半徑，成比例地增長，而令面積成平方的比例錯誤增加。
那麼退後一步說，為什麼要用泡泡圖？
長條圖，折線圖，scatter plot等，都能顯示兩個數據之間的關係；泡泡圖帶來了面積（當比例沒有被搞錯的時候），成為了第三種數據。舉例說，社區之間的疫情分佈，上下左右兩軸可以在地圖上代表社區或街區的位置，泡泡的面積就代表了確診者的數目。
泡泡圖可以再加上第四層資訊嗎？有三種可能性：
- 以顏色的深淺去表達一個數列，愈深色代表一種意思。不過有些觀眾對顏色不大敏感，或是簡報的載具，例如舊式投映機，未必能清楚顯示出各個顏色深淺的分野，這種方法要小心使用；
- 以兩種顏色去表達兩種數據，例如紅色是女性受訪者，男性則是藍色等；
- 以顏色去表達數據上的分野，例如一種顏色代表一個國家，我們在很多全球疫情比較的資訊圖也有看過。
除了多層數據表達以外，面積圖或泡泡圖等有沒有其他的好處？就是利用次方的面積比。遇上距離很大的數據點，例如平均數據約在單位數的水平，只有一個數據是差異成幾十倍，使用長條圖，那怕是把投影片的寬度都用盡，也未必能美觀地呈現數據。有些人會把長條斬開，加上閃電圖案去指出數據的斷續，但這樣做會令數據變得不符比例。
利用次方的面積比，幾十倍的差距也可以壓縮得可以在投影片展示出來，反過來用平方根來幫助自己：
泡泡圖還有沒有第五層數據？2017年去世的著名國際健康專家Hans Rosling，在2007年TED talk的簡報，加入了再多一層的數據 - 時間，配合動畫，至今仍為一時的經典。
分享至
成為作者繼續創作的動力吧！
© 2024 vocus All rights reserved.