在 Web 設(shè)計(jì)上的應(yīng)用
信息可視化對(duì)于具體的 Web 應(yīng)用是很有指導(dǎo)意義的,或者說就是信息可視化的應(yīng)用。基本步驟就是從大量數(shù)據(jù)中提取元數(shù)據(jù),然后對(duì)應(yīng)可視化變量,用圖形設(shè)計(jì)方法去實(shí)現(xiàn)。IBM 有一個(gè)相關(guān)項(xiàng)目叫做 ManyEyes ,內(nèi)置了很多常見的可視化模型,可以參考。
對(duì)于 Web 設(shè)計(jì)來說,重點(diǎn)是利用認(rèn)知心理學(xué)的理論作引導(dǎo),比如色彩的暗喻、直覺等,如果是國際化產(chǎn)品,尤其注意文化差異。從色彩的角度講,各個(gè)國家或地區(qū)因?yàn)檎、宗教、環(huán)境等不同,對(duì)色彩的感受不同。
結(jié)合上面的表格,舉個(gè)例子:TagCloud。TagCloud 的目的是什么呢?并非是表現(xiàn)出各個(gè) Tag 之間的關(guān)系,而是讓用戶能夠更好的進(jìn)行選擇、識(shí)別,所以通過大小和顏色的區(qū)分,創(chuàng)造了 TagCloud。所以做設(shè)計(jì)還是回到了先進(jìn)行用戶研究這個(gè)話題上。
其他在 Web 上的應(yīng)用,比如 Google Analytics、Google Trends。借助于 Flash、Flex、SilverLight 等強(qiáng)大的瀏覽器端圖像渲染,可以將大量的、復(fù)雜的數(shù)據(jù)清晰、直觀、生動(dòng)的展現(xiàn)給用戶。
也可以通過信息可視化技術(shù)和方法將 Social Network 表現(xiàn)出來:
更多應(yīng)用
以下例子取自 information aesthetics ,點(diǎn)擊圖片上的鏈接訪問源網(wǎng)站:
http://oakland.crimespotting.org/
http://www.similardiversity.net/
http://carohorn.de/anymails/
http://www.areacodeinc.com/work/sharkrunners/
http://mullinslab2.ucsf.edu/craigstats/data/mapall.html
參考文獻(xiàn)
* 宋紹成, 畢強(qiáng), 楊達(dá), 信息可視化的基本過程與主要研究領(lǐng)域, 2004 * 張聰, 張慧, 信息可視化研究, 2006 * Edward Tufte, Envisoning Information, 1990
題圖來源:帶色彩指示的咖啡杯。
本文鏈接:http://www.95time.cn/design/doc/2007/4928.asp
出處:UCDChina.com
責(zé)任編輯:moby
上一頁 信息可視化與視覺設(shè)計(jì) [1] 下一頁
|