編輯導(dǎo)語：數(shù)據(jù)可視化，并不是簡單的把數(shù)據(jù)變成圖表就可以了。而是以數(shù)據(jù)的視角去看待世界，數(shù)據(jù)可視化的客體是數(shù)據(jù)，我們要以數(shù)據(jù)為工具，以可視化為手段，目的是描述真實(shí)，探索世界。隨著如今數(shù)據(jù)的重要性逐漸凸顯，數(shù)據(jù)可視化設(shè)計(jì)被越來越多的人所期待，要想做好數(shù)據(jù)可視化設(shè)計(jì)，那你必須要知道這幾件事。

“混亂和混亂不是數(shù)據(jù)的屬性-它們是設(shè)計(jì)的缺點(diǎn)?！?愛德華·塔夫特

數(shù)據(jù)可視化故名思議：以某種示意圖的形式來表現(xiàn)經(jīng)過分析處理后的數(shù)據(jù)信息。

換句話說，這是一種視覺上傳達(dá)一定數(shù)據(jù)內(nèi)容信息的方式。那根據(jù)其數(shù)據(jù)屬性，可以用許多不同的方式表示數(shù)據(jù)，例如折線圖、條形圖、餅圖、散點(diǎn)圖或地圖。

當(dāng)然對于數(shù)據(jù)分析和圖形設(shè)計(jì)人員里說，數(shù)據(jù)可視化不是簡單的利用圖形來表現(xiàn)數(shù)據(jù)而已，遵守?cái)?shù)據(jù)可視化最佳呈現(xiàn)數(shù)據(jù)分析結(jié)果的手段非常重要。

不僅僅是要視覺上引人入勝，而且永遠(yuǎn)不要誤導(dǎo)別人。特別是在處理非常大的數(shù)據(jù)集時(shí)，開發(fā)統(tǒng)一的格式對于創(chuàng)建既有用又吸引人的可視化至關(guān)重要。

一、為什么要使用數(shù)據(jù)可視化？

據(jù)IBM稱，我們的世界每天要?jiǎng)?chuàng)建出高達(dá)2.5萬億字節(jié)的數(shù)據(jù)。

麻省理工學(xué)院的研究科學(xué)家安德魯·邁克菲（Andrew McAfee）和麻省理工學(xué)院的埃里克·布林約爾夫森（Erik Brynjolfsson）教授指出，“每秒通過互聯(lián)網(wǎng)的數(shù)據(jù)比20年前存儲(chǔ)在整個(gè)互聯(lián)網(wǎng)中的數(shù)據(jù)還多?！?/p>

隨著世界與越來越多的電子設(shè)備建立聯(lián)系，數(shù)據(jù)量將繼續(xù)呈指數(shù)增長?？茖W(xué)家們預(yù)測，到2025年將有163 ZB（163萬億GB）的數(shù)據(jù)。

人腦很難理解所有這些數(shù)據(jù)，實(shí)際上，如果不進(jìn)行某種類比或抽象，人腦很難理解大于5的數(shù)字。數(shù)據(jù)可視化設(shè)計(jì)師可以在創(chuàng)建這些抽象中發(fā)揮至關(guān)重要的作用。

畢竟，如果不能以有用的方式理解和使用大數(shù)據(jù)，那么它就毫無用處。這就是為什么數(shù)據(jù)可視化在從經(jīng)濟(jì)學(xué)到科學(xué)技術(shù)，醫(yī)療保健和人類服務(wù)等各個(gè)領(lǐng)域都起著重要作用的原因。通過將數(shù)據(jù)和其他信息轉(zhuǎn)換成圖表，內(nèi)容變得更易于理解和使用。

二、何時(shí)使用數(shù)據(jù)可視化？

由于過往的數(shù)據(jù)分析報(bào)告很難以快速且明確的方式，來讓人理解大量數(shù)據(jù)背后的信息。而數(shù)據(jù)可視化能夠?qū)⑵髽I(yè)運(yùn)行過程中產(chǎn)生的所有數(shù)據(jù)，以視覺圖表的方式，清晰有效地傳遞出數(shù)據(jù)當(dāng)中的重要信息。很多企業(yè)管理層從實(shí)踐中看到了數(shù)據(jù)可視化的價(jià)值，它能夠使決策者能夠解決難以快速讀懂?dāng)?shù)據(jù)分析報(bào)告的問題，以數(shù)據(jù)可視化的模式來理解數(shù)據(jù)，以便做出對企業(yè)更好的決策。

無論是在業(yè)務(wù)，技術(shù)，科學(xué)還是其他領(lǐng)域，都需要了解大數(shù)據(jù)集以做出明智的決策。而清晰的數(shù)據(jù)可視化效果使復(fù)雜數(shù)據(jù)更易于掌握，因此更易于采取行動(dòng)。

三、數(shù)據(jù)可視化的設(shè)計(jì)制作需要遵守的原則有哪些？

