搞懂5種數(shù)據(jù)可視化方法,勝任90%熱門信息圖設(shè)計(jì)
●概念
◎借助于圖形化的手段,清晰、快捷有效的傳達(dá)與溝通信息。從用戶的角度,數(shù)據(jù)可視化可以讓用戶快速抓住要點(diǎn)信息,讓關(guān)鍵的數(shù)據(jù)點(diǎn)從人類的眼睛快速通往心靈深處。
◎數(shù)據(jù)可視化一般會(huì)具備以下幾個(gè)特點(diǎn):準(zhǔn)確性、創(chuàng)新性 和 簡(jiǎn)潔性。
●常用五種可視化方法
對(duì)同一類圖形(例如柱狀、圓環(huán)和蜘蛛圖等)的長(zhǎng)度、高度或面積加以區(qū)別,來(lái)清晰的表達(dá)不同指標(biāo)對(duì)應(yīng)的指標(biāo)值之間的對(duì)比。這種方法會(huì)讓瀏覽者對(duì)數(shù)據(jù)及其之間的對(duì)比一目了然。制作這類數(shù)據(jù)可視化圖形時(shí),要用數(shù)學(xué)公式計(jì)算,來(lái)表達(dá)準(zhǔn)確的尺度和比例。
Examples:
a: 天貓的店鋪動(dòng)態(tài)評(píng)分
b: 聯(lián)邦預(yù)算圖
c: 公司黃頁(yè)-企業(yè)能力模型蜘蛛圖
通過顏色的深淺來(lái)表達(dá)指標(biāo)值的強(qiáng)弱和大小,是數(shù)據(jù)可視化設(shè)計(jì)的常用方法,用戶一眼看上去便可整體的看出哪一部分指標(biāo)的數(shù)據(jù)值更突出。
Examples:
a: 點(diǎn)擊頻次熱力圖
b: 2013年美國(guó)失業(yè)率統(tǒng)計(jì)
c: 美國(guó)手機(jī)用戶城市分布
在我們?cè)O(shè)計(jì)指標(biāo)及數(shù)據(jù)時(shí),使用有對(duì)應(yīng)實(shí)際含義的圖形來(lái)結(jié)合呈現(xiàn),會(huì)使數(shù)據(jù)圖表更加生動(dòng)的被展現(xiàn),更便于用戶理解圖表要表達(dá)的主題。
Examples:
a: iOS手機(jī)及平板分布
當(dāng)指標(biāo)數(shù)據(jù)要表達(dá)的主題跟地域有關(guān)聯(lián)時(shí),我們一般會(huì)選擇用地圖為大背景。這樣用戶可以直觀的了解整體的數(shù)據(jù)情況,同時(shí)也可以根據(jù)地理位置快速的定位到某一地區(qū)來(lái)查看詳細(xì)數(shù)據(jù)。
Examples:
a: 美國(guó)最好喝啤酒的產(chǎn)地分布
通過將抽象的指標(biāo)數(shù)據(jù)轉(zhuǎn)換成我們熟悉的容易感知的數(shù)據(jù)時(shí),用戶便更容易理解圖形要表達(dá)的意義。
Examples:
a: 廁所貼士
b: Flickr云存儲(chǔ)空間達(dá)1TB的可視化描述
在總結(jié)了常見維度的數(shù)據(jù)可視化方法和范例之后,要再次總體強(qiáng)調(diào)下做數(shù)據(jù)可視化設(shè)計(jì)時(shí)的注意事項(xiàng),總結(jié)了三點(diǎn)如下:
1)設(shè)計(jì)的方案至少適用于兩個(gè)層次:一是能夠整體展示大的圖形輪廓,讓用戶能夠快速的了解圖表所要表達(dá)的整體概念;之后再以合適的方式對(duì)局部的詳細(xì)數(shù)據(jù)加以呈現(xiàn)(如鼠標(biāo)hover展示)。
2)做數(shù)據(jù)可視化時(shí),上述的五個(gè)方法經(jīng)常是混合用的,尤其是做一些復(fù)雜圖形和多維度數(shù)據(jù)的展示時(shí)。
內(nèi)容來(lái)源:設(shè)計(jì)夾