數(shù)據(jù)可視化設(shè)計(jì)常出現(xiàn)的錯(cuò)誤践磅,你一定要避免!

大家好灸异,我是Clippp府适。今天為大家分享的是「數(shù)據(jù)可視化。數(shù)據(jù)可視化的目的在于讓用戶更清楚地明白數(shù)據(jù)代表的含義肺樟,而可視化的關(guān)鍵在于設(shè)計(jì)師是否能合理分析及思考數(shù)據(jù)的意義檐春。

設(shè)計(jì)過(guò)程中,如果只是優(yōu)先考慮可視化圖表樣式的好看與否而非思考數(shù)據(jù)表現(xiàn)的準(zhǔn)確性么伯,反而會(huì)偏離了數(shù)據(jù)可視化真正的意義疟暖。

一起來(lái)看看在可視化設(shè)計(jì)中容易出現(xiàn)的錯(cuò)誤點(diǎn),盡早知道這些錯(cuò)誤才能在設(shè)計(jì)中盡量避開這些問(wèn)題田柔,達(dá)到合理應(yīng)用誓篱。

1.三維圖形使用不當(dāng)

雖然三維圖形帶來(lái)的立體感很強(qiáng),但用在可視化設(shè)計(jì)中凯楔,很容易出現(xiàn)問(wèn)題。

一方面锦募,三維圖形具有X摆屯、Y和Z坐標(biāo),容易造成圖表間的遮擋關(guān)系,遮擋會(huì)掩蓋一部分的數(shù)據(jù)虐骑,讓精準(zhǔn)比較數(shù)據(jù)信息變得困難准验。

另外,透視使對(duì)象看起來(lái)像是位于三維空間中廷没,但在數(shù)據(jù)可視化中糊饱,它會(huì)造成錯(cuò)誤的層次結(jié)構(gòu):前景圖形看起來(lái)很大,背景圖形很小颠黎,數(shù)據(jù)關(guān)系被不必要地扭曲另锋。

設(shè)計(jì)要點(diǎn):

三維圖形很有吸引力但可能會(huì)遮擋重要的數(shù)據(jù)信息,并扭曲數(shù)據(jù)間的比例關(guān)系狭归;

如果沒(méi)有絕對(duì)需要盡可能使用二維圖形樣式夭坪。

2.數(shù)據(jù)太多

在設(shè)計(jì)中,很多人總想在一張圖表中盡可能多地展現(xiàn)內(nèi)容过椎,把各種數(shù)據(jù)信息聚合在一起室梅。

這樣的想法本身沒(méi)什么錯(cuò)誤,但重要的前提是要有清晰的認(rèn)知疚宇,明確知道到底要展示哪些數(shù)據(jù)亡鼠。

如果可視化中包含太多數(shù)據(jù),信息的展現(xiàn)會(huì)變得不堪重負(fù)甚至難以理解敷待,這樣的話包含的數(shù)據(jù)再多也沒(méi)有任何意義间涵。

設(shè)計(jì)要點(diǎn):

避免數(shù)據(jù)可視化的信息過(guò)載,如果一張圖表中包含的信息過(guò)多讼撒,反而會(huì)讓用戶混亂浑厚;

靈活結(jié)合多種可視化方式,讓數(shù)據(jù)的展現(xiàn)變得更有效根盒。

3.省略基線

一組數(shù)據(jù)往往各不相同钳幅,數(shù)據(jù)差值的大小也不確定。為了使可視化效果看著更舒服炎滞,有的設(shè)計(jì)師通過(guò)改變坐標(biāo)軸比例來(lái)展示數(shù)據(jù)關(guān)系敢艰。

最常見(jiàn)的例子就是讓Y軸代表的數(shù)據(jù)不是從0開始,借此夸大數(shù)據(jù)之間的差異册赛,讓數(shù)據(jù)的變化更加明顯钠导。

設(shè)計(jì)要點(diǎn):

圖表的美感再怎么重要,也要服務(wù)于精準(zhǔn)的數(shù)據(jù)表現(xiàn)森瘪;

避免通過(guò)省略基線來(lái)故意夸大或縮小數(shù)據(jù)差異牡属,造成用戶誤解。?

4.選擇錯(cuò)誤的可視化方法

每個(gè)數(shù)據(jù)可視化方法都有自己的特點(diǎn)扼睬。例如餅圖適合用來(lái)比較一個(gè)整體中的不同部分逮栅,但不適合用來(lái)比較幾組不同的數(shù)據(jù)。

通過(guò)餅圖的比例劃分,雖然可以直觀地顯示三家企業(yè)的收益措伐,但使用條形圖會(huì)讓這三家企業(yè)之間的差異更加明顯特纤。

如果目的是為了顯示一段時(shí)間內(nèi)的收入,那么折線圖會(huì)是比條形圖更好的選擇侥加。

設(shè)計(jì)要點(diǎn):數(shù)據(jù)可視化方法并非一刀切捧存;明確可視化傳達(dá)的變量及最終目的。

5.混淆關(guān)聯(lián)

數(shù)據(jù)可視化更高的價(jià)值在于探索和發(fā)現(xiàn)不同數(shù)據(jù)間的相關(guān)性担败,通過(guò)比較幾組不同的數(shù)據(jù)關(guān)系昔穴,找出其中的關(guān)聯(lián)性,從而得到一個(gè)更有根據(jù)的驗(yàn)證結(jié)果氢架。

顯示相關(guān)性最常用的方法是將幾組不同的數(shù)據(jù)疊加在同一個(gè)圖表上傻咖,但當(dāng)疊加的數(shù)據(jù)數(shù)量過(guò)多時(shí),圖表會(huì)變得難以識(shí)別岖研。

