哈佛教你做出好圖表實作聖經: 哈佛商業評論首度公開資料視覺化製作技術, 精準掌握24圖表模組X6關鍵說服力X3大優化祕訣 | 誠品線上

Good Charts Workbook: Tips, Tools, and Exercises for Making Better Data Visualizations

內容簡介

內容簡介 數位時代，掌握圖表意謂看懂數據、分析趨勢、布局未來。這樣的人懂得簡報第一眼必須是吸引目光、有衝擊性、表達你真正想傳達的，進而改變結果。 《哈佛商業評論》資料視覺化專家史考特．貝里托納(Scott Berinato)在《哈佛教你做出好圖表》提出資料視覺化的思考技術，但他發現人們被一個問題卡住：第一步要從何開始？執行上遇到各樣的問題：用什麼工具才能做出好圖表？有什麼技巧讓圖表一秒讀懂？選擇圖表的標準是什麼？如何把數據轉為觀點？ 這些問題正如「魔鬼藏在細節裡」，貝里托納認為三個最常被忽略的細節都能回答──色彩排列、圖表類型、故事說服力，也是圖表脫穎而出的關鍵。實作聖經提供數十種實際案例，以「修改前」、「修改後」對照比較，讓概念升級為技術，解決所有執行上面的難題。 1.如果時間只夠改善圖表的一件事，最必要做的是什麼？ ◎簡化顏色種類。不使用軟體隨機配對的顏色，擾亂視線。 ◎顏色的存在讓最突出的資訊發光成為亮點。要限制觀眾可以聚焦的位置。以對比色能創造出變數跟突出觀點，互補色能顯示強弱，馬上就能引導觀眾的情緒。 2.一張觀點清晰的圖表，不須簡報者開口，觀眾就能看懂。 ◎刪除多餘內容，「我是不是需要它們？」一個問題整理出圖表重要內容。 例：「銷售與收入」的標題若已是雙軸標籤，應重整讓標題更有啟發性。 ◎標題文字用來敘述衝擊性的概念，而非圖表結構。 例：「店內促銷的長尾週期」 VS. 「促銷比較結果，球鞋的表現比夾克好」 3.有衝擊性的圖表，文字與口語應該具備何種結構？ 背景（setup）：讓我向你展示一些現實。 衝突（conflict）：這是在現實中發生的一些事情。 最終解答（resolution）：這是衝突後的新現實。 4.選擇合適圖表的標準是什麼？ 四個問題可以幫你精準掌握圖表型態 ◎做一個比較？ ◎顯示分布？ ◎顯示比例？ ◎ 繪製圖表？ ◎展示一個非統計的概念？ 除了以上優化的祕訣，作者整理出讓簡報更與眾不同的技巧： ◎如何從散亂的資料整理成一流圖表? ◎當圖表要製作成Powerpoint，投影片應該要限制在多少張內才合理？ ◎圖表的標題最重要的功能是什麼? ◎如何使用指示線、分隔線和簡單的標籤就能挑起觀眾的危機感? ◎除了數據圖表，如何能做好概念式圖表？ ◎學會把圖表的資料對齊，馬上提高讀者的理解速度 實作聖經幫助大家快速提升資料視覺化思考技術、活用概念、優化說服力，圖表新手變成簡報高手。

各界推薦

各界推薦 【國際推薦】 「真希望這本書是我寫的！」《跟誰簡報都成功》作者、簡報教母南西。杜爾特（Nancy Duarte） 「作者完全懂得製作簡報的難處，以接地氣的例子與觀點鼓勵簡報新手，可說是年度設計書。」CO.DESIGN《Fast Company》 「這是一本優雅的著作，當大家都說『PowerPoint已死』，本書則給出解套，也對該主題有全面且吸引力的介紹。」Choice 「本書提出太多好例子，壞例子和真的很醜陋的例子，這些都是改善簡報的實用技巧。」愛爾蘭時報

作者介紹

作者介紹 史考特．貝里納托史考特．貝里納托（Scott Berinato）／資料視覺化玩家 《哈佛商業評論》 的資深編輯。除了在雜誌社建立了成功的「視覺聲明」（Vision Statement）部門，他也著述和編輯了許多文章，發表在《哈佛商業評論》和其他頂尖的商業與科技印刷和網路出版媒體。林麗雪林麗雪臺灣大學政治學系畢業。曾任職國會助理、記者與編輯。喜愛大自然與有生命力的人、事、物，熱愛文字工作。譯有《政治秩序的起源》（下卷）、《當收入只夠填飽肚子》、《英雄：大屠殺、自殺與現代人精神困境》、《自由的選擇》、《拯救水資源危機》、《大掠奪：華爾街的擴張和美國企業的沒落》、《規模的規律和祕密》、《三零世界》、《解讀民粹主義》、《一次讀懂政治學經典》、《荒野之子》等書。合譯有《後真相時代》、《獲利團隊》、《美國金權》、《時間貧民》、、《極耐力》等書。

