如何將資料進行資料視覺化展現？

網易雲社群發表於2019-01-04

作為一名互動設計師在進行資料視覺化時，就是要把這些寶貴的資料資產變得觸手可及，從而充分發揮資料的力量。

資料視覺化

好的視覺化設計一定集易讀、突出資料價值、易於分析、美觀為一體的，最終讓資料變得更加簡單，方便交流，反之，不僅讓資料變得更復雜，而且還會帶來錯誤誘導。因此，如何讓資料分析變得輕鬆、流暢並且易讀，從而提高使用者的工作效率，降低使用者的工作負擔，則成為設計師的重要責任。

圖表由哪些元素構成？

一張標準樣式的圖表基本上是由下圖1-1 中標示的幾種元素組成，除此之外，還有一些特殊的圖表（如：3D類，由背景牆、側面牆、底座等圖表元素），對於圖表本身在此就不在冗述，設計人員都有基礎知識，本文將嘗試從圖表設計動機的角度和大家一起探討如何更好的進行圖表設計，從而達成設計目標。

圖1-1 圖表元素

圖表設計

1.明確資料指標

首先，我們得先搞明白這些資料是怎麼來的、幹嘛的，如果連這個都不清楚就會很難展開接下來的討論或設計。資料是做好圖表設計的前提，毫無疑問，一連串的數字對於設計師來說是枯燥無味的，幸虧前期的資料收集工作已有人做好，但是作為設計師有必要要求他們給到你的是儘可能精準的資料，否則，會導致接下來的工作前功盡棄。因此，當初步接觸資料時最好能夠解決以下幾點：

理解資料及指標
分析資料
提煉關鍵資訊
明確資料關係及主題

如下圖，這份報表比較容易理解，初步分析可以看出這是一份不同品牌的手機每天在全國的銷量情況，進一步分析還可以看出銷量越高，退貨量越少，營收就會越高，投訴越少，評價也會越好，由此得出，省、銷量、退貨量、營收就是關鍵指標，當然，前面這些資訊是我們通過表格本身的資料資訊分析得到的，但是，我們並不知道使用者關注得是哪些資料指標，有可能關注的是不同省的營收狀況，也有可能是退貨情況，還有可以能是不同手機品牌的銷量對比，所以，需要進入下一步-為誰設計，使用者想要什麼資訊。

圖1-2 不同品牌手機全國銷量情況

2.為誰設計，使用者想要什麼資訊

需要明確的是，同一組資料在不同使用者眼中所看到的資訊是不一樣的，因為，角色、崗位的不同就造成了他們所關注的重點、立場不同，不同人所發現的資訊、得出的結論也是不一樣的，所以，在圖表設計時面對不同的使用者所強調的資訊及互動方式都是不一樣的。主要影響因素：

使用者群體是誰？有什麼特點
從資料中需要提煉的資訊是什麼
通過圖表想要解決什麼問題
關注的重點

接著上面的例子，如下圖1-3所示，表現形式雖然都是地圖，但是強調的重點資訊和展示邏輯都不同，即一個強調的是某個品牌的手機在全國不同省的銷量狀況，另一個強調的是不同品牌手機在全國不同省的銷量對比。

圖1-3

3.明確設計目的與價值

實際上，圖表設計跟一個產品設計的思路是相似的，定義設計目標這個過程很容易被設計師忽略，設計目標不是一成不變的，但並不意味著一開始就沒有，前期缺少對設計目標的定義會導致設計師往往說不清楚為什麼這樣設計，那麼，接下來的設計工作就像個無頭蒼蠅一樣亂撞，沒有方向感。有的時候，設計方案被推翻，究其根源往往是由於對源思考不明確導致的，設計目標需要大家共同定義並達成一致的方向，否則，方向不對，努力白費。

定義設計目標的過程需要站在使用者的角度和資料的角度進行綜合分析從而進行構建，一方面需要考慮使用者如何更簡單的分析、理解資料從而提高決策效率；一方面需要考慮資料本身如何更加精準、一目瞭然的傳達給使用者。

圖1-4

4.規劃設計方案，選擇合適的圖表型別

在工作中，一些同學在設計圖表時把大量的時間用在尋找圖表素材上，然而這種都是在表面上尋找解決辦法實際上本末倒置了，解決不了本質問題。資料視覺化設計不是單純的圖表樣式設計，雖然瞭解圖表也很重要，但是，僅僅將資料變成漂亮的圖表只是形式的改變而已，遠遠不夠的。

當前期我們已經清楚了使用者要做什麼，有了明確的設計目標，那麼，選擇圖表的過程就是信手拈來的事。在選擇圖表型別之前，自己心裡已經比較清楚了圖表大概的效果（如：呈現不同時間段的資料-用折線圖合適；呈現不同份額比例-用餅圖合適；某個階段的資料出現頻率-用散點圖合適），具體的圖表選擇大家可以參考 Andrew Abela 整理的圖表型別選擇指南圖示，有興趣的同學可以研究一下。