[心得]《20道資料視覺化難題全解析》:心得筆記
圖文心得:
https://maxjamesread.com/solution-for-20-data-visualization-problems/
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
此書的作者劉奕酉是簡報.簡單報創辦人。是高效生產與資訊視覺化的專家。之前也曾介紹過他的《高產出的本事》。這本書融會、統整他長年資訊可視化的經驗,針對大家資料視覺化常有的痛點提出解答。
這篇心得會分三部分,第1部份會講解重要的視覺化原則;第2部份與第3部份則會分別介紹圖文與圖表的視覺化要點。
【1. 視覺化法則】
要將資訊視覺化前,必須先思考3個問題:
1.訊息傳達的目的是什麼?期待對方看完的反應?
2.如何做才能讓對方產生我們期待的反應?
3.要呈現的內容是什麼?如何呈現?
視覺化不是單把畫面設計得美,吸引觀眾注意就好,而是要確實將想傳達的訊息讓受眾準確吸收。書中強調,好理解永遠比好看重要。視覺化是為了降低溝通成本,只關注內容到吸不吸睛是本末倒置。
那要如何用視覺化,有效「溝通」呢?作者歸納出了三個視覺化的法則:
〔一、層次感:點〕
層次感是要的是凸顯焦「點」,讓受眾一眼就能看出主題與重點內容。可利用以下2步驟:
1.焦點確認
區別出資訊中的主題、重點與輔助內容分別是什麼。
2.資訊降噪
利用「對比」技巧,將重點凸顯出來。
〔二、結構性:線〕
結構性則是強調視「線」的指引,連結資訊彼此關聯,讓對方一眼就能看完內容。
比如可以運用人的視線習慣來排列化中元素,自然地引導觀眾閱讀:
https://imgur.com/eZpcVrq
人的視線習慣(引用自《20道資料視覺化難題全解析》)
另外,利用動畫導引觀眾視線,也是簡報時很常見的手法。
〔三、視覺化:面〕
最後,視覺化則是要優化畫「面」,藉由色彩、字型、版面配置等手段,提升畫面質感,讓人一眼就被吸引。
作者提出視覺化的5個原則:
1.留白
適度留白,能讓版面呼吸,減少壓迫感。
2.對齊
元素對正能讓畫面協調,使人舒服。
3.對比
創造層次感,創造視覺焦點。
4.親密
利用資訊的距離親疏,讓人一眼明白其中關連。
5.一致
藉由色彩、字型等要素的統一,創造畫面整體感。
由上,作者將高效資訊視覺化拆分成2個策略:
1.整理資訊脈絡
利用條列或心智圖等方式,整理資訊表達的邏輯。
2.實現資訊可視化
用層次感、結構性與視覺化做出成果。
書中對於上述觀念,都有提供詳細解說與大量範例。相當推薦大家仔細品讀。接下來兩個段落,我會針對圖文與圖表這兩大資訊類型,從書中各挑兩點與大家分享。
【2. 圖文小撇步】
〔一、大量文字調教〕
下圖這種文字條列式簡報相信大家都不陌生。內容仔細讀是沒問題,但聽眾吸收往往很差。那應該怎麼調整呢?
https://imgur.com/Au0cukt
多字簡報很難吸收(引用自《20道資料視覺化難題全解析》)
其實只要運用上述的2策略,就能讓簡報即便都是文字還是能易讀好吸收。首先要梳理資訊脈絡。可以用如下的簡單心智圖,重新排列資訊:
https://imgur.com/ElpFadp
用心智圖將資訊重新拆整(引用自《20道資料視覺化難題全解析》)
接著便要是資訊可視化派上用場的時候。先確認主題與重點:
1.主題
可攜式設備與儲存媒體管理的規則。
2.重點
「私人」、「中心配發」規則上的不同,加上其他零散注意事項。
藉由上面提過的留白、對齊、對比、親密等技巧,可將內容重整如下:
https://imgur.com/hm4OD6V
重新梳理、視覺化後的資料(引用自《20道資料視覺化難題全解析》)
如何,是不是清楚多了呢?
〔二、遮罩聚焦〕
一般我們想強調畫面重點時,常常會用紅框將內容圈起來。但這樣往往讓畫面更雜亂,看不清重點,如下圖的文字表格:
https://imgur.com/47DQy6f
紅框標示往往效果不佳(引用自《20道資料視覺化難題全解析》)
事實上有一個更好凸顯重點的方法:遮罩。除了把重點框起來,把不重要處淡化也會有一樣的強調效用。像下圖這樣用半透明遮罩,將想說明的資訊突出,效果反而更好。
https://imgur.com/EilxwNb
利用遮罩將重點資訊突出(引用自《20道資料視覺化難題全解析》)
【3. 圖表小撇步】
〔一、圖表〕
圖表是製作簡報時相當常見的元素。但資料要用哪種圖表來呈現,往往讓人相當困擾,因此作者再次搬出「點線面」原則讓大家有依循指標:
點:展現資料間的關聯
-散布圖:
呈現兩組資料的關聯或分布。
-泡泡圖:
呈現三組資料的關聯或分布。
線:展現資料隨時間的變化趨勢
-折線:
呈現單組或多組資料的變化趨勢。
-斜線:
呈現兩個時間點的資料變化。
面:展現資料間的規模比較
-長條:
呈現單組或多組資料的大小比較。
-圓餅:
展現多組資料的比例大小比較。
-瀑布:
呈現資料間增減變化過程。
-雷達:
呈現單組或多組資料在不同維度的比較。
至於相關圖表要如何視覺化,書中提供許多實際操作範例,大家就自行品味,才會更清楚要如何實際應用。
〔二、表格〕
表格也是很慣用的表達元素。然而如果只是將Excel表格複製貼上,易讀性其實很差,如下圖:
https://imgur.com/aD7KYkH
原始表格詳細但難以閱讀(引用自《20道資料視覺化難題全解析》)
面對這樣的問題可以一樣可以採用2策略法則。首先釐清資料脈絡,擷取需要部份就好。
https://imgur.com/juHjyHE
簡報只要將要說明內容擷出即可
接著再著手視覺,運用對齊、對比等方式優化表格,細節在這邊就不贅述。附上最後的成果,大家可以思考一下要如何將表格調整成這個樣子。
https://imgur.com/y4Ue6xN
【總結】
快速總結一下。首先,視覺化前要先動腦,梳理表達目的,梳理資訊表達的架構邏輯;接這再藉由點線面三法則,將資訊可視化;不管是文字、圖表或表格都可用這2階策略打理,讓內容變成易讀好懂。
這本書是我讀過最完整、全面的視覺化工具書。作者可說彙整他在商場征戰的精華,不但講述心法、觀念,更用多達35個範例實戰講解,見樹見林地剖析如何將資訊可視化。不管你要做工作簡報或是社群圖文,相信都能從中找到大量啟發。
相當推薦大家可以買來當做案頭書,不時與自己生產的內容參照。相信假以時日也能做出讓人一讀就懂視覺化內容!
--
姆斯的閱讀空間
FB: https://www.facebook.com/maxjamesread/
IG: https://www.instagram.com/maxjamesread/
--
爆
Re: [問卦] 石雕是如何雕出薄紗質感的?原文吃光光 轉貼給碰友看了原Po命題,收到了豪認真的回覆,順勢轉上PTT科科 ----------- 原Po問到石雕是怎麼雕的,這個問題分成幾個層面: 第一個層面是,石雕是用什麼工具雕的?以照片中大理石加工來說,我們這個年代是以人造爆
Re: [問卦] 為什麼多數圖文作家、網紅們都傾向某方以一個研究民進黨歷史20年, 同時過去也擔任20萬等級側翼粉專主人身分的告訴你, 這是各種時間、空間巧合下產生的因素。 如果你想了解怎麼會變得這樣,就請繼續看下去。 這邊的圖文作者,爆
[爆卦] 比少子化更加嚴重的國安危機,黑子化接續上篇 還沒看過的人建議可以先看上一篇 [爆卦] 比少子化更加嚴重的國安危機 QAQ" 很多自認清高的道德魔人會說:「黑二代」的出身不是問題,後天的環境才是問題。爆
[爆卦] 比少子化更加嚴重的國安危機 QAQ"所有人都知道少子化是台灣嚴重的國安危機 嚴重到新聞天天播,政府還設少子化辦公室,結果卻是更加少子化(O) 但其實還有更敏感,敏感到藍綠政黨與媒體都不敢報導的嚴重問題。 那就是「黑子化」問題爆
[問卦] 少子化辦公室具體來說是在做什麼的如題!問! 剛剛google少子化辦公室 搜尋結果都集中在17、18年 看到最近的一篇還是PTT的文章 不禁讓我好奇77
[問卦] 少子化辦公室的目的是什麼如題 雖然推行了許多方案 但感覺就是杯水車薪 會不會這個辦公室根本沒要人生 破島2300萬人真的太多38
[問卦] 鄧佳華跟誰拍A片視覺衝擊感最強?欸欸 FBI 暴牙哥 鄧佳華要出來拍A片 請問他跟哪個AV女優合作拍片 視覺衝擊感才會最強呢? 有沒有八卦?27
[問卦] 寫程式只要會用套件就好了吧?現在高階語言都很方便 Python R那些一堆屌套件可以用 分析、資料視覺化、機械學習 真正用到的 只需要幾行套件呼叫就解決 不用像學C Java 一樣在那邊土方煉鋼7
[問卦] 社群媒體粉專的總白癡化現象?現在社群粉專流行使用簡單的圖卡來進行行銷 用來宣揚理念等能夠快速閱讀的圖文創作 這算不算一種社會總白癡化的現象? 也有那種利用自身專業的形象譬如律師醫生等等角色定位 在粉專上侃侃而談各種和醫學不相干的大小事