最近一直在思考一個問題:
我什么時候會被信息的浪潮拍死印蓖?
每天一睜眼看到密密麻麻的小紅點旗闽,好想砸手機!
挨個點掉蜡塌!
對于這樣的信息量其實我是拒絕的碉纳,好嘛!
我們常常迷失在數(shù)據(jù)中馏艾,紛繁復雜的數(shù)據(jù)讓我們無所適從劳曹。可視化作為解決這問題的有效手段琅摩,通過視覺的方式讓數(shù)字易于理解铁孵。
專業(yè)的說法是
數(shù)據(jù)可視化和信息可視化都是可視化的一種方式,數(shù)據(jù)可視化將數(shù)據(jù)庫中每一個數(shù)據(jù)項作為單個圖元元素表示房资,大量的數(shù)據(jù)集構成數(shù)據(jù)圖像库菲,同時將數(shù)據(jù)的各個屬性值以多維數(shù)據(jù)的形式表示,可以從不同的維度觀察數(shù)據(jù)志膀,從而對數(shù)據(jù)進行更深入的觀察和分析熙宇。信息可視化,旨在把數(shù)據(jù)資料以視覺化的方式表現(xiàn)出溉浙。信息可視化是一種將數(shù)據(jù)與設計結合起來的圖片烫止,有利于個人或組織簡短有效地向受眾傳播信息的數(shù)據(jù)表現(xiàn)形式。
什么鬼戳稽!
總而言之馆蠕,用戶可以通過對數(shù)據(jù)進行可視化的應用來學習和挖掘數(shù)據(jù);而信息可視化則具有解釋數(shù)據(jù)的功能及特征惊奇。
先讓老司機帶帶你互躬,來隨便感受一下可視化的魅力~
我天,別人已經(jīng)把信息和數(shù)據(jù)做成了海報颂郎,而我還在用excel~~~
· 信息可視化是如何get到我們的G點了呢吼渡?
因為它的趣味性、娛樂性乓序、視覺和數(shù)據(jù)的嚴謹與信息的可靠性結合到了一起····
扯JB淡
因為“懶”寺酪!
·為什么這么做呢坎背?
對比一下:閱讀書籍和雜志等這些可觸媒介,瀏覽電子屏幕的速度要慢得多寄雀!
事實上得滤,
我們已經(jīng)變成了內(nèi)容的掃描儀和過濾器。
研究表明盒犹,在一個常規(guī)頁面中懂更,每人平均只會閱讀20%的文字!
這就產(chǎn)生了一種新的行為模式— —
持續(xù)性部分關注
就是指用戶為樂最大化的獲取信息急膀,同時看多個渠道沮协。最后,他們確實接觸到了更多的內(nèi)容脖阵,但停留在比較膚淺的層面皂股,從而形成注意力碎片。
隨著碎片的增多命黔,我們的大腦便開始喜歡篩選并關注與眾不同的東西呜呐。
當我們面對一個新的內(nèi)容時,我們會先動用部分腦力來理解它所包含的信息悍募,然后再決定是否深入了解蘑辑。
關于大腦
大腦的一大任務就是視覺處理,近30%的鬧灰質(zhì)由視覺神經(jīng)元構成坠宴,幾乎半個大腦都是直接或間接用來處理視覺功能的洋魂。
對于圖像,我們可以直接提取相關記憶進行解讀喜鼓,而對于文本副砍,我們要先將文字以符號圖形的形式與記憶中儲存的圖形相匹配,再將字符組合成單詞庄岖,將單詞組合成句子豁翎,句子再組合成段落····這就不難理解,比起單純文本隅忿,大腦處理信息圖會更加省力心剥。
所以第一個原因就是——
時間就是生命啊背桐!
還有一個原因:信息可視化的可共享性优烧。
人們樂于分享信息圖是因為,易于理解链峭、不需要占用過多時間畦娄,而且新潮有趣。
好了,不BB了纷责。我梳理了可視化相關內(nèi)容捍掺,與大家分享撼短。
一再膳、數(shù)據(jù)可視化的圖表類型簡介。
二曲横、數(shù)據(jù)可視化圖表表達的10個錯誤喂柒。
三、信息可視化制作過程禾嫉。
數(shù)據(jù)可視化有很多既定的圖表類型灾杰,下面我們分別來談談這些圖表類型,他們的適用場景熙参,以及使用的優(yōu)勢和劣勢艳吠。
1. 柱狀圖
適用場景:它的適用場合是二維數(shù)據(jù)集(每個數(shù)據(jù)點包括兩個值x和y),但只有一個維度需要比較孽椰。
優(yōu)勢:柱狀圖利用柱子的高度昭娩,反映數(shù)據(jù)的差異。肉眼對高度差異很敏感黍匾,辨識效果非常好栏渺。
劣勢:柱狀圖的局限在于只適用中小規(guī)模的數(shù)據(jù)集。
2.折線圖
適用場景:折線圖適合二維的大數(shù)據(jù)集锐涯,尤其是那些趨勢比單個數(shù)據(jù)點更重要的場合磕诊。它還適合多個二維數(shù)據(jù)集的比較。
優(yōu)勢:容易反應出數(shù)據(jù)變化的趨勢纹腌。
3.餅圖
適用場景:適用簡單的占比圖霎终,在不要求數(shù)據(jù)精細的情況下可以適用。
劣勢:餅圖是一種應該避免使用的圖表升薯,因為肉眼對面積大小不敏感莱褒。
4.漏斗圖
適用場景:漏斗圖適用于業(yè)務流程比較規(guī)范、周期長覆劈、環(huán)節(jié)多的流程分析保礼,通過漏斗各環(huán)節(jié)業(yè)務數(shù)據(jù)的比較,能夠直觀地發(fā)現(xiàn)和說明問題所在责语。
優(yōu)勢:能夠直觀地發(fā)現(xiàn)和說明問題所在炮障。在網(wǎng)站分析中,通常用于轉化率比較坤候,它不僅能展示用戶從進入網(wǎng)站到實現(xiàn)購買的最終轉化率胁赢,還可以展示每個步驟的轉化率。
劣勢:單一漏斗圖無法評價網(wǎng)站某個關鍵流程中各步驟轉化率的好壞白筹。
5.地圖
適用場景:適用于有空間位置的數(shù)據(jù)集智末。
優(yōu)劣勢:特殊狀況下使用谅摄。
6.雷達圖
適用場景:雷達圖適用于多維數(shù)據(jù)(四維以上),且每個維度必須可以排序系馆。但是送漠,它有一個局限,就是數(shù)據(jù)點最多6個由蘑,否則無法辨別闽寡,因此適用場合有限。
劣勢:需要注意的時候尼酿,用戶不熟悉雷達圖爷狈,解讀有困難。使用時盡量加上說明裳擎,減輕解讀負擔涎永。
1. 餅圖順序不當
餅圖是一種非常簡單的可視化工具,但他們卻常常過于復雜鹿响。份額應該直觀排序羡微,而且不要超過5個細分。有兩種排序方法都可以讓你的讀者迅速抓取最多的重要信息
(最好的做法是將份額最大的那部分放在12點方向抢野,順時針放置第二大份額的部分拷淘,以此類推。)
2. 在線狀圖中使用虛線
(虛線會讓人分心指孤,用實線搭配合適的顏色更容易區(qū)分启涯。)
3. 數(shù)據(jù)模糊化(數(shù)據(jù)被遮蓋)
(確保數(shù)據(jù)不會因為設計而丟失或被覆蓋。例如在面積圖中使用透明效果來確保用戶可以看到全部數(shù)據(jù)恃轩。)
4. 耗費用戶更多的精力
(通過輔助的圖形元素來使數(shù)據(jù)更易于理解结洼,比如在散點圖中增加趨勢線。)
5. 柱狀過寬或過窄
(經(jīng)過調(diào)研叉跛,柱子的間隔最好調(diào)整為寬的1/2松忍。)
6. 數(shù)據(jù)對比困難
(選擇合適的圖表,讓數(shù)據(jù)對比更明顯直接筷厘。上圖的數(shù)據(jù)作用是為了比較鸣峭,顯然,柱狀圖比餅圖在視覺上更易于比較酥艳。)
7. 錯誤呈現(xiàn)數(shù)據(jù)
(確保任何呈現(xiàn)都是準確的摊溶,比如,上圖氣泡圖的面積大小應該跟數(shù)值一樣充石。)
8. 不要過分設計
(清楚標明各個圖形表示的數(shù)據(jù)莫换,避免用與主要數(shù)據(jù)不相關的顏色,形狀干擾視覺。)
9. 數(shù)據(jù)沒有很好歸類拉岁,沒有重點區(qū)分
(將同類數(shù)據(jù)歸類坷剧,簡化色彩,幫助用戶更快理解數(shù)據(jù)喊暖。上圖的第一張沒有屬于同類型手機中不同系統(tǒng)進行顏色上的歸類惫企,從而減少了比較的作用。下圖就通過藍色系很好的把iPhone,Android,WP版歸為一類哄啄,很好的與iPad版雅任,其他比較风范。)
10. 誤導用戶的圖表
(要客觀反映真實數(shù)據(jù)咨跌,縱坐標不能被截斷,否則視覺感受和實際數(shù)據(jù)相差很大硼婿。左圖的數(shù)據(jù)起始點被截斷從50開始锌半。)
“很重要”——數(shù)據(jù)可視化圖表建議圖
點開查看大圖
若覺得還不清晰,請后臺回復【圖表建議】獲取高清圖
信息可視化案例
信息可視化囊括了數(shù)據(jù)可視化寇漫,信息圖形刊殉,知識可視化,科學可視化州胳,以及視覺設計方面的所有發(fā)展與進步记焊。下面是信息可視化的案例分享。
(上圖為關系網(wǎng)——基于60000封電子郵件存檔數(shù)據(jù)栓撞,用不同顏色深度的線條呈現(xiàn)了地址簿中用戶和個體之間的關系遍膜,比如回復、發(fā)送瓤湘、抄送瓢颅。)
(上圖通過數(shù)據(jù)化的比較,用變形的柱狀圖等圖形弛说,形象的展示了不同國家老師的收入水平挽懦,社會包括學生和公眾對其的尊重度。)
(上圖北京市地鐵線路圖設計木人,也算是信息可視化表達的一種方法信柿。)
1. 定義角色視角
其實也就是我們常說的用戶需求。任何設計作品都不可避免用戶角色醒第,所謂“見人說人話渔嚷,見鬼說鬼話”就是告訴我們針對不同的叫色要有不同的表達視角。
要永遠記得每個角色都有自己的工作流程和對數(shù)據(jù)的需求淘讥,不可一概而同圃伶。
想好你要給誰看,然后圍繞他們來組織信息結構與線框圖。
鎖定他們的需求窒朋,超越他們的期望搀罢。
2. 確定表意正確
設計不單是做一個極具美感的軀殼,更重要的是他背后的實用價值——設計的實用性侥猩。
確定表意正確明確信息圖表達內(nèi)容榔至,確定最主要的表現(xiàn)內(nèi)容。寧可丑欺劳,不可錯唧取。
3. 優(yōu)化展現(xiàn)形式
《淘寶技術這十年》書中有一句話說的好:
“好的架構圖充滿美感”
對于信息圖來說,光內(nèi)容正確還不夠划提,更要易懂枫弟。我們需要在這個步驟里尋找信息圖最優(yōu)表現(xiàn)形式,讓讀者 一目了然鹏往,降低理解難度淡诗,避免過度設計。
根據(jù)金字塔原則伊履,首先為用戶呈現(xiàn)他們需要的韩容,再講頁面余下的信息根據(jù)用戶故事或信息層級,進行結構化處理唐瀑。
避免雜亂無序的附加信息讓讀者分心群凶,如果一開始就使人分心,那么用戶不僅難以分辨每個元素是什么哄辣,也難以集中精力于整個流程请梢。
4.內(nèi)容整合梳理
一個小小的體驗細節(jié)優(yōu)化,就可以讓你的信息圖在同類設計中脫穎而出柔滔。
內(nèi)容上要按照一定的邏輯進行血崭,總結一下思維可視化的4類模型:
放射狀規(guī)則(思維導圖漏峰、魚骨圖)
層次化規(guī)則(架構圖债热、組織結構圖)
線性化規(guī)則(路徑圖旭咽、時間線)
矩陣式規(guī)則(SWOT分析、商業(yè)模式畫布)
其實模型還有千千萬超全,具體情況采用不同的模型咆霜,或者發(fā)明創(chuàng)造新的思維模型,全靠悟性嘍嘶朱!
5. 探索視覺風格
嘗試不同的畫面風格蛾坯,如果有多頁同系列,注意不同的頁面之間的一致性和區(qū)別性疏遏。這里用到視覺設計中排版技巧脉课,不多講救军。
在探索視覺風格時要注意抓大放小,先定下來最主要模塊的風格倘零,再做延展唱遭。
完善細節(jié)視覺風格確定后,可根據(jù)需要添加呈驶、完善細節(jié)拷泽。邏輯決定成敗。
寫在最后:
信息化的最終目的還是傳播袖瞻,
向潛在用戶解說產(chǎn)品理念司致、產(chǎn)品特性和優(yōu)勢
向顧客介紹商業(yè)流程和服務項目
向員工講解創(chuàng)意和決策
向投資宣傳企業(yè)理念和戰(zhàn)略
所以
能堅持看到最后的都是英雄,歡迎點贊關注我的簡書~