產品目錄

產品目錄 前言 資料視覺化，第一步該從哪開始？ 第一章 優化祕訣一：控制顏色 第二章 優化祕訣二：打造清晰度 第三章 優化祕訣三：選擇圖表型態 第四章 高效說服力 第五章 掌握概念式圖表 第六章 談話、繪圖與製作原型 第七章 如何從散亂的資料整理成一流圖表？ 第八章 重大議題的圖表製作 附錄A 圖表種類詞彙表 附錄B 圖表種類指南 附錄C 圖表種類關鍵字

商品規格

試閱文字

內文 : 如果你的時間只夠專注於改進圖表中的一件事，那就從顏色下手。大多數的軟體都無法憑直覺知道，如何根據你的上下文脈絡而妥善使用顏色。軟體無法知道，你想如何將變數加以組合，哪些是主要變數，哪些又是次要變數，哪些是互補變數，哪些又是對比變數。因此，軟體就會給每個變數賦予個別且有點隨機的顏色。如果遇到非常不合邏輯的狀況，你的第一次產出可能會是一團混亂的彩虹，就像上面的圖表。

這樣可不好。我們的眼睛分辨和記憶不同顏色的能力，大概在五或七種顏色後，就會消失。大多數圖表一開始都有太多顏色。你的工作就是確認，你需要哪些顏色，然後就只用這些顏色。

你不需要是一名瞭解色彩理論的專業設計師，也能利用良好的色彩組合來製作出優質的圖表。你只需要遵循下面這些指導原則：

1. 別用太多顏色。堅持用最少的顏色來表達你的想法。這有點像數學上的約分，有時我們看到數字顯示為10/15，但它其實可以用2/3來表示。同樣的，我們可能想用八種顏色，但實際上只需要用四種，或者兩種顏色就足夠。找出使用相同顏色將變數分組的方法。

2. 使用灰色。灰色是你的好朋友。它和白色背景的對比度較小，在其他對比度較高的顏色之下，可以傳達「背景資訊」的感覺。它不像强烈的顏色那樣吸引目光。在許多圖表中，你可以用灰色來擔任軟體自動指定的某個主色。

3. 互補或對比。當某些變數在本質上相似時，可以使用相似或互補的顏色。當它們相反時，就使用對比色。讀者自然會把它們關聯起來，相似的東西放在一起，不相似的東西就不放在一起。這聽起來似乎太顯而易見，但請記住，軟體並不懂這種事情。如果我們有八個關於不同年齡層的男性和女性的變數，那軟體就會指定八個不同的顏色。我們就可以在相同性別的不同變數中使用互補色，並對不同性別使用對比色，例如四種色調的綠色和四種色調的橙色。只需要用兩種色系。看來就清爽多了。

4. 專注在變數上。文字、標籤和其他不是傳達數據資訊標記的其他標記，最好保留使用黑色或灰色，或者黑底白字來顯示，僅允許少數例外。有時，通過相同顏色讓某個標籤連接到某條線會更有效果，但要謹慎使用。一般來說，用不同顏色點綴文字，容易讓人分心。

5. 專心於如何使用顏色，而不是使用哪些顏色。你突發的衝動可能是思考該用哪些顏色。但這遠不如你該如何使用顏色來得重要。掌握背景資料與主要資訊的差異、讓變數互補和對比，以及如何改變色彩飽和度這三件事，都會比挑選你自己喜歡，或者你的品牌經理要求你使用的顏色，帶來更好的決策。

額外專業提示：考慮色盲人士。如果觀眾裡有各種色覺缺陷的人，那麼一張優秀圖表的力量有可能消失，而且往往確實會如此。高達10％的男性患有紅綠色盲，而1％至5％的男性患有其他種類的色盲。色盲的人可能將兩種顏色視為相同的顏色。好消息是，諸如Coblis和Color Oracle這樣的工具，會讓你更容易看到，你的圖表在患有色盲的人眼中是什麼樣子。在匆忙時，我常常忘記檢查配色方案是否可以滿足色盲人士，我正努力在這方面做得更好。本書中每一張不是故意設計得不精良的圖表，都已經確實檢查過，可以讓色盲人士分辨出顏色。



