導讀：可視化圖表，圖形和儀表中的數據是使數字能夠實際對話的最強大的方式之一。但是，很多剛開始使用的人往往會不知所措，無法下手。本文作者詳細解讀了關于數據可視化圖表設計如何循序漸進的過程，以便大家在将電子表格轉換為可視化圖表時可以明确要執行的第一，第二和第三步，供大家一同參考和學習。

步驟1：分析目标對象

首先，我們必須做一些計劃，先不要急着馬上從圖形下手。從長遠來看，一點點的前期計劃可以節省數小時的血液，汗水和眼淚。

我們最先需要分析的是目标受衆群體。确切地說，誰将使用我們提供的數據進行決策？

在設計過程中，分析受衆是所有思考步驟中最不線性的。此步驟不依賴于計算機軟件或編程技能，而是涉及有關于用腦的思考。

1. 誰是觀衆？

我們的的首要考慮因素就是這個問題，為一組基礎課程計劃人員設計的圖表不适用于一組高中校長，反之亦然。在一張紙，白闆，電子表格甚至餐巾紙的背面列出所有受衆類型。與相關負責人共享該列表，直到所有人都對數據的目标對象達成共識，這一步才算是完成。

2. 受衆人群的算術水平是多少？

他們喜歡還是害怕數據？除非您為一組經濟學家或統計學家設計圖表，否則通常可以忽略諸如效應大小，功效分析和誤差範圍之類的細節。與實際意義相比，外行人通常對實際意義（“那是什麼？”和發現的含義）更感興趣。

3. 您的受衆對數據可視化的熟悉程度是多少？

如果他們都是些數據可視化的新手，我們其實可以使用傳統圖表（如餅圖，條形圖和折線圖），這種時候，傳統圖表勝過一切花裡胡哨的專業性圖表。因為對于初學者來說，他們将花費更多時間在圖表的新穎性和設計性上，而不是關注包含的信息。

4. 觀衆有多少時間？

如果隻有很少的時間或興趣，建議使用簡單的靜态圖表。反之，交互式圖表是一個很好的選擇。

5. 受衆群體會做出哪些類型的決策？

他們需要什麼信息？他們已經掌握了什麼信息？他們期望獲取什麼信息？我們制作的圖表将如何為他們增加價值？如果無法考慮圖表如何為讀者增加價值，請不要創造一個，因為每個圖表都需要一個可以達成決策的目的。

6. 需要多少精度？

作為數據可視化設計師，可以自由選擇需要多少精度。請記住，我們的選擇應該經過深思熟慮後有意為之。決定以兩種方式發揮作用：1.選擇的圖表類型 2.如何标記數據點

選擇圖表類型時，請記住，某些圖表在顯示精度方面要優于其他圖表。例如，依賴于角度和面積來顯示差異的圖表（如餅圖）用于傳達一般模式。依靠長度顯示差異的圖表（如條形圖）用于傳達特定的細節。

7. 需要多少個小數位？

一個相關的決定是數據标簽的精确度。你會把小數位包括在内嗎？多少合适呢？

在大多數情況下，我們可以安全地将小數位舍入到最接近的整數。因為大多數人很少使用十分之幾，百分之幾或千分之一的位置進行決策。

在某些情況下，決策者或許需要小數位來做出決定，這種情況下的數字要麼很小要麼非常相似。例如，在有關奧運會記錄的斜率圖中，設計師知道顯示精确的測量值至關重要，因為數字非常小且相似（如下圖所示）。

（圖源 推特Post Graphics）

步驟2：選擇正确的圖表

這個就需要我們花費時間把大緻的所有可視化圖表類型都做一個了解，比如：折線圖，條形圖和柱形圖表示随時間的變化。金字塔和餅圖顯示整個部分。如果需要可視化大量數據，則散點圖和樹形圖将很有幫助。

然後再問問自己要顯示多少個變量，要顯示多少個數據點以及如何縮放軸。

1. 折線圖

創建折線圖的最佳做法：

• 清楚地标記每一條軸的坐标與圖例，确保觀衆知道他們正在評估的是什麼内容。
• 删除分散注意力的圖表元素-網格，變化的顔色和笨重的圖例會分散觀看者的注意力，使他們無法快速查看總體趨勢。
• 如果數據集從零開始，則放大y軸。在某些情況下，更改y軸的比例會更容易。
• 避免比較5-7條以上的線，所有人都不希望圖表變得混亂或難以閱讀。可視化僅需要需要能講故事的數據。

