2021-11-2 seo達(dá)人
雖然三維圖形帶來(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ì)需要盡可能使用二維圖形樣式。
在設(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ì)讓用戶混亂；
一組數(shù)據(jù)往往各不相同，數(shù)據(jù)差值的大小也不確定。為了使可視化效果看著更舒服，有的設(shè)計(jì)師通過(guò)改變坐標(biāo)軸比例來(lái)展示數(shù)據(jù)關(guān)系。
最常見(jiàn)的例子就是讓Y軸代表的數(shù)據(jù)不是從0開(kāi)始，借此夸大數(shù)據(jù)之間的差異，讓數(shù)據(jù)的變化更加明顯。
設(shè)計(jì)要點(diǎn)：
圖表的美感再怎么重要，也要服務(wù)于精準(zhǔn)的數(shù)據(jù)表現(xiàn)；
每個(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ù)可視化更高的價(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ù)的增長(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ù)整體不一致；
視覺(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)：
數(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í)可能另一種工具更適合。
為回饋一直以來(lái)關(guān)注和支持Clip設(shè)計(jì)夾的讀者，將免費(fèi)贈(zèng)送3本《寫(xiě)給UI設(shè)計(jì)師看的數(shù)據(jù)可視化設(shè)計(jì)》書(shū)籍給大家，幫助大家更好地學(xué)習(xí)數(shù)據(jù)可視化設(shè)計(jì)。
參與方式：詳見(jiàn)原文。
原文地址：Clip設(shè)計(jì)夾（公眾號(hào)）
作者：Clippp
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》數(shù)據(jù)可視化設(shè)計(jì)常出現(xiàn)的錯(cuò)誤，你一定要避免！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn