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

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

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

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

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

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

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

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

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

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

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

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

3.省略基線

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

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

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

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

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

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

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

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

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

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

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

顯示相關(guān)性最常用的方法是將幾組不同的數(shù)據(jù)疊加在同一個(gè)圖表上，但當(dāng)疊加的數(shù)據(jù)數(shù)量過多時(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)：

透過數(shù)據(jù)間的關(guān)聯(lián)性發(fā)現(xiàn)事物本質(zhì)是有意義的，但要考慮數(shù)據(jù)間的關(guān)聯(lián)是否有依據(jù)、是否合理；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參與方式：詳見原文。

作者：Clippp

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》數(shù)據(jù)可視化設(shè)計(jì)常出現(xiàn)的錯(cuò)誤，你一定要避免！

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

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

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