我要消滅全世界的爛PPT!Google總監親自傳授:這幾種爛圖表別用

你的簡報讓人呵欠連連?Google總監教你如何設計圖解資訊抓住大家的目光!(圖/ImagineCup@ flickr)
你的簡報讓人呵欠連連?Google總監教你如何設計圖解資訊抓住大家的目光!(圖/ImagineCup@ flickr)

開始設計圖解資訊前,你一定要對某些關鍵問題有很清楚的答案。誰是聽眾?你要讓他們知道什麼?做出什麼行動?只有在設計者能夠簡單扼要地回答這些問題後,才能夠選擇出最適合幫忙傳遞訊息的呈現方式。無論是圖解資訊或其他視覺元素,好的資料視覺化絕對不是針對某個主題的資料大雜燴,而是要能說出背後的故事。

盡量別用的圖表:圓餅圖

到目前為止,我們討論了我在商業溝通時最常使用的視覺元素。此外,有幾種特定圖表最好避免使用:圓餅圖、環圈圖、3D 立體圖與雙(垂直)Y 座標軸,接下來將一一討論。

● 萬惡的圓餅圖

從我寫過的文字裡頭,便可輕易看出我有多不喜歡圓餅圖。簡而言之,圓餅圖是萬惡淵藪。要了解我為何會下此結論,就先來看個例子吧。

圖 2.21 的圓餅圖(依實例改編)呈現了 A、B、C、D 四個供應商的市占率。

我請你看看圖,並依圖告訴我哪間供應商的市占率最大,你會怎麼回答?大多人都會認為是右下方青色的「廠商 B 」市占率最高。如果要你預估廠商B的市占比例,你會如何回答?

頁72-73.jpg
 

「廠商B」看似面積最大,但實際數字為 31%,其實上方看似面積較小的「廠商 A」市占率更高。

我們來討論一下詮釋資料的過程出現了什麼問題吧。首先,最容易吸引聽眾目光(也最容易引起明眼觀眾懷疑)的便是這張圖採用的立體設計和古怪視角。整張圓餅圖以傾斜方式呈現,導致上方的區塊看似距離較遠,因此面積縮水了,下方的區塊則看似距離較近,面積有放大的錯覺。稍後將會繼續討論立體圖形,但是我現在就要先將一項相關的資料視覺化原則告訴各位:千萬別用立體圖!立體圖一點好處也沒有,甚至還會帶來一堆害處,上述便為立體圖扭曲數據視覺觀感的實例。

即便我們抽走立體設計、將圓餅圖回歸平面,資料詮釋還是有難度。人類的眼睛並不擅長判斷二元空間的量值。簡而言之:圓餅圖難以閱讀。若各個區塊的數值相近,要判斷雙方大小便會相當困難(甚或不可能辦到)。就算區塊尺寸差異明顯,你頂多也只能看出哪塊比較大,但無法精確說出大了多少。要克服這個難關,你也可以像上例般加上資料標籤,不過我還是認為不值得把空間分配給此類圖表。

那有什麼替代方案呢?其中一個辦法就是使用橫條圖取代圓餅圖,並以高到低或低到高排列(除非類別有其自然排序,如前述),如圖 2.23。記得,我們的眼睛看到長條圖時會自行比對端點。因為長條圖全都排列在同一條基線上,因此較容易判斷相對大小。這樣一來不只能得知哪個區段最大,還可以得知比其他區段大了百分之幾。

75.JPG
 

