1、數(shù)據(jù)可視化呈現(xiàn)與解讀方案并分析1.明確數(shù)據(jù)指標(biāo)首先，我們得先搞明白這些數(shù)據(jù)是怎么來的、干嘛的，如果連這個都不清楚就會很難展開接下來的討論或設(shè)計。數(shù)據(jù)是做好圖表設(shè)計的前提，毫無疑問，一連串的數(shù)字對于設(shè)計師來說是枯燥無味的，幸虧前期的數(shù)據(jù)收集工作已有人做好，但是作為設(shè)計師有必要要求他們給到你的是盡可能精準(zhǔn)的數(shù)據(jù)，否則，會導(dǎo)致接下來的工作前功盡棄。因此，當(dāng)初步接觸數(shù)據(jù)時最好能夠解決以下幾點(diǎn)：理解數(shù)據(jù)及指標(biāo)分析數(shù)據(jù)提煉關(guān)鍵信息明確數(shù)據(jù)關(guān)系及主題2.為誰設(shè)計，用戶想要什么信息需要明確的是，同一組數(shù)據(jù)在不同用戶眼中所看到的信息是不一樣的，因為，角色、崗位的不同就造成了他們所關(guān)注的重點(diǎn)、立場不同，不同人所發(fā)

2、現(xiàn)的信息、得出的結(jié)論也是不一樣的，所以，在圖表設(shè)計時面對不同的使用者所強(qiáng)調(diào)的信息及交互方式都是不一樣的。主要影響因素：用戶群體是誰？有什么特點(diǎn)從數(shù)據(jù)中需要提煉的信息是什么通過圖表想要解決什么問題關(guān)注的重點(diǎn)3.明確設(shè)計目的與價值實(shí)際上，圖表設(shè)計跟一個產(chǎn)品設(shè)計的思路是相似的，定義設(shè)計目標(biāo)這個過程很容易被設(shè)計師忽略，設(shè)計目標(biāo)不是一成不變的，但并不意味著一開始就沒有，前期缺少對設(shè)計目標(biāo)的定義會導(dǎo)致設(shè)計師往往說不清楚為什么這樣設(shè)計，那么，接下來的設(shè)計工作就像個無頭蒼蠅一樣亂撞，沒有方向感。有的時候，設(shè)計方案被推翻，究其根源往往是由于對源思考不明確導(dǎo)致的，設(shè)計目標(biāo)需要大家共同定義并達(dá)成一致的方向，否則，方

3、向不對，努力白費(fèi)。定義設(shè)計目標(biāo)的過程需要站在用戶的角度和數(shù)據(jù)的角度進(jìn)行綜合分析從而進(jìn)行構(gòu)建，一方面需要考慮用戶如何更簡單的分析、理解數(shù)據(jù)從而提高決策效率；一方面需要考慮數(shù)據(jù)本身如何更加精準(zhǔn)、一目了然的傳達(dá)給用戶。4.規(guī)劃設(shè)計方案，選擇合適的圖表類型在工作中，一些同學(xué)在設(shè)計圖表時把大量的時間用在尋找圖表素材上，然而這種都是在表面上尋找解決辦法實(shí)際上本末倒置了，解決不了本質(zhì)問題。數(shù)據(jù)可視化設(shè)計不是單純的圖表樣式設(shè)計，雖然了解圖表也很重要，但是，僅僅將數(shù)據(jù)變成漂亮的圖表只是形式的改變而已，遠(yuǎn)遠(yuǎn)不夠的當(dāng)前期我們已經(jīng)清楚了用戶要做什么，有了明確的設(shè)計目標(biāo)，那么，選擇圖表的過程就是信手拈來的事。在選擇圖表

4、類型之前，自己心里已經(jīng)比較清楚了圖表大概的效果（如：呈現(xiàn)不同時間段的數(shù)據(jù)-用折線圖合適；呈現(xiàn)不同份額比例-用餅圖合適；某個階段的數(shù)據(jù)出現(xiàn)頻率-用散點(diǎn)圖合適），具體的圖表選擇大家可以參考Andrew Abela整理的圖表類型選擇指南圖示，有興趣的同學(xué)可以研究一下。常見的圖表類型基本上以下六種涵蓋了絕大部分的使用場景:曲線圖用來反映時間變化趨勢柱狀圖用來反映分類項目之間的比較，也可以用來反映時間趨勢條形圖用來反映項目之間的比較餅圖用來反映構(gòu)成，即部分占總體的比例散點(diǎn)圖用來反映相關(guān)性或分布關(guān)系地圖用來反映區(qū)域之間的分類比較5.細(xì)化體驗前面我們談?wù)摿撕芏鄨D表設(shè)計前期的事，接下來談一談需要注意的幾點(diǎn)細(xì)節(jié)

5、，Dan Saffer說過“最好的產(chǎn)品通常會做好兩件事情：功能和細(xì)節(jié)。功能能夠吸引用戶關(guān)注這個產(chǎn)品，而細(xì)節(jié)則能夠讓關(guān)注的用戶留下來”。畢竟細(xì)節(jié)設(shè)計成就卓越產(chǎn)品嘛X坐標(biāo)軸考慮到不同屏幕或瀏覽器的適配問題，當(dāng)X坐標(biāo)軸標(biāo)簽文字顯示過于擁擠時可將文字打斜放置，既保證了數(shù)據(jù)的正常閱讀也不影響圖表美觀。當(dāng)X坐標(biāo)軸標(biāo)簽為連續(xù)的年份時，不要墨守成規(guī)的寫成“2015、2016”，可以用簡寫的式“2015、16、17.”，看起來會簡單、清晰很多。數(shù)據(jù)分布規(guī)則如果沒有制定明確的數(shù)據(jù)顯示規(guī)則，就會出現(xiàn)后端傳什么數(shù)據(jù)，前端就展示什么數(shù)據(jù)，導(dǎo)致圖表展示效果和可讀性都很差，如果要解決這個問題就需要定義規(guī)則。這里數(shù)據(jù)的展示和

6、時間有關(guān)，所以，我們需要考慮的是某個時間段內(nèi)展示多少個點(diǎn)才是合適的，而顯示一個點(diǎn)由多長時間的數(shù)據(jù)聚合（點(diǎn)聚合區(qū)間是多少），具體如下圖2-1-2規(guī)則定義清楚后，后臺在與前段交互的時候就會按照以上規(guī)則進(jìn)行，最終實(shí)現(xiàn)效果如下圖2-1-3遵循設(shè)計原則圖表的設(shè)計價值在于精準(zhǔn)、高效、簡單的傳遞數(shù)據(jù)信息，最好能夠讓讀者一目了然，即使做不到一目了然也應(yīng)該具備自我解釋的能力。所以，就要求在設(shè)計時應(yīng)該增強(qiáng)和突出數(shù)據(jù)元素，減少和弱化非數(shù)據(jù)元素，具體應(yīng)該注意以下原則：1.刪除除非特殊場景的考慮，應(yīng)盡可能的刪除和數(shù)據(jù)非相關(guān)的元素:背景色漸變色網(wǎng)格線3D效果陰影效果（如果具體操作需要強(qiáng)調(diào)的除外，如：鼠標(biāo)Hover查看具體信息）2.弱化即使有必要保留非數(shù)據(jù)元素，也要弱化或隱藏它們，盡量使用淡色坐標(biāo)軸網(wǎng)格輔助線表格線3.組織把相關(guān)的數(shù)據(jù)元素進(jìn)行合理的組織