1. 明確項(xiàng)目目標(biāo)

數(shù)據(jù)可視化應(yīng)該回答重要的戰(zhàn)略問題，提供真實(shí)的價(jià)值，并幫助解決實(shí)際的問題。

例如：它可用于跟蹤績效，監(jiān)視客戶行為并評估流程的有效性。而在數(shù)據(jù)可視化項(xiàng)目開始時(shí)應(yīng)該明確好所需要花費(fèi)的時(shí)間，明確項(xiàng)目目的和數(shù)據(jù)分析展示的優(yōu)先級，以及最終的數(shù)據(jù)可視化效果要有用，避免浪費(fèi)時(shí)間創(chuàng)建不必要的視覺效果。

2. 了解受眾

數(shù)據(jù)可視化在設(shè)計(jì)過程中如果沒有考慮到與目標(biāo)受眾清楚地交流，那么它的設(shè)置則毫無用處。

它應(yīng)與受眾的專業(yè)知識兼容，并能夠讓受眾輕松，快速地查看和處理數(shù)據(jù)，還要充分考慮到受眾對數(shù)據(jù)呈現(xiàn)的基本原理的熟悉程度，以及他們是否可能具有數(shù)據(jù)可視化的背景知識，是否需要經(jīng)常定期查看圖表。

3. 使用正確的數(shù)據(jù)圖表

圖表種類繁多，選擇哪種類型最適合可視化呈現(xiàn)的數(shù)據(jù)本身就是一門藝術(shù)。正確的圖表不僅會(huì)使數(shù)據(jù)更易于理解，而且會(huì)以最準(zhǔn)確的方式顯示出來。為了做出正確的選擇，必須充分考慮需要傳輸什么類型的數(shù)據(jù)以及將數(shù)據(jù)傳輸給誰。

4. 最受歡迎的數(shù)據(jù)可視化圖表類型

1）折線圖

折線圖應(yīng)用于比較一段時(shí)間內(nèi)的值，并且對于顯示較大和較小的變化都非常有用，它們還可以用于比較對一組以上數(shù)據(jù)的更改。

2）條形圖

應(yīng)使用條形圖比較幾種類別的定量數(shù)據(jù)，它們也可以用來跟蹤一段時(shí)間內(nèi)的變化，但是最好僅在這些變化很重要時(shí)使用。

3）散點(diǎn)圖

散點(diǎn)圖應(yīng)用于顯示一組數(shù)據(jù)的兩個(gè)變量的值。它們非常適合探索兩組之間的關(guān)系。

圖源：華爾街日報(bào)/美國失業(yè)率統(tǒng)計(jì)

4）餅圖

餅圖應(yīng)用于顯示整體的一部分。他們無法顯示諸如隨時(shí)間變化的內(nèi)容。

圖源：網(wǎng)絡(luò)

更多具體的圖表如何選擇可以看我下面?這篇文章：數(shù)據(jù)可視化設(shè)計(jì)師必備的圖表規(guī)范指南

四、數(shù)據(jù)可視化設(shè)計(jì)時(shí)應(yīng)保持一定的條理連貫性

將大數(shù)據(jù)集編譯為可視化圖表時(shí)，一致性特別重要。連貫的設(shè)計(jì)將有效地淡入背景，使用戶能夠輕松處理信息。優(yōu)秀可視化效果是可幫助觀看者從中得出有關(guān)所呈現(xiàn)數(shù)據(jù)結(jié)論的。

在創(chuàng)建數(shù)據(jù)層次結(jié)構(gòu)時(shí)，會(huì)用一些方式為決策者顯示各個(gè)需要強(qiáng)調(diào)的數(shù)據(jù)點(diǎn)。比如可以按從高到低的順序排列以強(qiáng)調(diào)最大值，或者以突出的方式顯示對用戶更重要的類別。

甚至是改變顯示數(shù)據(jù)的順序，所用的顏色（例如最重要的點(diǎn)使用較亮的顏色，或基線數(shù)據(jù)使用灰色）以及圖表的各個(gè)元素的大小（例如將餅圖的某些切片擴(kuò)展到圖表的常規(guī)邊框）這些方式都可以幫助用戶更輕松地解釋數(shù)據(jù)。

五、數(shù)據(jù)可視化設(shè)計(jì)時(shí)的圖表顏色選擇

顏色一般被廣泛用作表示和區(qū)分信息的一種方式。根據(jù)最近進(jìn)行的一項(xiàng)研究，它也是決定用戶決策的關(guān)鍵因素。

有學(xué)者分析了人們對圖表中使用的不同顏色組合的反應(yīng)，發(fā)現(xiàn)他們會(huì)更喜歡具有細(xì)微顏色變化的調(diào)色板，因?yàn)樗鼜拿缹W(xué)上來說對人們更具有吸引力。

