雖然三維圖形帶來的立體感很強,但用在可視化設(shè)計中,很容易出現(xiàn)問題。
一方面,三維圖形具有X、Y和Z坐標,容易造成圖表間的遮擋關(guān)系,遮擋會掩蓋一部分的數(shù)據(jù),讓精準比較數(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ù)信息聚合在一起。
這樣的想法本身沒什么錯誤,但重要的前提是要有清晰的認知,明確知道到底要展示哪些數(shù)據(jù)。
如果可視化中包含太多數(shù)據(jù),信息的展現(xiàn)會變得不堪重負甚至難以理解,這樣的話包含的數(shù)據(jù)再多也沒有任何意義。
設(shè)計要點:
避免數(shù)據(jù)可視化的信息過載,如果一張圖表中包含的信息過多,反而會讓用戶混亂;
3.省略基線
一組數(shù)據(jù)往往各不相同,數(shù)據(jù)差值的大小也不確定。為了使可視化效果看著更舒服,有的設(shè)計師通過改變坐標軸比例來展示數(shù)據(jù)關(guān)系。
最常見的例子就是讓Y軸代表的數(shù)據(jù)不是從0開始,借此夸大數(shù)據(jù)之間的差異,讓數(shù)據(jù)的變化更加明顯。
設(shè)計要點:
圖表的美感再怎么重要,也要服務(wù)于精準的數(shù)據(jù)表現(xiàn);
4.選擇錯誤的可視化方法
每個數(shù)據(jù)可視化方法都有自己的特點。例如餅圖適合用來比較一個整體中的不同部分,但不適合用來比較幾組不同的數(shù)據(jù)。
通過餅圖的比例劃分,雖然可以直觀地顯示三家企業(yè)的收益,但使用條形圖會讓這三家企業(yè)之間的差異更加明顯。
如果目的是為了顯示一段時間內(nèi)的收入,那么折線圖會是比條形圖更好的選擇。
設(shè)計要點:
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ù)疊加在同一個圖表上,但當疊加的數(shù)據(jù)數(shù)量過多時,圖表會變得難以識別。
另外一旦強行關(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ù)、是否合理;
6.放大有利數(shù)據(jù)
數(shù)據(jù)的增長或下降和時間是不可分割的。放大時間范圍是很多公司經(jīng)營中投機取巧的方法。
比如只在圖表上向用戶展示業(yè)績增長的4-6月份(上圖),這樣看起來公司業(yè)績增長幅度特別大,但如果將X軸的時間縮小到一整年(下圖),才會發(fā)現(xiàn)公司真實的經(jīng)營狀況,4-6月份的業(yè)績增長僅僅代表了公司業(yè)績持續(xù)下跌中的小幅上漲。
設(shè)計要點:
避免放大的可視化效果與數(shù)據(jù)整體不一致;
7.避開常見的視覺聯(lián)想
視覺元素影響用戶的心理,圖標、色彩和字體都具有影響觀者感知的作用。
下圖的可視化描述了美國各個地區(qū)宗教信徒占所有居民的百分比,但使用的顏色與地圖的設(shè)計元素(藍色的水、綠色的植被和棕色的土地)太過相似。
▲ 分析數(shù)據(jù)可視化很耗費精力。在看到這樣的圖表時,我們第一時間聯(lián)想到的應(yīng)該是國家的地形情況,可能很難在這個熟悉的認知下去重新理解這個圖表代表的其他含義。
設(shè)計要點:
8.過分糾結(jié)于數(shù)據(jù)可視化
數(shù)據(jù)可視化將難以表現(xiàn)的數(shù)字關(guān)系賦予了易于理解的形式。最理想的方式是可以通過可視化清晰、簡潔地傳達數(shù)據(jù)關(guān)系。
但是并不是所有的數(shù)據(jù)都需要使用可視化來表現(xiàn),有時候一個簡單的數(shù)據(jù)搭配一個流行的顏色就足以說明問題。
設(shè)計要點:
數(shù)據(jù)可視化是一種交流工具。像其他所有工具一樣,有時它是合適的,有時可能另一種工具更適合。
為回饋一直以來關(guān)注和支持Clip設(shè)計夾的讀者,將免費贈送3本《寫給UI設(shè)計師看的數(shù)據(jù)可視化設(shè)計》書籍給大家,幫助大家更好地學(xué)習(xí)數(shù)據(jù)可視化設(shè)計。
參與方式:詳見原文。
原文地址:Clip設(shè)計夾(公眾號)
作者:Clippp
轉(zhuǎn)載請注明:學(xué)UYI網(wǎng)》數(shù)據(jù)可視化設(shè)計常出現(xiàn)的錯誤,你一定要避免!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司