2. 餅圖

餅圖是有史以來最常用和最讨厭的圖表類型之一。餅圖用于顯示整體的一部分，以百分比表示數字，所有劃分的部分的總和等于100％。

創建餅圖的最佳做法：

• 确保細分總計為100，雖然聽起來很容易，但其實這是一個非常常見錯誤。
• 保持整潔一緻。我們僅比較幾個類别即可闡明觀點。如果餅圖的大小大緻相同，請考慮使用條形圖或柱形圖。
• 避免使用3D圖像或傾斜餅圖，這通常會使我們的數據無法讀取，因為很多時候這樣的角度不夠明顯和清晰。

3. 條形圖，柱形圖

條形圖和柱形圖用于比較不同的項目。柱形圖上的每一條是垂直的，而條形圖上的每一條是水平的。當一個數據标簽很長或要比較的項目超過10個時，通常用條形圖來幫助避免混亂。這兩種圖标都很易于理解并創建。

創建條形圖和柱形圖的最佳做法：

• 将y軸從零開始。我們的眼睛對圖表上的條形區域敏感。如果這些小節被截斷，則觀看者可能得出錯誤的結論。
• 将每一條軸所代表的數據都标記清楚，為查看者提供上下文。
• 在條形上放置值标簽，這有助于保留條形長度的整潔線條。
• 避免使用過多的顔色“彩虹效果”。使用單一顔色或使用相同顔色的深淺陰影是一種更好的做法。尤其是要傳達的信息時，我們可以突出其中的一欄。

……

步驟3：選擇一個軟件程序

一旦我們對可視化的外觀有了大概的想法，就可以坐在計算機面前構建可視化的第一稿。

有數十種軟件程序可用于構建數據可視化。關于程序的挑選也需要把控，因為有些是免費的，有些是付費的，對于小企業來說，一款性價比高的可視化工具才是最适合自己的。

這裡我可以列舉幾款性價比較高的可視化工具：

1. EChart

Echarts是一款免費軟件，可以免費開源，它吸引人的一點就是其圖表可以變得非常酷炫和好看。

但由于它是基于程序代碼的，可以通過程序來控制數據，因此能夠做到及時拓展數據。Echarts同時也會有很多的bug，而且入門門檻較高，不适合新手小白直接上手。

Echarts的主要面向群體為開發者，需要寫代碼。

2. EasyV數據可視化

EasyV數據可視化是面向産品的一款可視化工具，所以他的入門門檻較Echart相對低一些，而且EasyV可以免費申請試用，試用過程中如果合适再後期付費，相對于一些中小型的企業來說比較友好，而且組件非常齊全，裡面内置了很多現成的設計師模闆，後期隻要人為地修改一下數據，一個數據大屏馬上就可以搭建完成。

同時EasyV也支持組件開發，如果是寫代碼的群體也可以在平台上大展身手。

步驟4：整理

在計算機上創建了數據可視化的第一稿之後，就該對可視化進行優化，使信息更加生動。無論我們使用的是哪種軟件程序，優化都是必不可少的。

我進行的第一個編輯是整理我的可視化效果。軟件程序附帶太多的邊界，線條和不必要的墨水。檢查圖表上的每個墨水斑點，是我們需要做的事情。

由上圖可以發現，删除了不必要的網格和框線以後，圖表變的更加清晰整潔，具有可觀看性。

哪怕是框線顔色的修改，都是我們需要考慮的問題，上圖非常直觀地給我們帶來了顔色不一産生的視覺效果差别，深色的背景配合白色的框線才能突出我們想要表達的信息。

盡管我們習慣于看到圖例，但确實我們很少需要它們。圖例可能會導緻屏幕或頁面周圍不必要的鋸齒形變化，如果圖形以灰度打印，則圖例也可能難以解釋。不要圖例，而直接标記數據也許是一個更好的選擇。 例如，在以下折線圖中，删除單獨的圖例，并将類别标簽放在每條線的右側可以使圖表看着更加美觀整潔。

步驟5：用顔色澄清信息

