許多數(shù)據(jù)可視化工作者都提到一件事，就是開發(fā)可視化作品變得更簡單了，但是效果難以評估。本文翻譯自toptal的博文，讓我們來看看優(yōu)秀的可視化實(shí)踐是如何實(shí)現(xiàn)的吧。 “雜亂無章和令人困惑不是數(shù)據(jù)的屬性 - 它們是設(shè)計(jì)的缺點(diǎn)。” - Edward Tufte 01、什么是數(shù)據(jù)可視化？ Michael Friendly將數(shù)據(jù)可視化定義為“以某種示意圖形式抽象的信息，包括信息單元的屬性或變量?！睋Q句話說，它是一種連貫的視覺傳達(dá)定量內(nèi)容的方式。根據(jù)其屬性，數(shù)據(jù)可以許多不同的方式表示，例如折線圖，條形圖，餅圖，散點(diǎn)圖或地圖。 確定呈現(xiàn)數(shù)據(jù)集的最佳方式，并遵循數(shù)據(jù)可視化最佳實(shí)踐，對于圖形設(shè)計(jì)人員在創(chuàng)建這些視覺效果時(shí)非常重要。特別是在處理非常大的數(shù)據(jù)集時(shí)，開發(fā)有張力的表達(dá)方式，對于創(chuàng)建既有用又具有視覺吸引力的可視化至關(guān)重要。 華爾街日報(bào)數(shù)據(jù)可視化美國失業(yè)人數(shù) 02、為何使用數(shù)據(jù)可視化？ 據(jù)IBM統(tǒng)計(jì)，每天會有2.5兆字節(jié)的數(shù)據(jù)產(chǎn)生。IBM研究科學(xué)家安德魯·麥卡菲和麻省理工學(xué)院的埃里克布林約爾松教授指出，“現(xiàn)在每秒新產(chǎn)生的數(shù)據(jù)堪比20年前存儲在整個(gè)互聯(lián)網(wǎng)上的數(shù)據(jù)量?！? 隨著移動互聯(lián)網(wǎng)和物聯(lián)網(wǎng)技術(shù)的發(fā)展，數(shù)據(jù)量將繼續(xù)呈指數(shù)級增長。IDC預(yù)測到2025年將有163個(gè)zettabytes（163萬億千兆字節(jié)）的數(shù)據(jù)。 所有這些數(shù)據(jù)對于人類大腦來說難以理解 - 實(shí)際上，人類大腦難以理解大于 5的數(shù)字（研究表明5±2的數(shù)量是人類不需要進(jìn)行某種類比或抽象就可以直接感受的）。數(shù)據(jù)可視化設(shè)計(jì)人員可以在創(chuàng)建這些抽象中發(fā)揮重要作用。 畢竟，如果無法以有用的方式理解和消費(fèi)大數(shù)據(jù)，那么它就毫無用處。這就是為什么數(shù)據(jù)可視化在從經(jīng)濟(jì)學(xué)到科學(xué)技術(shù)，醫(yī)療保健和人類服務(wù)等各個(gè)方面都發(fā)揮著重要作用的原因。通過將復(fù)雜數(shù)字和其他信息轉(zhuǎn)換為圖形，內(nèi)容變得更易于理解和使用。 03、何時(shí)使用數(shù)據(jù)可視化？ 由于對海量的數(shù)據(jù)做出有意義的理解非常困難，而許多大數(shù)據(jù)集中又包含了有價(jià)值的數(shù)據(jù)，因此數(shù)據(jù)可視化已成為決策者的重要方法。為了利用所有這些數(shù)據(jù)，許多企業(yè)認(rèn)識到數(shù)據(jù)可視化的價(jià)值在于清晰有效地理解重要信息，使決策者能夠理解困難的概念，識別新的模式，并獲得數(shù)據(jù)驅(qū)動的洞察力，以便做得更好決定。 做出明智決策的前提是讀懂大數(shù)據(jù) - 無論是在商業(yè)，技術(shù)，科學(xué)還是其他領(lǐng)域，都值得在數(shù)據(jù)可視化上下功夫。清晰的可視化使復(fù)雜數(shù)據(jù)更易于掌握，因此更容易做出判斷并采取行動。 04、可視化的基本原則 1. 定義明確的目標(biāo) 數(shù)據(jù)可視化應(yīng)該回答重要的戰(zhàn)略問題，提供真正的價(jià)值，并幫助解決實(shí)際問題。例如，它可用于跟蹤性能，監(jiān)控客戶行為以及衡量流程的有效性。 在數(shù)據(jù)可視化項(xiàng)目開始時(shí)花時(shí)間清楚地定義目的和優(yōu)先級將使最終結(jié)果更有用，并防止浪費(fèi)時(shí)間去創(chuàng)建不必要的視覺效果。 2. 了解你的受眾 如果不是為了與目標(biāo)受眾清楚地溝通，數(shù)據(jù)可視化是無用的。它應(yīng)該與受眾的專業(yè)知識兼容，并允許他們輕松快速地查看和處理數(shù)據(jù)?？紤]到受眾對數(shù)據(jù)所呈現(xiàn)的基本原則的熟悉程度，以及他們是否了解這些可視化的主要背景、這些圖表是否定期重復(fù)使用等等。 3. 使用可視功能正確顯示數(shù)據(jù) 有很多不同類型的圖表。確定哪種類型的數(shù)據(jù)最適合采用何種圖表進(jìn)行可視化展現(xiàn)，這本身就是一門藝術(shù)。正確的圖表不僅可以使數(shù)據(jù)更易于理解，還可以最準(zhǔn)確地呈現(xiàn)數(shù)據(jù)。要做出正確的選擇，請考慮您需要傳達(dá)的數(shù)據(jù)類型以及向何人傳遞該信息。 以下是數(shù)據(jù)可視化最受歡迎的圖表類型： （1）折線圖：折線圖應(yīng)該用于比較一段時(shí)間內(nèi)的值，非常適合顯示大小變化。它們還可用于比較多個(gè)數(shù)據(jù)組的更改。 來源：環(huán)境署 （2）條形圖：條形圖應(yīng)用于比較幾個(gè)類別的定量數(shù)據(jù)。它們也可用于跟蹤數(shù)據(jù)隨時(shí)間的變化，但最好僅在這些變化很重要時(shí)使用。 來源：我們的數(shù)據(jù)世界 （3）散點(diǎn)圖：散點(diǎn)圖應(yīng)該用于顯示一組數(shù)據(jù)的兩個(gè)變量的值。它們非常適合探索兩組之間的關(guān)系。 來源：我們的數(shù)據(jù)世界 （4）餅圖：餅圖應(yīng)該用于顯示整體的部分。它們無法顯示隨時(shí)間變化的變化。 05、有序和連貫的組織您的可視化成果 在將大數(shù)據(jù)集轉(zhuǎn)變成可視化成果時(shí)，一致性尤為重要。連貫的設(shè)計(jì)將有效融入背景，使用戶能夠輕松處理信息。最佳可視化幫助觀眾快速得出數(shù)據(jù)所呈現(xiàn)的結(jié)論，而不是還需要額外的溝通和講解才讓人理解。 創(chuàng)建數(shù)據(jù)層次結(jié)構(gòu)，并以決策者的關(guān)心的方式顯示各種數(shù)據(jù)點(diǎn)。您可以從最高到最低排序以強(qiáng)調(diào)最大值，或進(jìn)行分類顯示以強(qiáng)調(diào)更重要的類別。 甚至顯示數(shù)據(jù)的順序，使用的顏色（例如最重要的點(diǎn)的顏色更亮，或基線數(shù)據(jù)顯示灰色），以及圖表的各種元素的大小（比如擴(kuò)展餅圖的某些切片）圖表的常規(guī)邊框），從而幫助用戶更輕松地解釋數(shù)據(jù)。注意在使用這些技術(shù)時(shí)不應(yīng)該引入偏差。 交互式數(shù)據(jù)可視化也是幫助人們解釋數(shù)據(jù)的絕佳方式。 06、其他數(shù)據(jù)可視化元素 顏色被廣泛用作表示和區(qū)分信息的方式。根據(jù)Salesforce最近進(jìn)行的一項(xiàng)研究，它也是用戶決策的關(guān)鍵因素。 他們分析了人們對圖表中使用的不同顏色組合的反應(yīng)，發(fā)現(xiàn)人們對具有微妙顏色變化的調(diào)色板具有更強(qiáng)的偏好，因?yàn)樗呙缹W(xué)吸引力。 然而，他們發(fā)現(xiàn)，雖然吸引人，但微妙的調(diào)色板使得圖表更難分析并獲得洞察力。這完全違背了創(chuàng)建顯示數(shù)據(jù)的可視化的目的。 如果對于普通人來說難以閱讀具有相似顏色和較低對比度的圖表，那么對于沒有完美視覺的人來說，它們就更加困難 - 并且他們代表了人口中的重要部分。據(jù)世界衛(wèi)生組織稱，估計(jì)有2.53億人患有視力障礙。 幸運(yùn)的是，有一些工具可用于檢查具有這些損傷的人如何將圖像可視化，例如Photoshop和Illustrator中的色盲校對。使用足夠大的字體大小以及類型和背景之間足夠的對比度等其他方面也很有幫助。 如果模擬工具顯示調(diào)色板的問題，則有一些技術(shù)可以提高圖形可讀性： · 使用具有高對比度的顏色 · 使用帶有圖案或紋理的顏色來傳達(dá)不同類型的信息 · 使用文本或圖標(biāo)標(biāo)記元素 即使數(shù)據(jù)可視化使用比例模型，也可以在每個(gè)步驟之間使用足夠的顏色對比度。當(dāng)用戶將鼠標(biāo)懸停在每個(gè)國家/地區(qū)時(shí)，則顯示相應(yīng)的標(biāo)簽。（來源：我們的數(shù)據(jù)世界） 字體選擇可以影響文本的易讀性，增強(qiáng)或減損預(yù)期的含義。因此，最好避免藝術(shù)字體并堅(jiān)持使用更基本的serif或sans serif字體。 確保數(shù)據(jù)可視化的介質(zhì)具有清晰的字體大小。Smashing Magazine建議“在現(xiàn)代網(wǎng)頁設(shè)計(jì)中，16像素通常應(yīng)該是最小尺寸”。 07、不要扭曲數(shù)據(jù) 好的數(shù)據(jù)可視化應(yīng)該清楚地講述故事，避免扭曲。避免使用不能準(zhǔn)確表示數(shù)據(jù)集的可視化表示，如3D中的餅圖。 像這樣的3D餅圖使得用戶很難搞清楚每個(gè)切片實(shí)際可視化的比例。（由PSDgraphics提供） 數(shù)據(jù)可視化可以引導(dǎo)觀眾得出某些結(jié)論而不需要修改數(shù)據(jù)本身。設(shè)計(jì)者在希望傳達(dá)主觀信息時(shí)，如用于公共傳播信息圖--這一設(shè)計(jì)方法非常有用，通常是為了支持特定結(jié)論而不僅僅是傳達(dá)數(shù)據(jù)。顏色選擇和調(diào)用特定數(shù)據(jù)點(diǎn)之類的東西可以用于此目的，但這可能會使設(shè)計(jì)者的可信度受到質(zhì)疑。 08、錯(cuò)誤數(shù)據(jù)可視化的示范 Y軸不從零開始，可以使數(shù)據(jù)看起來具有比實(shí)際存在的更大的差距。這使得可視化會誤導(dǎo)傳輸信息。 圖表的另一個(gè)例子是沒有將Y軸從零開始，顯示了結(jié)果偏差的方式。 這個(gè)條形圖在規(guī)模上具有誤導(dǎo)性，因?yàn)闆]有Y軸。即使只有小于1％的微小差異，超大的藍(lán)色條也會被放大到不成比例。 Gizmodo 當(dāng)Apple試圖說明新iPad電池的電池續(xù)航時(shí)間延長了70％時(shí)，它們不僅高度增加了70％，而且整體規(guī)模也增加了，這使得電池顯得比以前的iPad電池大得多。 09、良好數(shù)據(jù)可視化的示范 由FiftyThirtyTwenty提供 像這樣的條形圖是顯示數(shù)據(jù)集之間差異的絕佳方式，而且增強(qiáng)的顏色對比度會使視覺受損用戶更容易訪問此圖像。 由Bagus Fikri提供 該銷售儀表板使用幾種不同的可視化格式，以易于理解的方式呈現(xiàn)相關(guān)數(shù)據(jù)，只需一瞥即可。數(shù)據(jù)也有很好的標(biāo)簽，進(jìn)一步澄清了事情。 將干凈，整潔的設(shè)計(jì)與易于理解的數(shù)據(jù)可視化與簡單的圖表相結(jié)合，可實(shí)現(xiàn)出色的用戶體驗(yàn)。 10、結(jié)論 良好的數(shù)據(jù)可視化應(yīng)該通過使用圖形，清晰有效地傳達(dá)數(shù)據(jù)信息。最佳可視化使您可以輕松地一目了然地理解數(shù)據(jù)。他們將復(fù)雜的信息以一種簡單的方式分解，使目標(biāo)受眾能夠理解并以此為基礎(chǔ)做出決策。 正如Edward R. Tufte指出的那樣，“設(shè)計(jì)的基本考驗(yàn)是它有助于理解內(nèi)容，而不是它的時(shí)尚性。”數(shù)據(jù)可視化尤其應(yīng)該堅(jiān)持這一理念。目標(biāo)是通過設(shè)計(jì)增強(qiáng)數(shù)據(jù)，而不是引起對設(shè)計(jì)本身的關(guān)注。 最后，祝小伙伴們能將從本文中學(xué)到的方法，靈活運(yùn)用數(shù)據(jù)可視化，早日成為可視化設(shè)計(jì)大師！