另外一旦強(qiáng)行關(guān)聯(lián)幾種相似的數(shù)據(jù)卿操,有可能造成結(jié)果的混亂。一個(gè)有意思的例子是冰激凌銷量的增加與暴力犯罪的激增有關(guān)孙援,因?yàn)檫@兩者都是因?yàn)闅夂蜃兓斐傻慕Y(jié)果害淤。

設(shè)計(jì)要點(diǎn):

透過(guò)數(shù)據(jù)間的關(guān)聯(lián)性發(fā)現(xiàn)事物本質(zhì)是有意義的,但要考慮數(shù)據(jù)間的關(guān)聯(lián)是否有依據(jù)拓售、是否合理窥摄;數(shù)據(jù)有相關(guān)性并不等于有因果關(guān)系。

6.放大有利數(shù)據(jù)

數(shù)據(jù)的增長(zhǎng)或下降和時(shí)間是不可分割的础淤。放大時(shí)間范圍是很多公司經(jīng)營(yíng)中投機(jī)取巧的方法崭放。

比如只在圖表上向用戶展示業(yè)績(jī)?cè)鲩L(zhǎng)的4-6月份(上圖),這樣看起來(lái)公司業(yè)績(jī)?cè)鲩L(zhǎng)幅度特別大鸽凶,但如果將X軸的時(shí)間縮小到一整年(下圖)币砂,才會(huì)發(fā)現(xiàn)公司真實(shí)的經(jīng)營(yíng)狀況,4-6月份的業(yè)績(jī)?cè)鲩L(zhǎng)僅僅代表了公司業(yè)績(jī)持續(xù)下跌中的小幅上漲玻侥。

設(shè)計(jì)要點(diǎn):

避免放大的可視化效果與數(shù)據(jù)整體不一致决摧;短時(shí)間內(nèi)放大的數(shù)據(jù)表現(xiàn)可能會(huì)讓用戶對(duì)信息的判斷產(chǎn)生錯(cuò)誤。

7.避開常見(jiàn)的視覺(jué)聯(lián)想

視覺(jué)元素影響用戶的心理凑兰,圖標(biāo)掌桩、色彩和字體都具有影響觀者感知的作用。

下圖的可視化描述了美國(guó)各個(gè)地區(qū)宗教信徒占所有居民的百分比姑食,但使用的顏色與地圖的設(shè)計(jì)元素(藍(lán)色的水波岛、綠色的植被和棕色的土地)太過(guò)相似。

▲?分析數(shù)據(jù)可視化很耗費(fèi)精力音半。在看到這樣的圖表時(shí)盆色,我們第一時(shí)間聯(lián)想到的應(yīng)該是國(guó)家的地形情況灰蛙,可能很難在這個(gè)熟悉的認(rèn)知下去重新理解這個(gè)圖表代表的其他含義。

設(shè)計(jì)要點(diǎn):避免強(qiáng)迫用戶重新理解常見(jiàn)的視覺(jué)聯(lián)想隔躲,造成對(duì)數(shù)據(jù)的注意力分散。

8.過(guò)分糾結(jié)于數(shù)據(jù)可視化

數(shù)據(jù)可視化將難以表現(xiàn)的數(shù)字關(guān)系賦予了易于理解的形式物延。最理想的方式是可以通過(guò)可視化清晰宣旱、簡(jiǎn)潔地傳達(dá)數(shù)據(jù)關(guān)系

但是并不是所有的數(shù)據(jù)都需要使用可視化來(lái)表現(xiàn)叛薯,有時(shí)候一個(gè)簡(jiǎn)單的數(shù)據(jù)搭配一個(gè)流行的顏色就足以說(shuō)明問(wèn)題浑吟。

設(shè)計(jì)要點(diǎn):數(shù)據(jù)可視化是一種交流工具。像其他所有工具一樣耗溜,有時(shí)它是合適的组力,有時(shí)可能另一種工具更適合。?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末抖拴,一起剝皮案震驚了整個(gè)濱河市燎字,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌阿宅,老刑警劉巖候衍,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異洒放,居然都是意外死亡蛉鹿,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門往湿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)妖异,“玉大人,你說(shuō)我怎么就攤上這事领追∷牛” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵蔓腐,是天一觀的道長(zhǎng)矩乐。 經(jīng)常有香客問(wèn)我,道長(zhǎng)回论,這世上最難降的妖魔是什么散罕? 我笑而不...
    開封第一講書人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮傀蓉,結(jié)果婚禮上欧漱,老公的妹妹穿的比我還像新娘。我一直安慰自己葬燎,他們只是感情好误甚,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開白布缚甩。 她就那樣靜靜地躺著,像睡著了一般窑邦。 火紅的嫁衣襯著肌膚如雪擅威。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評(píng)論 1 304
  • 那天冈钦,我揣著相機(jī)與錄音郊丛,去河邊找鬼。 笑死瞧筛,一個(gè)胖子當(dāng)著我的面吹牛厉熟,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播较幌,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼揍瑟,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了乍炉?” 一聲冷哼從身側(cè)響起绢片,我...
    開封第一講書人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎恩急,沒(méi)想到半個(gè)月后杉畜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡衷恭,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年此叠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片随珠。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡灭袁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出窗看,到底是詐尸還是另有隱情茸歧,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布显沈,位于F島的核電站软瞎,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏拉讯。R本人自食惡果不足惜涤浇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望魔慷。 院中可真熱鬧只锭,春花似錦、人聲如沸院尔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至纵顾,卻和暖如春伍茄,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背片挂。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工幻林, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人音念。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像躏敢,于是被迫代替她去往敵國(guó)和親闷愤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容