顔色是圖表中最強大的元素之一，請明智地選擇圖表中的每一個顔色！

選擇顔色的步驟大緻如下：

1. 選擇一個調色闆以匹配外觀。
2. 用行動色引導讀者的眼睛和注意力。

1. 使用自定義顔色

切記，不要使用Excel，Tableau或其它圖表工具中的默認顔色！現在互聯網非常發達，我們可以多學一學網上有關圖表配色方案的文章與講解，不要再傻呆呆地偷懶去使用一些默認的配色了。

2. 确保顔色在灰度中清晰可見

屏幕上的閱讀越來越普遍，但是有可能仍會有人會打印我們的可視化文件。

一般來說，我們需要提前測試自己的草稿，以确保即使以灰度打印它們也仍然清晰可辨。可以通過兩種不同的方式測試草稿。首先，簡單地以彩色打印一份草稿，而以灰度打印另一份草稿，然後進行并排比較。或者，可以僅以灰度預覽圖像文件，從而根本不需要打印任何内容。

例如，在Microsoft PowerPoint中，您隻需單擊圖像文件将其選中，然後轉到屏幕頂部的“圖片工具：格式”選項卡。然後，轉到顔色圖标，然後以灰度為圖像文件重新着色。

步驟6：用文字闡明信息

光有圖表是遠遠不夠的，加以文字說明才能讓人更好理解我們想要表達的東西。通常，我們将标題，字幕和注釋保存為結尾。

1. 在标題中說明故事

需要用數據講故事嗎？不要使用通用标題（“圖1”或“某某圖書館進出人數”），而是在标題中注明消息。

瞄準6到8個字的标題，必要時可使用問句。我們可以從報紙上的文章的得到啟發，記着通常都會用一些問句來制造噱頭（但也不能太過标題黨，誤導别人）。我們需要明白圖：聽衆可能會也可能不會閱讀完整的圖表，好的标題必須使人一眼就明了你的意圖和指向。

2. 注釋

注釋是提供重要上下文詳細信息的标注框。在PowerPoint，Word或Excel中，可以通過插入文本框輕松創建批注，無需花哨的軟件。

一個很好的例子（來源推特：瓊斯媽媽）圖中的圖表标題，一般人也許會稱呼為“生活在貧困中的兒童人數”或“貧困與地理位置之間的關系”。這個6字的标題“在收入階梯中，位置很重要”，可确保讀者立即掌握圖表的信息。兩行标題在标題下方添加了更多詳細信息，并注釋了一些城市。該推文的文字也加強了該信息。

3. 建立文本層次結構

根據圖表的大小調整字體大小。一個文本層次告訴觀衆哪些信息是最重要的（标題）和哪些信息是最不重要的。以前，所有字體都是相同的大小，因此标題并不突出。會讓數據報告看起來像是一言不發。但是如果我們使用較大的字體并通過将文字覆蓋在照片上方來使标題突出，那麼整個報告會給人很清楚明了的信息，必要時可以給每個部分使用不同的顔色，更加一目了然。

步驟7：最容易忽略的一步——測試草稿

這一點我們在前面已經讨論過了，這一步驟需要具體問題具體分析。但是萬變不離其宗，我認為大多數的測試都需要确定以下幾個問題：

• 文字大小是分層且可讀的
• 少用标簽
• 比例是準确的
• 軸沒有不必要的刻度線或軸線
• 圖形具有适當的精度水平

這些都是很瑣碎但是非常必要二次明确的東西，一個關于數據可視化的圖表一定是嚴謹并可以直觀表達數據方便決策者去做決策的，如果檢查過程中發現難以理解，視覺複雜，那必定是沒有檢測草稿的，需要再次優化。

總結

一個好的數據可視化圖表設計包含這多種多樣的“心機”與“套路”，一個設計師必須要不斷地完善以達到“看一眼就知道這個圖在說什麼”的地步，同時需要兼具美觀與設計感，這個條件聽上去很苛刻，但是通過不斷地精進與完善，這其實并不難做到。圖表既然為大衆設計就要服務于大衆，每一張優秀的可視化圖表都包含着一個好的故事。

本文由 @小陳同學 原創發布于人人都是産品經理，未經許可，禁止轉載

題圖來自 unsplash，基于 CC0 協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部