3.數(shù)據(jù)被遮蓋
(確保數(shù)據(jù)不會(huì)因?yàn)樵O(shè)計(jì)而丟失或被覆蓋。例如在面積圖中使用透明效果來確保用戶可以看到全部數(shù)據(jù)。)
4. 耗費(fèi)用戶更多的精力
(通過輔助的圖形元素來使數(shù)據(jù)更易于理解,比如在散點(diǎn)圖中增加趨勢(shì)線。)
5.柱狀過寬或過窄
(經(jīng)過調(diào)研,柱子的間隔最好調(diào)整為寬的1/2。)
6.?dāng)?shù)據(jù)對(duì)比困難
(選擇合適的圖表,讓數(shù)據(jù)對(duì)比更明顯直接。上圖的數(shù)據(jù)作用是為了比較,顯然,柱狀圖比餅圖在視覺上更易于比較。)
7.錯(cuò)誤呈現(xiàn)數(shù)據(jù)
(確保任何呈現(xiàn)都是準(zhǔn)確的,比如,上圖氣泡圖的面積大小應(yīng)該跟數(shù)值一樣。)
8.不要過分設(shè)計(jì)
(清楚標(biāo)明各個(gè)圖形表示的數(shù)據(jù),避免用與主要數(shù)據(jù)不相關(guān)的顏色,形狀干擾視覺。)
9. 數(shù)據(jù)沒有很好歸類,沒有重點(diǎn)區(qū)分
(將同類數(shù)據(jù)歸類,簡(jiǎn)化色彩,幫助用戶更快理解數(shù)據(jù)。上圖的第一張沒有屬于同類型手機(jī)中不同系統(tǒng)進(jìn)行顏色上的歸類,從而減少了比較的作用。下圖就通過藍(lán)色系很好的把iPhone,Android,WP版歸為一類,很好的與iPad版,其他比較。)
10.誤導(dǎo)用戶的圖表
(要客觀反映真實(shí)數(shù)據(jù),縱坐標(biāo)不能被截?cái)?,否則視覺感受和實(shí)際數(shù)據(jù)相差很大。左圖的數(shù)據(jù)起始點(diǎn)被截?cái)鄰?0開始。)
信息可視化案例
信息可視化囊括了數(shù)據(jù)可視化,信息圖形,知識(shí)可視化,科學(xué)可視化,以及視覺設(shè)計(jì)方面的所有發(fā)展與進(jìn)步。下面是信息可視化的案例分享。
關(guān)系網(wǎng)——基于60000封電子郵件存檔數(shù)據(jù),用不同顏色深度的線條呈現(xiàn)了地址簿中用戶和個(gè)體之間的關(guān)系,比如回復(fù)、發(fā)送、抄送。)
(上圖通過數(shù)據(jù)化的比較,用變形的柱狀圖等圖形,形象的展示了不同國(guó)家老師的收入水平,社會(huì)包括學(xué)生和公眾對(duì)其的尊重度。)

如何制作信息可視化?
第一步:確定表意正確明確信息圖表達(dá)內(nèi)容,確定最主要的表現(xiàn)內(nèi)容。
第二步:優(yōu)化展現(xiàn)形式內(nèi)容正確還不夠,還要易懂。我們需要在這個(gè)步驟里尋找信息圖最優(yōu)表現(xiàn)形式,讓讀者 一目了然,降低理解難度。
第三步:探索視覺風(fēng)格在探索視覺風(fēng)格時(shí)要注意抓大放小,先定下來最主要模塊的風(fēng)格,再做延展。
第四步:完善細(xì)節(jié)視覺風(fēng)格確定后,可根據(jù)需要添加、完善細(xì)節(jié)。
第五步:風(fēng)格延展“一致”的視覺設(shè)定有助于用戶理解,也能更好的提升品牌形象。所以主風(fēng)格確定后,我們需要把它延展到其它有需要的頁面上。
以上是分享了數(shù)據(jù)可視化和信息可視化相關(guān)內(nèi)容,不過信息可視化和數(shù)據(jù)可視化是兩個(gè)容易混淆的概念,基于數(shù)據(jù)生成的數(shù)據(jù)可視化和信息可視化這兩者在現(xiàn)實(shí)應(yīng)用中非常接近,并且有時(shí)能夠互相替換使用。但是這兩者其實(shí)是不同的,數(shù)據(jù)可視化是指那些用程序生成的圖形圖像,這個(gè)程序可以被應(yīng)用到很多不同的數(shù)據(jù)上。信息可視化是指為某一數(shù)據(jù)定制的圖形圖像,它往往是設(shè)計(jì)者手工定制的,只能應(yīng)用在那個(gè)數(shù)據(jù)中。信息可視化的代表特征:具體化的,自解釋性的和獨(dú)立的。為了滿足這些特征,這個(gè)圖是需要手工定制的。 并沒有任何一個(gè)可視化程序能夠基于任一數(shù)據(jù)生成這樣具體化的圖片并在上面標(biāo)注所有的解釋性文字。