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

2022-12-5    seo達(dá)人

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

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

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

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

圖片

 

設(shè)計要點:

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

如果沒有絕對需要盡可能使用二維圖形樣式。

 

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

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

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

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

圖片

 

設(shè)計要點:

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

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

 

3.省略基線

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

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

圖片

 

設(shè)計要點:

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

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

 

4.選擇錯誤的可視化方法

每個數(shù)據(jù)可視化方法都有自己的特點。例如餅圖適合用來比較一個整體中的不同部分,但不適合用來比較幾組不同的數(shù)據(jù)。

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

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

圖片

 

設(shè)計要點:

數(shù)據(jù)可視化方法并非一刀切;明確可視化傳達(dá)的變量及最終目的。

 

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

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

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

另外一旦強(qiáng)行關(guān)聯(lián)幾種相似的數(shù)據(jù),有可能造成結(jié)果的混亂。一個有意思的例子是冰激凌銷量的增加與暴力犯罪的激增有關(guān),因為這兩者都是因為氣候變化造成的結(jié)果。

圖片

 

設(shè)計要點:

透過數(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ù)的增長或下降和時間是不可分割的。放大時間范圍是很多公司經(jīng)營中投機(jī)取巧的方法。

比如只在圖表上向用戶展示業(yè)績增長的4-6月份(上圖),這樣看起來公司業(yè)績增長幅度特別大,但如果將X軸的時間縮小到一整年(下圖),才會發(fā)現(xiàn)公司真實的經(jīng)營狀況,4-6月份的業(yè)績增長僅僅代表了公司業(yè)績持續(xù)下跌中的小幅上漲。

圖片

 

設(shè)計要點:

避免放大的可視化效果與數(shù)據(jù)整體不一致;

短時間內(nèi)放大的數(shù)據(jù)表現(xiàn)可能會讓用戶對信息的判斷產(chǎn)生錯誤。

 

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

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

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

圖片

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

 

設(shè)計要點:

避免強(qiáng)迫用戶重新理解常見的視覺聯(lián)想,造成對數(shù)據(jù)的注意力分散。

 

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

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

但是并不是所有的數(shù)據(jù)都需要使用可視化來表現(xiàn),有時候一個簡單的數(shù)據(jù)搭配一個流行的顏色就足以說明問題。

圖片

 

設(shè)計要點:

數(shù)據(jù)可視化是一種交流工具。像其他所有工具一樣,有時它是合適的,有時可能另一種工具更適合。

 

為回饋一直以來關(guān)注和支持Clip設(shè)計夾的讀者,將免費(fèi)贈送3本《寫給UI設(shè)計師看的數(shù)據(jù)可視化設(shè)計》書籍給大家,幫助大家更好地學(xué)習(xí)數(shù)據(jù)可視化設(shè)計。

參與方式:詳見原文。


作者:Clippp

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》數(shù)據(jù)可視化設(shè)計常出現(xiàn)的錯誤,你一定要避免!

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



分享本文至:

日歷

鏈接

個人資料

存檔