最近一直在思考一個問題：
我什么時候會被信息的浪潮拍死？
每天一睜眼看到密密麻麻的小紅點(diǎn)，好想砸手機(jī)！
挨個點(diǎn)掉！
對于這樣的信息量其實(shí)我是拒絕的，好嘛！
我們常常迷失在數(shù)據(jù)中，紛繁復(fù)雜的數(shù)據(jù)讓我們無所適從。可視化作為解決這問題的有效手段，通過視覺的方式讓數(shù)字易于理解。
專業(yè)的說法是
數(shù)據(jù)可視化和信息可視化都是可視化的一種方式，數(shù)據(jù)可視化將數(shù)據(jù)庫中每一個數(shù)據(jù)項(xiàng)作為單個圖元元素表示，大量的數(shù)據(jù)集構(gòu)成數(shù)據(jù)圖像，同時將數(shù)據(jù)的各個屬性值以多維數(shù)據(jù)的形式表示，可以從不同的維度觀察數(shù)據(jù)，從而對數(shù)據(jù)進(jìn)行更深入的觀察和分析。信息可視化，旨在把數(shù)據(jù)資料以視覺化的方式表現(xiàn)出。信息可視化是一種將數(shù)據(jù)與設(shè)計結(jié)合起來的圖片，有利于個人或組織簡短有效地向受眾傳播信息的數(shù)據(jù)表現(xiàn)形式。
什么鬼！
總而言之，用戶可以通過對數(shù)據(jù)進(jìn)行可視化的應(yīng)用來學(xué)習(xí)和挖掘數(shù)據(jù)；而信息可視化則具有解釋數(shù)據(jù)的功能及特征。
先讓老司機(jī)帶帶你，來隨便感受一下可視化的魅力~
我天，別人已經(jīng)把信息和數(shù)據(jù)做成了海報，而我還在用excel~~~
· 信息可視化是如何get到我們的G點(diǎn)了呢？
因?yàn)樗娜の缎?、娛樂性、視覺和數(shù)據(jù)的嚴(yán)謹(jǐn)與信息的可靠性結(jié)合到了一起····
扯JB淡
因?yàn)?b>“懶”！
·為什么這么做呢？
對比一下：閱讀書籍和雜志等這些可觸媒介，瀏覽電子屏幕的速度要慢得多！
事實(shí)上，
我們已經(jīng)變成了內(nèi)容的掃描儀和過濾器。
研究表明，在一個常規(guī)頁面中，每人平均只會閱讀20%的文字！
這就產(chǎn)生了一種新的行為模式— —
持續(xù)性部分關(guān)注
就是指用戶為樂最大化的獲取信息，同時看多個渠道。最后，他們確實(shí)接觸到了更多的內(nèi)容，但停留在比較膚淺的層面，從而形成注意力碎片。
隨著碎片的增多，我們的大腦便開始喜歡篩選并關(guān)注與眾不同的東西。
當(dāng)我們面對一個新的內(nèi)容時，我們會先動用部分腦力來理解它所包含的信息，然后再決定是否深入了解。
關(guān)于大腦
大腦的一大任務(wù)就是視覺處理，近30%的鬧灰質(zhì)由視覺神經(jīng)元構(gòu)成，幾乎半個大腦都是直接或間接用來處理視覺功能的。
對于圖像，我們可以直接提取相關(guān)記憶進(jìn)行解讀，而對于文本，我們要先將文字以符號圖形的形式與記憶中儲存的圖形相匹配，再將字符組合成單詞，將單詞組合成句子，句子再組合成段落····這就不難理解，比起單純文本，大腦處理信息圖會更加省力。
所以第一個原因就是——
時間就是生命?。?/b>
還有一個原因：信息可視化的可共享性。
人們樂于分享信息圖是因?yàn)?，易于理解、不需要占用過多時間，而且新潮有趣。
好了，不BB了。我梳理了可視化相關(guān)內(nèi)容，與大家分享。
一、數(shù)據(jù)可視化的圖表類型簡介。
二、數(shù)據(jù)可視化圖表表達(dá)的10個錯誤。
三、信息可視化制作過程。
數(shù)據(jù)可視化有很多既定的圖表類型，下面我們分別來談?wù)勥@些圖表類型，他們的適用場景，以及使用的優(yōu)勢和劣勢。
1. 柱狀圖
適用場景：它的適用場合是二維數(shù)據(jù)集（每個數(shù)據(jù)點(diǎn)包括兩個值x和y），但只有一個維度需要比較。
優(yōu)勢：柱狀圖利用柱子的高度，反映數(shù)據(jù)的差異。肉眼對高度差異很敏感，辨識效果非常好。
劣勢：柱狀圖的局限在于只適用中小規(guī)模的數(shù)據(jù)集。
2.折線圖
適用場景:折線圖適合二維的大數(shù)據(jù)集，尤其是那些趨勢比單個數(shù)據(jù)點(diǎn)更重要的場合。它還適合多個二維數(shù)據(jù)集的比較。
優(yōu)勢：容易反應(yīng)出數(shù)據(jù)變化的趨勢。
3.餅圖
適用場景：適用簡單的占比圖，在不要求數(shù)據(jù)精細(xì)的情況下可以適用。
劣勢：餅圖是一種應(yīng)該避免使用的圖表，因?yàn)槿庋蹖γ娣e大小不敏感。
4.漏斗圖
適用場景：漏斗圖適用于業(yè)務(wù)流程比較規(guī)范、周期長、環(huán)節(jié)多的流程分析，通過漏斗各環(huán)節(jié)業(yè)務(wù)數(shù)據(jù)的比較，能夠直觀地發(fā)現(xiàn)和說明問題所在。
優(yōu)勢：能夠直觀地發(fā)現(xiàn)和說明問題所在。在網(wǎng)站分析中，通常用于轉(zhuǎn)化率比較，它不僅能展示用戶從進(jìn)入網(wǎng)站到實(shí)現(xiàn)購買的最終轉(zhuǎn)化率，還可以展示每個步驟的轉(zhuǎn)化率。
劣勢：單一漏斗圖無法評價網(wǎng)站某個關(guān)鍵流程中各步驟轉(zhuǎn)化率的好壞。
5.地圖
適用場景：適用于有空間位置的數(shù)據(jù)集。
優(yōu)劣勢：特殊狀況下使用。
6.雷達(dá)圖
適用場景：雷達(dá)圖適用于多維數(shù)據(jù)（四維以上），且每個維度必須可以排序。但是，它有一個局限，就是數(shù)據(jù)點(diǎn)最多6個，否則無法辨別，因此適用場合有限。
劣勢：需要注意的時候，用戶不熟悉雷達(dá)圖，解讀有困難。使用時盡量加上說明，減輕解讀負(fù)擔(dān)。
1. 餅圖順序不當(dāng)
餅圖是一種非常簡單的可視化工具，但他們卻常常過于復(fù)雜。份額應(yīng)該直觀排序，而且不要超過5個細(xì)分。有兩種排序方法都可以讓你的讀者迅速抓取最多的重要信息
（最好的做法是將份額最大的那部分放在12點(diǎn)方向，順時針放置第二大份額的部分，以此類推。）
2. 在線狀圖中使用虛線
（虛線會讓人分心，用實(shí)線搭配合適的顏色更容易區(qū)分。）
3. 數(shù)據(jù)模糊化（數(shù)據(jù)被遮蓋）
（確保數(shù)據(jù)不會因?yàn)樵O(shè)計而丟失或被覆蓋。例如在面積圖中使用透明效果來確保用戶可以看到全部數(shù)據(jù)。）
4. 耗費(fèi)用戶更多的精力
（通過輔助的圖形元素來使數(shù)據(jù)更易于理解，比如在散點(diǎn)圖中增加趨勢線。）
5. 柱狀過寬或過窄
（經(jīng)過調(diào)研，柱子的間隔最好調(diào)整為寬的1/2。）
6. 數(shù)據(jù)對比困難
（選擇合適的圖表，讓數(shù)據(jù)對比更明顯直接。上圖的數(shù)據(jù)作用是為了比較，顯然，柱狀圖比餅圖在視覺上更易于比較。）
7. 錯誤呈現(xiàn)數(shù)據(jù)
（確保任何呈現(xiàn)都是準(zhǔn)確的，比如，上圖氣泡圖的面積大小應(yīng)該跟數(shù)值一樣。）
8. 不要過分設(shè)計
（清楚標(biāo)明各個圖形表示的數(shù)據(jù)，避免用與主要數(shù)據(jù)不相關(guān)的顏色，形狀干擾視覺。）
9. 數(shù)據(jù)沒有很好歸類，沒有重點(diǎn)區(qū)分
（將同類數(shù)據(jù)歸類，簡化色彩，幫助用戶更快理解數(shù)據(jù)。上圖的第一張沒有屬于同類型手機(jī)中不同系統(tǒng)進(jìn)行顏色上的歸類，從而減少了比較的作用。下圖就通過藍(lán)色系很好的把iPhone,Android,WP版歸為一類，很好的與iPad版，其他比較。）
10. 誤導(dǎo)用戶的圖表
（要客觀反映真實(shí)數(shù)據(jù)，縱坐標(biāo)不能被截斷，否則視覺感受和實(shí)際數(shù)據(jù)相差很大。左圖的數(shù)據(jù)起始點(diǎn)被截斷從50開始。）
“很重要”——數(shù)據(jù)可視化圖表建議圖
點(diǎn)開查看大圖
若覺得還不清晰，請后臺回復(fù)【圖表建議】獲取高清圖
信息可視化案例
信息可視化囊括了數(shù)據(jù)可視化，信息圖形，知識可視化，科學(xué)可視化，以及視覺設(shè)計方面的所有發(fā)展與進(jìn)步。下面是信息可視化的案例分享。
(上圖為關(guān)系網(wǎng)——基于60000封電子郵件存檔數(shù)據(jù)，用不同顏色深度的線條呈現(xiàn)了地址簿中用戶和個體之間的關(guān)系，比如回復(fù)、發(fā)送、抄送。)
（上圖通過數(shù)據(jù)化的比較，用變形的柱狀圖等圖形，形象的展示了不同國家老師的收入水平，社會包括學(xué)生和公眾對其的尊重度。）
(上圖北京市地鐵線路圖設(shè)計，也算是信息可視化表達(dá)的一種方法。)
1. 定義角色視角
其實(shí)也就是我們常說的用戶需求。任何設(shè)計作品都不可避免用戶角色，所謂“見人說人話，見鬼說鬼話”就是告訴我們針對不同的叫色要有不同的表達(dá)視角。
要永遠(yuǎn)記得每個角色都有自己的工作流程和對數(shù)據(jù)的需求，不可一概而同。
想好你要給誰看，然后圍繞他們來組織信息結(jié)構(gòu)與線框圖。
鎖定他們的需求，超越他們的期望。
2. 確定表意正確
設(shè)計不單是做一個極具美感的軀殼，更重要的是他背后的實(shí)用價值——設(shè)計的實(shí)用性。
確定表意正確明確信息圖表達(dá)內(nèi)容，確定最主要的表現(xiàn)內(nèi)容。寧可丑，不可錯。
3. 優(yōu)化展現(xiàn)形式
《淘寶技術(shù)這十年》書中有一句話說的好：
“好的架構(gòu)圖充滿美感”
對于信息圖來說，光內(nèi)容正確還不夠，更要易懂。我們需要在這個步驟里尋找信息圖最優(yōu)表現(xiàn)形式，讓讀者 一目了然，降低理解難度，避免過度設(shè)計。
根據(jù)金字塔原則，首先為用戶呈現(xiàn)他們需要的，再講頁面余下的信息根據(jù)用戶故事或信息層級，進(jìn)行結(jié)構(gòu)化處理。
避免雜亂無序的附加信息讓讀者分心，如果一開始就使人分心，那么用戶不僅難以分辨每個元素是什么，也難以集中精力于整個流程。
4.內(nèi)容整合梳理
一個小小的體驗(yàn)細(xì)節(jié)優(yōu)化，就可以讓你的信息圖在同類設(shè)計中脫穎而出。
內(nèi)容上要按照一定的邏輯進(jìn)行，總結(jié)一下思維可視化的4類模型：
放射狀規(guī)則（思維導(dǎo)圖、魚骨圖）
層次化規(guī)則（架構(gòu)圖、組織結(jié)構(gòu)圖）
線性化規(guī)則（路徑圖、時間線）
矩陣式規(guī)則（SWOT分析、商業(yè)模式畫布）
其實(shí)模型還有千千萬，具體情況采用不同的模型，或者發(fā)明創(chuàng)造新的思維模型，全靠悟性嘍！
5. 探索視覺風(fēng)格
嘗試不同的畫面風(fēng)格，如果有多頁同系列，注意不同的頁面之間的一致性和區(qū)別性。這里用到視覺設(shè)計中排版技巧，不多講。
在探索視覺風(fēng)格時要注意抓大放小，先定下來最主要模塊的風(fēng)格，再做延展。
完善細(xì)節(jié)視覺風(fēng)格確定后，可根據(jù)需要添加、完善細(xì)節(jié)。邏輯決定成敗。
寫在最后：
信息化的最終目的還是傳播，
向潛在用戶解說產(chǎn)品理念、產(chǎn)品特性和優(yōu)勢
向顧客介紹商業(yè)流程和服務(wù)項(xiàng)目
向員工講解創(chuàng)意和決策
向投資宣傳企業(yè)理念和戰(zhàn)略
所以
能堅持看到最后的都是英雄，歡迎點(diǎn)贊關(guān)注我的簡書~
