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