如何讓你的數(shù)據(jù)更吸睛——數(shù)據(jù)可視化與信息可視化淺談

最近一直在思考一個問題:

我什么時候會被信息的浪潮拍死印蓖?

每天一睜眼看到密密麻麻的小紅點旗闽,好想砸手機!

挨個點掉蜡塌!

對于這樣的信息量其實我是拒絕的碉纳,好嘛!

我們常常迷失在數(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)略

所以

能堅持看到最后的都是英雄,歡迎點贊關注我的簡書~

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末聋迎,一起剝皮案震驚了整個濱河市脂矫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌砌庄,老刑警劉巖羹唠,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異娄昆,居然都是意外死亡,警方通過查閱死者的電腦和手機缝彬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門萌焰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谷浅,你說我怎么就攤上這事扒俯。” “怎么了一疯?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵撼玄,是天一觀的道長。 經(jīng)常有香客問我墩邀,道長掌猛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任眉睹,我火速辦了婚禮荔茬,結果婚禮上,老公的妹妹穿的比我還像新娘竹海。我一直安慰自己慕蔚,他們只是感情好,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布斋配。 她就那樣靜靜地躺著孔飒,像睡著了一般灌闺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上坏瞄,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天菩鲜,我揣著相機與錄音,去河邊找鬼惦积。 笑死接校,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的狮崩。 我是一名探鬼主播蛛勉,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼睦柴!你這毒婦竟也來了诽凌?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤坦敌,失蹤者是張志新(化名)和其女友劉穎侣诵,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體狱窘,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡杜顺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了蘸炸。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躬络。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖搭儒,靈堂內(nèi)的尸體忽然破棺而出穷当,到底是詐尸還是另有隱情,我是刑警寧澤淹禾,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布馁菜,位于F島的核電站,受9級特大地震影響铃岔,放射性物質(zhì)發(fā)生泄漏汪疮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一德撬、第九天 我趴在偏房一處隱蔽的房頂上張望铲咨。 院中可真熱鬧,春花似錦蜓洪、人聲如沸纤勒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽摇天。三九已至粹湃,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泉坐,已是汗流浹背为鳄。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留腕让,地道東北人孤钦。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像纯丸,于是被迫代替她去往敵國和親偏形。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容