1.1　數(shù)據(jù)可視化設(shè)計(jì)的價(jià)值

數(shù)據(jù)可視化設(shè)計(jì)是將大數(shù)據(jù)背后的結(jié)構(gòu)、關(guān)聯(lián)、趨勢(shì)等，通過可視化的方式直觀地呈現(xiàn)出來，讓數(shù)據(jù)變得更具有可讀性，并告訴人們數(shù)據(jù)背后的意義，這可以極大地幫助人們利用大量潛在有意義的數(shù)據(jù)信息來實(shí)現(xiàn)商業(yè)價(jià)值。也正因如此，數(shù)據(jù)可視化設(shè)計(jì)已成為當(dāng)下熱門的設(shè)計(jì)工種。

簡(jiǎn)單地說，數(shù)據(jù)可視化就是用戶與數(shù)據(jù)之間的一種媒介，即先通過技術(shù)手段對(duì)數(shù)據(jù)進(jìn)行采集、預(yù)處理、分析等，然后設(shè)計(jì)師通過視覺設(shè)計(jì)把復(fù)雜、抽象的數(shù)據(jù)以更加容易理解的形式展示出來，這不僅實(shí)現(xiàn)了數(shù)據(jù)的易讀性和易懂性，而且給用戶帶來了良好的視覺體驗(yàn)。

數(shù)據(jù)可視化設(shè)計(jì)可以理解為編碼和解碼的過程。其中設(shè)計(jì)是編碼，即用圖表、顏色、文字等視覺元素對(duì)數(shù)據(jù)進(jìn)行編碼；用戶對(duì)視覺元素的理解是解碼，解碼的效率和準(zhǔn)確性的高低體現(xiàn)了編碼的好壞。設(shè)計(jì)功底、對(duì)業(yè)務(wù)需求的理解、對(duì)用戶的研究及圖表的使用，都是影響編碼的重要方面。

下面通過一個(gè)信息可視化設(shè)計(jì)的經(jīng)典案例“倫敦地鐵線路圖”來進(jìn)一步講解可視化設(shè)計(jì)的意義與價(jià)值，以便了解什么才是好的可視化設(shè)計(jì)，明白如何從用戶真正的需求出發(fā)解決問題。

地鐵線路圖能為我們提供清晰的路線導(dǎo)航，圖1-1所示是北京地鐵線路圖。思考一下，在乘坐地鐵時(shí)你最關(guān)注線路圖上的哪些信息？

倫敦是世界上最早對(duì)地鐵的地圖系統(tǒng)進(jìn)行完善的城市之一，最開始倫敦的每條地鐵線路都有一本小冊(cè)子，但隨著地鐵線路的不斷擴(kuò)張，小冊(cè)子變得越來越不實(shí)用。

1908年倫敦開始把各個(gè)獨(dú)立的地鐵支線匯集到一起，繪制成一個(gè)地鐵系統(tǒng)地圖，如圖1-2所示，這就是最早使用的地鐵線路圖，其大大提高了乘客查閱路線的便捷性。但這仍然不是最好的設(shè)計(jì)，因?yàn)樗拿總€(gè)站點(diǎn)都是按照實(shí)際地理比例進(jìn)行設(shè)計(jì)的，這就使得整個(gè)路線都以奇怪的角度呈現(xiàn)，導(dǎo)致在視覺上雜亂無章，乘客在查詢路線時(shí)也會(huì)花費(fèi)很多時(shí)間。

那么，如何解決雜亂的問題呢？通過對(duì)比北京地鐵線路圖，相信你已經(jīng)有了答案。1931年，一位名為Harry Beck的英國工程測(cè)繪員，設(shè)計(jì)了一版新的地鐵線路圖，直到今天該版本的設(shè)計(jì)理念仍在沿用，如圖1-3所示。

Beck認(rèn)為，地圖上的實(shí)際距離并不是特別重要，乘客只需要清晰地看到在哪里上車和在哪里下車即可。實(shí)際上這是洞察到了用戶的真正需求，這也正是設(shè)計(jì)師應(yīng)該具備的洞察力和思考力。Beck將蜿蜒曲折的地理結(jié)構(gòu)曲線設(shè)計(jì)成直觀易懂的直線，各條地鐵線僅在水平、垂直、45度三個(gè)方向上延伸，這樣站點(diǎn)之間的視覺距離看起來十分均勻。另外，站點(diǎn)和路線使用同樣的顏色表示歸屬關(guān)系，這樣線路圖看上去更加清晰明了。Beck創(chuàng)作的這幅地鐵線路圖，在20世紀(jì)30年代初掀起了一場(chǎng)小小的革命。

這正是數(shù)據(jù)可視化設(shè)計(jì)所要表達(dá)的理念，即把復(fù)雜抽象的信息數(shù)據(jù)以人們易懂、易理解的可視化方式展示出來，但在這個(gè)設(shè)計(jì)過程中就需要洞察用戶真正的需求，并用合理、有效的設(shè)計(jì)方案解決用戶的痛點(diǎn)，這也正是可視化設(shè)計(jì)的價(jià)值所在！