但是，學(xué)者們發(fā)現(xiàn)，有細(xì)微顏色變化的調(diào)色雖然很吸引人，但是如果可視化圖表當(dāng)中使用細(xì)膩的顏色會(huì)讓圖表直接，難以區(qū)分，導(dǎo)致不能對數(shù)據(jù)進(jìn)行有效分析和獲取見識，這會(huì)完全違背了創(chuàng)建可視化顯示數(shù)據(jù)的目的。

所以在數(shù)據(jù)可視化的圖表顏色選擇上我們應(yīng)該注意使用一些技巧來提高圖形的可讀性：

• 使用高對比度的顏色
• 將顏色與圖案或紋理配合使用以傳達(dá)不同類型的信息
• 使用文本或圖標(biāo)標(biāo)記元素

以高對比色的顏色來填充不同國家的地圖板塊，能讓人一眼清晰的讀懂不同地區(qū)間的分類，將信息傳遞的十分明確。

六、切記不要在數(shù)據(jù)可視化圖表當(dāng)中扭曲數(shù)據(jù)

出色的數(shù)據(jù)可視化應(yīng)該清楚地講述故事，避免失真，避免使用不能準(zhǔn)確表示數(shù)據(jù)集的視覺表示形式，例如3D中的餅圖。

像這樣的3D餅圖很難實(shí)際顯示每個(gè)切片的比例。

數(shù)據(jù)可視化的使用目的應(yīng)該是讓觀看者得出某些結(jié)論，并不會(huì)去扭曲數(shù)據(jù)本身，這個(gè)原則在設(shè)計(jì)公眾消費(fèi)的信息圖表之類的東西時(shí)特別有用。

數(shù)據(jù)可視化圖表，通常是為了支持特定結(jié)論而不是僅僅傳達(dá)數(shù)據(jù)而創(chuàng)建的。因此，設(shè)計(jì)師可以使用諸如顏色選擇和指定特定數(shù)據(jù)點(diǎn)之類的東西去強(qiáng)調(diào)重點(diǎn)數(shù)據(jù)，而不應(yīng)該選擇會(huì)產(chǎn)生誤導(dǎo)性的圖表形式。

七、不好的數(shù)據(jù)可視化設(shè)計(jì)示例

不將Y軸從零開始可能會(huì)使數(shù)據(jù)看起來比實(shí)際存在的增益更大，這使可視化具有誤導(dǎo)性，并且無法澄清顯示的數(shù)據(jù)。

圖表的另一個(gè)示例，該示例的Y軸未從零開始，從而歪曲了結(jié)果的顯示方式。

這個(gè)主要品牌的條形圖在規(guī)模上具有誤導(dǎo)性，因?yàn)闆]有Y軸。即使只有很小的差異（小于1％），超大的藍(lán)色條也會(huì)被放大而不成??比例。

八、優(yōu)秀的數(shù)據(jù)可視化設(shè)計(jì)范例

像這樣的條形圖是一種顯示數(shù)據(jù)集之間差異的絕妙方法，盡管增強(qiáng)的顏色對比度會(huì)使視覺障礙的用戶更容易訪問此圖像。

該工廠運(yùn)輸數(shù)據(jù)可視化使用了幾種不同的可視化圖表，以一目了然的易于理解的格式顯示相關(guān)數(shù)據(jù)。數(shù)據(jù)也有很好的標(biāo)簽，能更好的展現(xiàn)工廠運(yùn)行狀態(tài)。

將整潔，整潔的設(shè)計(jì)與易于解釋的數(shù)據(jù)可視化與簡單的圖表相結(jié)合，可提供出色的用戶體驗(yàn)。

交互式數(shù)據(jù)分析可視化圖表也可以出色地完成工作，使數(shù)據(jù)易于理解。

九、結(jié)論

良好的數(shù)據(jù)可視化應(yīng)該通過使用圖形清晰有效地傳達(dá)數(shù)據(jù)集，最佳的可視化效果更應(yīng)該使一目了然地輕松理解數(shù)據(jù)。可視化將獲取到的復(fù)雜數(shù)據(jù)信息將其分解，從而使目標(biāo)受眾易于理解并根據(jù)其決策。

“設(shè)計(jì)的基本標(biāo)準(zhǔn)是它對內(nèi)容理解的幫助程度，而不是它的外觀多么時(shí)尚?！?尤其是數(shù)據(jù)可視化更應(yīng)該遵循這個(gè)想法，目的是通過設(shè)計(jì)來增強(qiáng)數(shù)據(jù)，而不是引起設(shè)計(jì)本身的注意。

牢記這些數(shù)據(jù)可視化設(shè)計(jì)要點(diǎn)，才能創(chuàng)造出對受眾真正有用的數(shù)據(jù)可視化信息圖表。

本文由 @數(shù)據(jù)可視化那些事 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 unsplash，基于 CC0 協(xié)議