有時候，簡單有助於達到清晰的效果，但簡單的事情不見得都很清晰，清晰的事情也不見得一定要簡單。想達到清晰效果，產生極樂點，我們需要的不僅僅是良好的配色和少量及簡單的設計。圖表上每一個需要觀眾停下來思考、決定該把焦點放在哪裡，以及挑戰他們慣用思維方式的地方，都無法達成清晰效果。要達成清晰的設計，請使用下面這些準則。

1. 刪除東西。考慮圖表上的每個標記，然後問自己，我是不是需要它們，才能說明我的論點？舉個例子，由製作表格軟體自動生成，通常與主題無關的軸標籤，以及會分散注意力的格線，都會被保留下來。不必要的顏色會將注意力從核心思想中抽離。要更積極處理這些情形。如果你認為可以不用變數就表明你的觀點，你甚至可以嘗試完全删除這些變數。

2. 將多餘的部分移除。「銷售與收入」這樣的標題，只不過重複了軸線標籤而已。單純敘述視覺圖內容的加框文字，並不能帶來新的啟發。代表金額或百分比的軸線，就不需要在每個標籤上標示＄或％等符號。在你的數據圖表中尋找資訊重複的地方，在維持清晰的情況下，盡量從圖表中删除這些資訊。

3. 限制顏色和視線移動。顏色非常強而有力，但也很容易分散注意力。如果把醒目的顏色分配給非核心元素，它們將會搶奪注意力。把顏色看成需要約分的分數。你想展示的是2/3，而不是12/18。對變數進行分組，並對上下文的輔助資訊採用灰色處理，就能做到這點。帶有指示箭頭的圖例、說明和標題，都能強制眼睛視線隨之移動。當我們需要望向圖表右側尋找圖例，然後再將視線拉回圖表時，這樣反覆三、四次，看來好像微不足道，但事實卻非如此。視線來回飛奔，或跟著長線讀取標籤，會顯著降低閱讀圖表的速度。資訊離它所參照的事物越遠，對眼睛而言視線的跋涉就越長。盡量讓標籤和說明文字離它們所參照的視覺圖像近一點。在線圖中，我喜歡把標籤放在它們代表的線的末端，它們對於在視覺圖表上搜尋的眼睛而言，擔任了視線的自然停止點，同時讓我們不必另外製作圖例。

4. 知道人們約定俗成的想法。大腦的運作靠的是直覺。它會走捷徑。在我們的腦袋裡，未來總是伴隨著現在而來。數值會向上走，較大的數值會在較低的數值之上。一般來說，紅色代表熱、危險或壞的事物，而藍色則是冷或者水，綠色象徵良好或安全。當你的設計違反這些神經感受的慣例時，觀眾就需要努力克服它。想像一下從右到左讀取時間軸，或是一根頂部為0％，而底部為100％的y軸有多難讀。尊重傳統，並加以利用。如果一個趨勢讓人擔憂，那就將它標成紅色。將一個較大的數值，在你的圖表中放在其他數值之上。讓北方在上，而南方在下。

5. 描述觀念，而不是結構。利用文字、標題、圖片說明和其他視覺標記，來突顯想法或見解，而不是描述視覺圖表的體系結構。重複說明表格的標題，對觀眾的幫助，還不如暗示或明確說明視覺圖表為何存在的標題來得顯著。舉例來說，讓我們比較一下「醫療保險和健康評估的支出分佈」與「更多的支出不會提高健康水準」這兩個標題。或者「中位數營運逐年損失的趨勢線」與「損失正在不斷累積」這兩個標題。

6. 額外專業提示：把所有東西對齊。在建立視覺秩序上，這個簡單的指導原則非常有效。一些圖表讓人覺得雜亂和模糊，部分原因就是圖表元素在整個視覺空間中四處獨立漂浮而造成的。軸線標籤傾斜放在軸的中間位置。只要有空白的地方，就會出現說明文字框。利用y軸作為左方的對齊點，建立第二個點，用它將說明文字與其他標籤對齊，混亂的感覺就會消失。