可能會有人認為圓餅圖轉換成長條圖會少了些味道,圓餅圖的獨特之處就是以圓滿的圖形表示各部分的組成。但是如果視覺元素難以閱讀,那這麼做真的值得嗎?圖 2.23 中,我加註了每個區段的總和為 100%。雖然這不是十全十美的解決辦法,但至少值得考慮一下。 (相關報導: 如何在3分鐘內寫好一封英文Email?掌握這4個步驟就行了 更多文章

如果你發現自己不小心用了圓餅圖,停下來問問自己:為什麼?如果你可以回答這個問題,代表你在選用圓餅圖前已經做過詳盡思考,但畢竟如上述所說,圓餅圖難以詮釋,還是不該做為你的首要選擇。

因為你,我們得以前進,你的支持是我們的動力
更多文章
太歲頭上動土!神像前香爐遭竊 監視器全都錄
美籍正妹的護照寄丟了 桃市暖心男警冒雨接送協助
國際獅子會慨捐醫療巡迴車及篩檢儀器 鄭文燦肯定義行
肯亞案》明天赴中遭取消?羅瑩雪:中國說人數和資料太多
柯文哲批遠雄有馬英九撐腰 總統府反擊:民調下滑 惡意牽拖
一碗紅豆湯看台南最美風景!高薪工程師辭職開三輪車環島,送溫暖給偏鄉老人家
桃市議員閻中傑:文化工作推動突顯族群 大家認同了嗎?
國泰世華桃園分行喬遷開幕 鄭文燦期許共同成長
北市府:新加坡巨蛋只要319億 遠雄:怎麼不拿460億的洋基新球場來比?
風數據》那些被都更趕走的人…房子蓋好了 家卻沒有了
在臉書還沒成為社群行銷利器之前⋯⋯400年前的歐洲貴族就在瘋「臉書」?
品行端正才能歸化? 移盟批政院版國籍法把新移民當嫌犯
116年來共19次規模8.3以上強震 兩大地震帶再度進入活躍期
塵爆案》假扣押八仙樂園1.69億 最高法院裁准
邁入下一個里程碑》全球疫情趨緩 155國更換小兒麻痺疫苗
銀行賣TRF傳幫企業作假帳 金管會啟動專案金檢
德國一流大學教你數學家的思考工具,將問題化繁為簡!
K他命當獎勵,雲林詐騙集團專騙中國人
上世紀初,女星穿褲裝竟被法國警察請出巴黎⋯女褲的演進就是一部時尚女權史
力推老人共食 集集公所辦理高齡料理製作培訓班
柯文哲為巨蛋哽咽 痛批「遠雄就是有馬英九在背後撐腰」
用英文烙狠話,高明的人都用這8招對付討厭鬼!罵人不帶髒字
死亡車禍頻傳 中市太平區光德路及長龍路列為危險路段
瞭解泰北孤軍奮鬥史 桃市議員謝彰文促成立異域故事館 
萬安演習下午2時結束 仍有民眾未避難遭警察攔阻
中國下達廣電「限童令」 《爸爸去哪兒》被點名批評
香港特首女兒耍特權?約2000人在機場靜坐抗議
國造高教機趕不上F-5E/F戰機汰換?空軍參謀長:已有因應計畫
如果你不支持古羅馬為「家族榮譽」殺死女兒,為何要強迫女學生穿短裙上學?
「自己錯了還怪人」 羅瑩雪坦承新聞稿針對黃國昌
如果全人類都吃素,一年可拯救800萬條人命!吃素到底有哪些好處?
除了女兒3000張,翁啟惠坦承可能有其他浩鼎股票
英國航空客機疑似撞上無人機 飛安專家:無人機釀事「只是時間問題」
究竟罵誰「自己錯了還怪人」? 羅瑩雪:我今天不想講
10萬人靠電信詐騙為生?!郭正亮:兩岸注定成為冤家
北市18座陸橋、34處地下道 柯P批准明年全拆除
「全民反詐騙行動大會獅」 全國同步、六都連線反詐騙
大小公司怎麼選?福利只是額外贈品?學長經驗談:從這3個層面考慮就對了
郭位退出中研院院長遴選 翁啟惠:名單不會改變
求職網高階主管:責任制就像吃到飽,想要便宜大碗,主管們就等著拉肚子!
微調課綱爭議 林萬億:新政府上任後將中止
肯亞案》「罵愈兇就會拖越久」 羅瑩雪:昨已與邱太三討論
影廳設置低頭族手機專區?反彈不斷 美國電影院急喊卡
喝咖啡賞「4月雪」 南投客家桐花祭浪漫登場
資方批爭7天假不公不義 勞團向工總商總抗議
坦承替女兒操作股票 綠委批翁啟惠「好傻好天真」