Examples:
a: iOS手機(jī)及平板分布
如下圖所示,當(dāng)展示使用不同類型的手機(jī)和平板用戶占比時(shí),直接用總的蘋果圖形為背景來劃分用戶比例,讓用戶第一眼就可以直觀的看到這些圖是在描述蘋果設(shè)備的,直觀而清晰。
b: 人人網(wǎng)用戶的網(wǎng)購調(diào)查
下圖可以看出,該數(shù)據(jù)可視化的設(shè)計(jì)直接采用男性和女性的圖形,這樣的設(shè)計(jì)讓分類一目了然。再結(jié)合了顏色可視化(左面藍(lán)色右面粉色),同時(shí)也采用了面積&尺寸可視化,不同的比例用不同長(zhǎng)度的條形。這些可視化方法的組合使用,大大加強(qiáng)了數(shù)據(jù)的可理解性。
四、地域空間可視化
當(dāng)指標(biāo)數(shù)據(jù)要表達(dá)的主題跟地域有關(guān)聯(lián)時(shí),我們一般會(huì)選擇用地圖為大背景。這樣用戶可以直觀的了解整體的數(shù)據(jù)情況,同時(shí)也可以根據(jù)地理位置快速的定位到某一地區(qū)來查看詳細(xì)數(shù)據(jù)。
a: 美國(guó)最好喝啤酒的產(chǎn)地分布
下圖中,通過以美國(guó)地圖為大背景,清晰的記錄了不同州所產(chǎn)啤酒在1987-2007年間在美國(guó)啤酒節(jié)中獲得的獎(jiǎng)牌累計(jì)總數(shù)。再輔以顏色可視化的方法,讓用戶清晰的看到美國(guó)哪些州更盛產(chǎn)好喝的啤酒。
五、概念可視化
通過將抽象的指標(biāo)數(shù)據(jù)轉(zhuǎn)換成我們熟悉的容易感知的數(shù)據(jù)時(shí),用戶便更容易理解圖形要表達(dá)的意義。
a: 廁所貼士
下圖是廁所里貼在墻上的節(jié)省紙張的環(huán)保貼士,用了概念轉(zhuǎn)換的方法,讓用戶清晰的感受到員工們一年的用紙量之多。如果只是描述擦手紙的量及堆積可達(dá)高度,我們還沒有什么顯性化概念。但當(dāng)用戶看到用紙的堆積高度比世界最高建筑還高、同時(shí)需砍伐500多顆樹時(shí),想必用戶的節(jié)省紙張甚至禁用紙張的情懷便油然而生了。所以可見用概念轉(zhuǎn)換的方法是多么的重要和有效。
b: Flickr云存儲(chǔ)空間達(dá)1TB的可視化描述
Flickr對(duì)云存儲(chǔ)空間升至1TB確實(shí)是讓人開心的事情,但相信很多人對(duì)這一數(shù)量級(jí)所代表的含義并不清晰。所以Flickr在宣傳這一新的升級(jí)產(chǎn)品時(shí),采用了概念可視化的方案。從下圖可以看出,用戶可以動(dòng)態(tài)的選擇照片的大小,之后Flickr會(huì)采用動(dòng)態(tài)交互的方式計(jì)算和顯示出1TB能容納多少張對(duì)應(yīng)大小的圖片。這樣一來,用戶便有了清晰的概念,知道這1TB是什么量級(jí)的容量了。
注意事項(xiàng)
在總結(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í)。
3)做出的可視化圖表一定要易于理解,在顯性化的基礎(chǔ)上越美觀越好,切忌華而不實(shí)。
總結(jié)
作為設(shè)計(jì)師,除了掌握方法來有針對(duì)性的設(shè)計(jì)之外,還要在平時(shí)多留心積累素材,同時(shí)培養(yǎng)自己的創(chuàng)造力和專業(yè)素養(yǎng),保持一顆好奇心,才能真正的設(shè)計(jì)出樣式精美又實(shí)用的數(shù)據(jù)可視化圖表。