數(shù)據(jù)可視化6步法
在當(dāng)前互聯(lián)網(wǎng),各種數(shù)據(jù)可視化圖表層出不窮,本文嘗試對數(shù)據(jù)可視化的方法進(jìn)行歸納,整理成6步法。
一般的數(shù)據(jù)圖表都可以拆分成最基本的兩類元素: 所描述的事物及這個事物的數(shù)值,我們暫且將其分別定義為指標(biāo)和指標(biāo)值。比如一個性別分布中,男性占比30%,女性占比70%,那么指標(biāo)就是男性、女性,指標(biāo)值對應(yīng)為30%、70%。
?1.? 將指標(biāo)值圖形化
一個指標(biāo)值就是一個數(shù)據(jù),將數(shù)據(jù)的大小以圖形的方式表現(xiàn)。比如用柱形圖的長度或高度表現(xiàn)數(shù)據(jù)大小,這也是最常用的可視化形式。
傳統(tǒng)的柱形圖、餅圖有可能會帶來審美疲勞,可嘗試從圖形的視覺樣式上進(jìn)行一些創(chuàng)新,常用的方法就是將圖形與指標(biāo)的含義關(guān)聯(lián)起來。
比如Google Zeitgeist在展現(xiàn)top10的搜索詞時,展示的就是“搜索”形狀的柱形,圖形與指標(biāo)的含義相吻合,同時也做了立體的視覺變化:
2.?將指標(biāo)圖形化
一般用與指標(biāo)含義相近的icon來表現(xiàn),使用場景也比較多,如下:
3.將指標(biāo)關(guān)系圖形化
當(dāng)存在多個指標(biāo)時,挖掘指標(biāo)之間的關(guān)系,并將其圖形化表達(dá),可提升圖表的可視化深度。常見有以下兩種方式:
借助已有的場景來表現(xiàn)
聯(lián)想自然或社會中有無場景與指標(biāo)關(guān)系類似,然后借助此場景來表現(xiàn)。
比如百度統(tǒng)計流量研究院操作系統(tǒng)的分布,首先分為windows、mac還有其他操作系統(tǒng),windows又包含xp、2003等多種子系統(tǒng)。
根據(jù)這種關(guān)系聯(lián)想,發(fā)現(xiàn)宇宙星系中也有類似的關(guān)系: 宇宙中有很多星系,我們最為熟悉的是太陽系,太陽系中又包括各個行星, 因此整體借用宇宙星系的場景,將熟知的windows比喻成太陽系,將xp、window7等比喻成太陽系中的行星,將mac和其他系統(tǒng)比喻成其他星系,表現(xiàn)如下:
構(gòu)建場景來表現(xiàn)
指標(biāo)之間往往具有一些關(guān)聯(lián)特征,如從簡單到復(fù)雜、從低級到高級、從前到后等等。如無法找到已存在的對應(yīng)場景,也可構(gòu)建場景。
比如百度統(tǒng)計流量研究院中的學(xué)歷分布,指標(biāo)分別是小學(xué)、初中、高中、本科等等,它們之間是一種越爬越高,從低等級到高等級的關(guān)系,那么,這種關(guān)系可以通過構(gòu)建一個臺階去表現(xiàn),如下:
支付寶新出的個人年度賬單中,在描述付款最多的三項時,構(gòu)建了一個領(lǐng)獎臺的形式:
小結(jié):
根據(jù)之前3步,可將指標(biāo)、指標(biāo)值和指標(biāo)關(guān)系分別進(jìn)行圖形化處理。
以最簡單的性別分布為例,可以得到一個線性的可視化過程,如下:
以上圖示為供參考的線性化過程,實(shí)際可視化思考中,將哪類元素進(jìn)行圖形化或者圖形化前后的順序可能均有不同,需根據(jù)具體情況處理。
4.?將時間和空間可視化
時間
通過時間的維度來查看指標(biāo)值的變化情況,一般通過增加時間軸的形式,也就是常見的趨勢圖。
空間
當(dāng)圖表存在地域信息并且需要突出表現(xiàn)的時候,可用地圖將空間可視化,地圖作為主背景呈現(xiàn)所有信息點(diǎn)。
Google Zeitgeist在2010和2012年的年度熱門回顧中,都是以地圖為主要載體(同時也結(jié)合了時間),來呈現(xiàn)熱門事件:
5.?將數(shù)據(jù)進(jìn)行概念轉(zhuǎn)換
先看下生活中的概念轉(zhuǎn)換,當(dāng)我們需要喝水時,通常會說:給我來一杯水;而不會說:給我來30ml的水。在這里,30ml是一個實(shí)際數(shù)據(jù),但是難以感知,所以用一杯的概念來轉(zhuǎn)換。
同樣在數(shù)據(jù)可視化,有時需要對數(shù)據(jù)進(jìn)行概念轉(zhuǎn)換,可加深用戶對數(shù)據(jù)的感知。常用方法有對比和比喻:
?對比:
下圖是一個介紹中國煙民數(shù)量的圖表:如果只看左半部分中國煙民的數(shù)量:32000000,知道數(shù)據(jù)量級很大,但具體有多大卻很難感知;直到看到右半部分:中國煙民數(shù)量超過了美國人口總和,這樣一對比,對數(shù)據(jù)的感知就加深了。
比喻
下圖是一個介紹雅虎郵箱處理數(shù)據(jù)量的圖表,大意是每小時處理的電子郵件大小有1.2TB,相當(dāng)于644245094張打印的紙。
這又是一個很大的數(shù)據(jù),但到底有多大? 在這里用了一個比喻的手法:644245094張紙,如果把每一張紙首尾對接,可以繞地球4圈多。到這里,能較深刻感受到雅虎郵箱處理的數(shù)據(jù)量之大,為地球節(jié)省了很多紙張。
更進(jìn)一步地,還將這個比喻進(jìn)行了圖形化表現(xiàn)。
6.讓圖表“動”起來
數(shù)據(jù)圖形化完成后,可結(jié)合實(shí)際情況,將其變?yōu)閯討B(tài)化和可操控性的圖表,用戶在操控過程中能更好地感知數(shù)據(jù)的變化過程,提升體驗。
實(shí)現(xiàn)動態(tài)化通常以下兩種方式: 交互和動畫。
交互
交互包括鼠標(biāo)浮動、點(diǎn)擊、多圖表時的聯(lián)動響應(yīng)等等,如下是百度統(tǒng)計流量研究院的時間分布圖,采用左圖右表的聯(lián)動形式,左圖中,鼠標(biāo)浮動則顯示對應(yīng)數(shù)據(jù),點(diǎn)擊則切換選擇:
動畫
包括增加入場動畫、交互過程的動畫、播放動畫等等。
入場動畫:即在頁面載入后,給圖表一個“生長”的過程,取代“數(shù)據(jù)載入中”這樣的提示文字。
交互動畫:用戶發(fā)生交互行為后,通過動畫形式給以及時反饋。
播放動畫:一般來是提供播放功能,像看視頻一樣,讓用戶能夠完整看到數(shù)據(jù)隨時間變化的過程。下圖是Gapminder在描述多維數(shù)據(jù)時,提供隨時間播放的功能,可以直觀感受到所有數(shù)據(jù)的變化。
總結(jié)
數(shù)據(jù)可視化形式多樣,思考過程也不盡相同。以上6步法,是基于“數(shù)據(jù)”層面(區(qū)別于信息可視化),梳理思考過程,總結(jié)設(shè)計方法,為后續(xù)可視化提供可借鑒的思路。
來源:百度搜索用戶體驗中心
- 目前還沒評論,等你發(fā)揮!