咱們常常迷失在數(shù)據(jù)中，紛繁復(fù)雜的數(shù)據(jù)讓咱們莫衷一是?？梢暬鳛榻鉀Q這疑問(wèn)的有用手法，經(jīng)過(guò)視覺(jué)的方法讓數(shù)字易于了解。
數(shù)據(jù)可視化和信息可視化都是可視化的一種方法，數(shù)據(jù)可視化將數(shù)據(jù)庫(kù)中每一個(gè)數(shù)據(jù)項(xiàng)作為單個(gè)圖元元素表明，大量的數(shù)據(jù)集構(gòu)成數(shù)據(jù)圖畫，一起將數(shù)據(jù)的各個(gè)特點(diǎn)值以多維數(shù)據(jù)的方式表明，可以從不相同的維度調(diào)查數(shù)據(jù)，然后對(duì)數(shù)據(jù)進(jìn)行更深化的調(diào)查和剖析。信息可視化，旨在把數(shù)據(jù)資料以視覺(jué)化的方法體現(xiàn)出。信息可視化是一種將數(shù)據(jù)與規(guī)劃結(jié)合起來(lái)的圖畫，有利于自個(gè)或安排簡(jiǎn)短有用地向受眾傳達(dá)信息的數(shù)據(jù)體現(xiàn)方式。
海淘科技梳理了可視化相關(guān)內(nèi)容，而且依據(jù)數(shù)據(jù)渠道組同仁們?cè)诳梢暬?xiàng)目過(guò)程中運(yùn)用經(jīng)歷，總結(jié)一些可視化運(yùn)用留意事項(xiàng)，與咱們共享。
數(shù)據(jù)可視化有許多既定的圖表類型，下面咱們分別來(lái)談?wù)勥@些圖表類型，他們的適用場(chǎng)景，以及運(yùn)用的優(yōu)勢(shì)和下風(fēng)。
1.柱狀圖
適用場(chǎng)景：它的適用場(chǎng)合是二維數(shù)據(jù)集(每個(gè)數(shù)據(jù)點(diǎn)包含兩個(gè)值x和y)，但只要一個(gè)維度需求比照。
優(yōu)勢(shì)：柱狀圖運(yùn)用柱子的高度，反映數(shù)據(jù)的區(qū)別。肉眼對(duì)高度區(qū)別很靈敏，辨識(shí)效果十分好。
下風(fēng)：柱狀圖的限制在于只適用中小規(guī)劃的數(shù)據(jù)集。
2.折線圖
適用場(chǎng)景: 折線圖適宜二維的大數(shù)據(jù)集，尤其是那些趨勢(shì)比單個(gè)數(shù)據(jù)點(diǎn)更首要的場(chǎng)合。它還適宜多個(gè)二維數(shù)據(jù)集的比照。
優(yōu)勢(shì)：簡(jiǎn)略反應(yīng)出數(shù)據(jù)改動(dòng)的趨勢(shì)。
3.餅圖
適用場(chǎng)景：適用簡(jiǎn)略的占比圖，在不要求數(shù)據(jù)精密的情況下可以適用。
下風(fēng)：餅圖是一種應(yīng)當(dāng)防止運(yùn)用的圖表，由于肉眼對(duì)面積巨細(xì)不靈敏。
4.漏斗圖
適用場(chǎng)景：漏斗圖適用于事務(wù)流程比照規(guī)范、周期長(zhǎng)、環(huán)節(jié)多的流程剖析，經(jīng)過(guò)漏斗各環(huán)節(jié)事務(wù)數(shù)據(jù)的比照，可以直觀地發(fā)現(xiàn)和闡明疑問(wèn)所在。
優(yōu)勢(shì):可以直觀地發(fā)現(xiàn)和闡明疑問(wèn)所在。在網(wǎng)站剖析中，通常用于轉(zhuǎn)化率比照，它不僅能展示用戶從進(jìn)入網(wǎng)站到完成采購(gòu)的終究轉(zhuǎn)化率，還可以展示每個(gè)過(guò)程的轉(zhuǎn)化率。
下風(fēng):單一漏斗圖無(wú)法評(píng)估網(wǎng)站某個(gè)要害流程中各過(guò)程轉(zhuǎn)化率的好壞。
5.地圖
適用場(chǎng)景：適用于有空間方位的數(shù)據(jù)集。
優(yōu)下風(fēng)：特別情況下運(yùn)用。
6.雷達(dá)圖
下風(fēng)：需求留意的時(shí)分，用戶不熟悉雷達(dá)圖，解讀有艱難。運(yùn)用時(shí)盡量加上闡明，減輕解讀擔(dān)負(fù)。
1.餅圖順序不妥
(最佳的做法是將比例最大的那有些放在12點(diǎn)方向，順時(shí)針?lè)胖玫诙蟊壤挠行?，以此類推?
2.在線狀圖中運(yùn)用虛線
(虛線會(huì)讓人分心，用實(shí)線調(diào)配適宜的色彩更簡(jiǎn)略區(qū)別。)
3.數(shù)據(jù)被遮蓋
(保證數(shù)據(jù)不會(huì)由于規(guī)劃而丟失或被掩蓋。例如在面積圖中運(yùn)用通明效果來(lái)保證用戶可以看到悉數(shù)數(shù)據(jù)。)
4. 消耗用戶更多的精力
(經(jīng)過(guò)輔佐的圖形元素來(lái)使數(shù)據(jù)更易于了解，比方在散點(diǎn)圖中添加趨勢(shì)線。)
5.柱狀過(guò)寬或過(guò)窄
(經(jīng)過(guò)調(diào)研，柱子的距離最佳調(diào)整為寬的1/2。)
6.數(shù)據(jù)比照艱難
(挑選適宜的圖表，讓數(shù)據(jù)比照更明顯直接。上圖的數(shù)據(jù)效果是為了比照，明顯，柱狀圖比餅圖在視覺(jué)上更易于比照。)
7.過(guò)錯(cuò)出現(xiàn)數(shù)據(jù)
(保證任何出現(xiàn)都是精確的，比方，上圖氣泡圖的面積巨細(xì)應(yīng)當(dāng)跟數(shù)值相同。)
8.不要過(guò)火規(guī)劃
(明白標(biāo)明各個(gè)圖形表明的數(shù)據(jù)，防止用與首要數(shù)據(jù)不相關(guān)的色彩，形狀攪擾視覺(jué)。)
9. 數(shù)據(jù)沒(méi)有極好歸類，沒(méi)有要點(diǎn)區(qū)別
(將同類數(shù)據(jù)歸類，簡(jiǎn)化色彩，協(xié)助用戶更快了解數(shù)據(jù)。上圖的第一張沒(méi)有歸于同類型手機(jī)中不相同系統(tǒng)進(jìn)行色彩上的歸類，然后減少了比照的效果。下圖就經(jīng)過(guò)藍(lán)色系極好的把iPhone,Android,WP版歸為一類，極好的與iPad版，別的比照。)
10.誤導(dǎo)用戶的圖表
(要客觀反映實(shí)在數(shù)據(jù)，縱坐標(biāo)不能被切斷，不然視覺(jué)感觸和實(shí)際數(shù)據(jù)相差很大。左圖的數(shù)據(jù)起始點(diǎn)被切斷從50開端。)
信息可視化包含了數(shù)據(jù)可視化，信息圖形，常識(shí)可視化，科學(xué)可視化，以及視覺(jué)規(guī)劃方面的一切開展與進(jìn)步。下面是信息可視化的事例共享。
(上圖根據(jù)60000封電子郵件存檔數(shù)據(jù)，用不相同色彩深度的線條出現(xiàn)了地址簿中用戶和個(gè)體之間的聯(lián)系，比方回復(fù)、發(fā)送、抄送。)
(上圖經(jīng)過(guò)數(shù)據(jù)化的比照，用變形的柱狀圖等圖形，形象的展示了不相同國(guó)家老師的收入水平，社會(huì)包含學(xué)生和大眾對(duì)其的尊重度。)
第一步：斷定表意準(zhǔn)確清晰信息圖表達(dá)內(nèi)容，斷定最首要的體現(xiàn)內(nèi)容。
第二步：優(yōu)化展示方式內(nèi)容準(zhǔn)確還不行，還要易懂。咱們需求在這個(gè)過(guò)程里尋覓信息圖最優(yōu)體現(xiàn)方式，讓讀者 一望而知，下降了解難度。
第三步：探究視覺(jué)個(gè)性在探究視覺(jué)個(gè)性時(shí)要留意抓大放小，先定下來(lái)最首要模塊的個(gè)性，再做延展。
第四步：完善細(xì)節(jié)視覺(jué)個(gè)性斷定后，可依據(jù)需求添加、完善細(xì)節(jié)。
第五步：個(gè)性延展“共同”的視覺(jué)設(shè)定有助于用戶了解，也能更好的提高品牌形象。所以主個(gè)性斷定后，咱們需求把它延展到其它有需求的頁(yè)面上。
以上是共享了數(shù)據(jù)可視化和信息可視化相關(guān)內(nèi)容，不過(guò)信息可視化和數(shù)據(jù)可視化是兩個(gè)簡(jiǎn)略混淆的概念，根據(jù)數(shù)據(jù)生成的數(shù)據(jù)可視化和信息可視化這兩者在實(shí)際使用中十分接近，而且有時(shí)可以相互更換運(yùn)用?？墒沁@兩者其實(shí)是不相同的，數(shù)據(jù)可視化是指那些用程序生成的圖形圖畫，這個(gè)程序可以被使用到許多不相同的數(shù)據(jù)上。信息可視化是指為某一數(shù)據(jù)定制的圖形圖畫，它往往是規(guī)劃者手藝定制的，只能使用在那個(gè)數(shù)據(jù)中。信息可視化的代表特征：具體化的，自解說(shuō)性的和獨(dú)立的。為了滿足這些特征，這個(gè)圖是需求手藝定制的。 并沒(méi)有任何一個(gè)可視化程序可以根據(jù)任一數(shù)據(jù)生成這么具體化的圖畫并在上面標(biāo)示一切的解說(shuō)性文字。
數(shù)據(jù)可視化則是普適的，比方平行坐標(biāo)圖并不由于數(shù)據(jù)的不相同而改動(dòng)自個(gè)的可視化規(guī)劃。可視化的強(qiáng)壯的普適性可以運(yùn)用戶迅速使用某種可視化技能在一些新的數(shù)據(jù)上，而且經(jīng)過(guò)可視化結(jié)果圖畫了解新數(shù)據(jù)，與針對(duì)已知特定數(shù)據(jù)進(jìn)行信息可視化規(guī)劃制作比較，用戶更像是經(jīng)過(guò)對(duì)數(shù)據(jù)進(jìn)行可視化的使用來(lái)學(xué)習(xí)和挖掘數(shù)據(jù)，而普適性的數(shù)據(jù)可視化技能自身并沒(méi)有解說(shuō)數(shù)據(jù)的功用。
這些可數(shù)據(jù)可視化和信息可視化，都可運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中，下面是編者在一個(gè)網(wǎng)頁(yè)設(shè)計(jì)中截出的圖
這個(gè)網(wǎng)頁(yè)理論，相信你有所了解了。