清晰的效果並不容易達成，往往需要勇氣。圖表製作者傾向於把手邊所有的東西，包括變數、標籤和顏色，都塞進視覺圖表中。也許他們不確定中心思想究竟是什麼，也許他們希望將所有的數據都塞進去，好讓老闆看見他們有多忙碌。這或許可以讓圖表製作者深感安慰，但卻會讓使用者覺得圖表難以理解，或者更糟的是，讓人無法接受。展現一張將一件事情說明清楚的清晰圖表，在剛開始時可能讓你感到不安，但觀眾會欣賞它。

接下來的挑戰旨在提高清晰程度。專注於使用每張圖表的提示，以消除混淆與雜亂。不要擔心表單，並且只在與達成清晰效果相關時，才考量顏色、標籤、標準慣例與其他考量事項。

在考慮使用哪種圖表時，試著遵循下面這些準則。

1. 瞭解基本的圖表類別。開始選擇圖表最簡單的方法，就是理解你的意圖。你是想要：
 做一個比較？
 顯示分布？
 顯示比例？
 繪製圖表？
 展示一個非統計的概念？

如果你知道答案，你就已經縮小了選擇範圍。舉例來說，如果你想顯示比例，那你就知道線圖並沒有幫助，但堆疊區域圖或堆疊長條圖卻有幫助。請參閱附錄B中的圖表選擇工具，以查看上面這些任務中最常使用哪些類型的圖表。使用這個圖解當作起點。你也可以嘗試其他沒有出現在附錄工具中的圖表類型。請記住，某些圖表類型可以達成多種目的。舉例來說，兩張相鄰的堆疊長條圖，可以進行等比例的比較。

2. 聽聽你是怎麼描述事物的。找個人談談你的資料和你想傳達的想法。聽你自己說的話，並寫下一部分，因為你可能會說出一些描述了最適合你的資料的圖表類型的話。你可能聽到自己說：「個別年份資料不像年度趨勢這麼重要。」那麼你自己已經建議了使用顯示趨勢的線圖，而不是繪製每年數值的長條圖。或者你也可能會說：「在期望值和實際表現之間，存在巨大的差距。」這可能引導你嘗試一種可以真正顯示巨大差距的圖表類型，例如點狀分布圖。你會訝異的發現，你用來描述自己意圖的詞語，經常會讓你直接發現該用哪一種圖表類型。為了幫助你，我附上了一個詞彙表，整理了與這些處理方式有關的關鍵字相搭配的圖表類型。請參考附錄C。

3. 依賴你最常用的工具。在日常生活和製圖兩件事情上，聰明都被高估了。為了引人注意，我們有時會嘗試不尋常的圖表形式，例如力導向網路圖（forced-directed network）或者沖積圖（alluvial）。它們在你的圖表工具箱裡有一席之地，但別太強行推銷它們。大多數資料圖表化的挑戰，都能使用三類圖表及其變體加以處理：
 線圖（堆疊區域圖，斜率圖）
 長條圖（堆疊長條圖，點狀分布圖）
 散佈圖（泡泡圖，柱狀圖）

當你要使用這三種以外的圖表時，務必確認你有充分的理由。請瞭解更專業與不尋常的圖表，會讓觀眾更費力才能理解。向他們解釋一下這些圖表的內容，或者製作一個簡單的原型，或許會有幫助。

4. 別忘了表格。有時候一組資料中的所有個別資料，比趨勢線更重要，也比構成這些資料的元素重要。這種情況下，使用一張表格可能是最好的選擇。當視覺化沒有闡述任何比較大的資料點，而且如果要以視覺化圖表說明這種資料點，所花的時間又太多時，表格對一些相對較少的資料組合也很好用，例如在兩個類別的三個資料點。從某種角度而言，表格就是一種視覺化，它們利用可預見的部分水平和垂直空間，讓資料更容易理解。而且它們仍然是一個强大的工具。

額外專業提示：只使用一個軸線。我最喜歡的一種圖表類型，是不太常見的點狀分布圖。它在單一的軸線上做標記，這種圖表的一種變化，就是泡泡圖，也就是在單一軸線上置放大小不同的氣泡。點狀分布圖經常能有效地取代長條圖。當你繪製長條圖的主要目標，是在y軸上比較各變數的測量結果時，點狀分布圖可能會更容易達到效果。為什麼？因為我們不需要掃描水平空間，以找出兩個長條線之間的垂直差距。

最佳賣點

最佳賣點 : 掌握圖表的能力，決定你的競爭力

活動

• 11/15-11/20商業財經滿$799享95折
• 中文書限時滿1111現折111(部分類別除外)