一個成功而有價值的數(shù)據(jù)可視化應(yīng)該注意這25點技巧

9 評論 8418 瀏覽 52 收藏 17 分鐘

編輯導(dǎo)語:我們在工作中經(jīng)常會分析數(shù)據(jù),通過圖表等方式可以幫助我們更加清晰明了地看到分析結(jié)果,所以一個成功有價值的數(shù)據(jù)可視化能發(fā)揮到很大的作用;本文作者分享了關(guān)于數(shù)據(jù)可視化注意的25點技巧,我們一起來看一下。

數(shù)據(jù)可視化設(shè)計既是一門藝術(shù),也是一門科學(xué),這就是為什么對于菜鳥來說要掌握它是一個挑戰(zhàn);之前我寫過很多設(shè)計時應(yīng)該注意的圖表技巧,但是,單單注意設(shè)計上的形式美也是不夠的。

同時你還必須掌握對數(shù)據(jù)信息的敘事能力并通過設(shè)計的形式來最終展現(xiàn)出來,那么如何創(chuàng)造一個成功而又價值的數(shù)據(jù)可視化是一項至關(guān)重要的技能。

接下來我總結(jié)了一些數(shù)據(jù)可視化制作時候的要點分享給大家:

一、數(shù)據(jù)可視化的力量

眾所周知大腦在處理視覺信息時遠比處理文字信息效率要高,這就是為什么數(shù)據(jù)可視化設(shè)計在傳遞信息時如此有效的原因之一;通過“查看”數(shù)據(jù),大腦可以更輕松地攝取,合成和保留所呈現(xiàn)的數(shù)據(jù)分析信息。

不過在設(shè)計數(shù)據(jù)可視化大屏的時候,許多人會誤以為將幾個數(shù)據(jù)圖表集中放在一起展示就覺得是完成了一個數(shù)據(jù)可視化大屏;不過遺憾的是,通過這種方式制作出來的大屏不僅是做得不好,實際上可能會擾亂你的數(shù)據(jù)分析結(jié)果。

即使你在集中展示時沒有誤解數(shù)據(jù),但是沒有以最優(yōu)化的形式去呈現(xiàn)數(shù)據(jù),對你的數(shù)據(jù)大屏受眾來說都是非常不友好的事情;比如:受眾會不了解圖表之前的邏輯關(guān)系,大屏想要展現(xiàn)什么樣的故事,也就無法從數(shù)據(jù)大屏當中得到明確的數(shù)據(jù)分析結(jié)果,無法輔助他們作出有效的管理決策,這樣制作出來的數(shù)據(jù)大屏就是起到適得其反的作用。

二、數(shù)據(jù)可視化設(shè)計的25個技巧

首先,讓我們先來介紹一些制作大屏時應(yīng)該基本的注意事項。

記住最重要的一點,就是制作數(shù)據(jù)大屏的初心,那就是你所做的每個數(shù)據(jù)可視化設(shè)計都應(yīng)該增強受眾的體驗,而不是你的體驗(數(shù)據(jù)是嚴謹?shù)?,那么?jīng)過處理后的數(shù)據(jù)更應(yīng)該清晰明白的傳遞到受眾眼中)。

1. 選擇能夠正確講述故事的圖表形式

圖表的形式有很多種,可能會有不止有一種方式去展現(xiàn)可視化數(shù)據(jù)。

但是我們在這種情況下,一般要考慮要實現(xiàn)的目標,正在傳達的信息是什么樣的,具體要達到的目標等等,選擇最準確的數(shù)據(jù)可視化圖表形式。

這邊具體的圖表選擇依然可以看我之前的幾篇文章:

企業(yè)數(shù)據(jù)可視化過程中,這14個圖表設(shè)計師需要了解

搞定這10個基礎(chǔ)圖表,就能進行簡單的數(shù)據(jù)可視化設(shè)計

2. 拒絕使用不合理的圖表形式

在數(shù)據(jù)可視化過程當中我們需要注意圖表垃圾的出現(xiàn),比如:多余的圖表副本、不必要的插圖、陰影、裝飾等之類的內(nèi)容。

數(shù)據(jù)可視化的最偉大之處可以通過設(shè)計來更好的幫助你擺脫繁重的數(shù)據(jù)分析工作,來增強和傳達數(shù)據(jù)分析成果的便捷性;但是注意不要陷入繁雜設(shè)計的誤區(qū)當中,拒絕使用不合理的圖表形式,選擇正確的圖表,讓它做好自己的工作。

3. 做能夠讓人快速理解的設(shè)計

在開始創(chuàng)建可視化大屏之后,對于整體大屏的效果形態(tài),我們可以在圖表細節(jié)上考慮添加、調(diào)整或刪除哪些簡單元素,以使數(shù)據(jù)更易于讀者理解。

你可能在折線圖中添加了一條趨勢線,或者你可能意識到餅圖中的切片過多(最多使用6個)而刪節(jié)一些內(nèi)容;這些細微的調(diào)整有很大的不同,會對最終的大屏效果起到一定的影響。

比如下面兩幅圖的對比:

在左圖這個錯誤樣式當中我們可以看到錯誤的圖表樣式和花里胡哨不簡潔的文本信息,導(dǎo)致我們無法快速的找到可視化當中的重點。

右圖經(jīng)過處理后的數(shù)據(jù)可視化圖表,選擇了正確的圖表形式、簡潔的文本信息,可以讓受眾一眼抓住可視化想傳遞的信息重點,這樣的可視化才是優(yōu)秀的。

三、需要做比較的時候應(yīng)該注意什么?

很多時候,數(shù)據(jù)可視化使得數(shù)據(jù)間的比較變得容易得多,可以讓受眾直接“看到”兩個不同的數(shù)據(jù)集如何相互疊加;但是,僅將兩個圖表并排放置并不一定能做到這一點;實際上,這有可能會讓數(shù)據(jù)變得更加混亂。

4. 在折線圖中最好從零基線開始

盡管折線圖可以不必從零基線開始,但是如果它需要比較較多的數(shù)值時候,則應(yīng)把零基線包括在內(nèi)。

如果數(shù)據(jù)的相對較小波動是有意義的(例如,在股票市場數(shù)據(jù)中),則可以截斷比例,不必從零基線開始去顯示這些差異。

5. 始終選擇最有效的可視化

數(shù)據(jù)可視化一定是需要視覺上的一致性,以便讀者可以一目了然地進行比較。

這可能意味著你在使用堆積的條形圖,分組的條形圖或折線圖的時候,應(yīng)該注意種類的數(shù)量。

無論你選擇什么樣的圖表,最終都不要使讀者無法比較太多東西而感到不知所措;像下圖的案例當中就試用了有效且不繁雜的圖表,傳遞最真實的數(shù)據(jù)信息。

圖源:袋鼠云EasyV

6. 注意圖表的位置

在大屏當中你可能會出現(xiàn)需要設(shè)置兩個堆疊條形圖,旨在讓受眾對兩者進行比較,但是如果它們相距太遠而無法讓受眾清楚的熟知它們兩者間是“對比”的關(guān)系,則證明你的大屏圖表設(shè)置出現(xiàn)了問題。

7. 能夠講述具有連續(xù)性的故事

比如在第四季度時候,你公司的銷售額增長了30%,這是一件非常令人開心的事情;但是,還有什么更令人興奮的呢?

就是在大屏上能夠同時顯示你自第一季度以來實際上已經(jīng)實現(xiàn)了100%的銷售增長;雙雙對比,讓喜悅來的更多一些,故事從年度上來說就有連貫性。

四、關(guān)于文本信息

數(shù)據(jù)分析結(jié)果的大多數(shù)是依靠圖表來展示的,但是通常也將其與文本結(jié)合使用,用以聯(lián)系圖表之間的關(guān)系,就是說——在許多數(shù)據(jù)可視化,信息圖表和電子書中,我們看到數(shù)據(jù)可視化和文本是相互作用而不是相互影響的。

8. 不要過度解釋

如果在圖表當中已經(jīng)足夠表明數(shù)據(jù)分析結(jié)果,則子標題、標注和圖表標題無需重復(fù)。

9. 保持圖表標題簡潔明了

圖表上方的任何描述性文字都盡量保持簡短,并與下方的圖表直接相關(guān)。

切記:要提供給受眾最快的理解途徑。

10. 選擇正確的文本標注

文字標注不是用來填補大屏的空間。應(yīng)有意使用它們來突出顯示相關(guān)信息或提供其他圖表之間的邏輯關(guān)系。

11. 不要使用分散注意力的字體或元素

有時關(guān)鍵信息可能確實需要強調(diào)一點,如果是這樣,最好只使用粗體或斜體文本來強調(diào)一個點;但是千萬注意不要同時使用它們,這樣會讓視覺上顯得十分亂。

就像下圖一樣,過多的文字說明,只會讓圖表顯得繁雜:

五、關(guān)于顏色的使用

如果使用得當,顏色是一個很好的工具;如果使用不當,它不僅會分散讀者注意力,而且會誤導(dǎo)讀者,所以在數(shù)據(jù)可視化設(shè)計中應(yīng)該明智的去使用它。

12. 使用單一顏色代表相同類型的數(shù)據(jù)

如果要在條形圖上逐月去表示銷售數(shù)據(jù),最好統(tǒng)一使用一種顏色。

但是,如果要在分組圖表中比較去年的銷售額和今年的銷售額,則應(yīng)該使用每年不同的顏色,你還可以使用強調(diào)色突出顯示重要的數(shù)據(jù)點。

13. 注意正數(shù)和負數(shù)

不要將紅色用于正數(shù)或?qū)⒕G色用于負數(shù)。這些色彩關(guān)聯(lián)是如此強烈,以至于會自動在觀看者的腦海中翻轉(zhuǎn)含義。

14. 確保顏色之間有足夠的對比度

如果顏色過于相似(淺灰色與淺灰色,淺灰色),可能很難分辨出差異;相反,請勿使用高對比度的顏色組合,例如紅色/綠色或藍色/黃色。

15. 避免模式

條紋和圓點聽起來很有趣,但它們可能會令人分心;例如,如果您要區(qū)分地圖,請使用相同顏色的不同飽和度;但是要注意,最好僅使用純色線條。

就像下圖:

16. 適當選擇顏色

有一些顏色相比其他顏色在視覺上可能會顯得更加突出,從而給數(shù)據(jù)帶來不必要的影響;比較正確的方式是,最好使用具有不同陰影的單色或兩種類似顏色之間的光譜來顯示強度。

17. 在單個布局中不要使用超過6種顏色

這個說爛了,我也不再繼續(xù)強調(diào)了!就千萬不要像下面左圖這樣:

六、關(guān)于數(shù)據(jù)圖表上的標簽

標記可能是雷區(qū),數(shù)據(jù)可視化大屏受眾可能依靠標簽來解釋數(shù)據(jù),但是無論是過多還是過少的標簽都會干擾到大屏信息的傳播。

18. 仔細檢查所有內(nèi)容是否已貼上標簽

確保所有需要標簽的東西都有一個,并且沒有重復(fù)或錯別字。

19. 確保標簽可見

所有標簽都應(yīng)暢通無阻,并易于與相應(yīng)的數(shù)據(jù)點標識。

20. 直接標記線條

如果可能,在數(shù)據(jù)點中包含數(shù)據(jù)標簽,這使讀者可以快速識別線和相應(yīng)的標簽,從而不必尋找圖例或類似的點。

21. 不要超過標簽

如果數(shù)據(jù)點的精確值對于講述你的大屏故事很重要,最好是選擇添加數(shù)據(jù)標簽以增強理解力;如果精確值對于講述你的大屏故事并不重要,就不要使用數(shù)據(jù)標簽。

22. 最好不要將你的字體傾斜

如果軸標簽太擁擠,那還是需要去考慮是否刪除軸上的所有其他標簽,在圖表當中呈現(xiàn)一個比較合適的效果。

數(shù)據(jù)可視化的最終主旨是在幫助你更好的理解數(shù)據(jù),如果在數(shù)據(jù)的排序上使用隨機模式可能會對你嘗試傳達的數(shù)據(jù)信息有阻礙。

23. 直觀地去展現(xiàn)數(shù)據(jù)

數(shù)據(jù)的排序應(yīng)該有一個邏輯層次結(jié)構(gòu),按字母順序、順序或按值對類別進行排序。

24. 順序一致

圖例中的項目順序應(yīng)模仿圖表的順序。

25. 均勻點餐

在軸上使用自然增量(0、5、10、15、20),而不要使用不均勻的增量(0、3、5、16、50)。

比如下圖當中的展示:

七、如何掌握數(shù)據(jù)可視化和講好大屏故事的能力

1. 使用正確的資源

偉大的故事來自偉大的數(shù)據(jù),企業(yè)內(nèi)部數(shù)據(jù)是制作獨特而有趣的數(shù)據(jù)大屏來源,數(shù)據(jù)大屏是能夠非常有效輔助企業(yè)依據(jù)數(shù)據(jù)分析成果進行科學(xué)決策的手段之一。

2. 精心制作一個故事

數(shù)據(jù)敘事的真正力量,還是要取決于你從數(shù)據(jù)當中提取和塑造有凝聚力的敘述的能力,查找數(shù)據(jù)中的故事,并制定有效的數(shù)據(jù)敘述;通過優(yōu)秀的設(shè)計手段才能講好一個成果可靠的數(shù)據(jù)可視化大屏故事。

3. 選擇正確的圖表

為了確保你的數(shù)據(jù)具有最強的影響力,你需要為數(shù)據(jù)選擇正確的圖表表現(xiàn)形式;無論選用是靜態(tài)信息圖還是動態(tài)圖形,目標都應(yīng)該以講話一個數(shù)據(jù)可視化故事為中心。

4. 應(yīng)用設(shè)計基礎(chǔ)

好的設(shè)計固然很重要,還要記住,想從一眾設(shè)計當中脫引而出,就要從了解我們設(shè)計最常見的圖表的指南開始;了解如何在選擇正確圖表內(nèi)容的基礎(chǔ)上,考慮嘗試不同的視覺樣式,并從更多的技術(shù)圖表,B2B圖表和交互式圖表示例中獲得啟發(fā)。

5. 充分利用你的內(nèi)容

通過重新利用數(shù)據(jù)可視化或?qū)⑴f內(nèi)容轉(zhuǎn)換為信息圖表、電子書、動畫信息圖表、報告、微內(nèi)容等來獲得更大的信息資源。

千萬不要埋沒值得被大家看到的任何一個數(shù)據(jù)故事!

 

本文由 @數(shù)據(jù)可視化那些事 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 非常棒,作圖軟件是袋鼠云的easyv

    來自江蘇 回復(fù)
  2. 13條寫錯了吧。在國內(nèi),一般紅色代表增長,綠色代表減少。

    來自北京 回復(fù)
    1. 是的

      來自江蘇 回復(fù)
  3. 有沒有更多的大屏案例可以分享下啊,最近剛好有這個需求。

    回復(fù)
    1. 我也想知道,謝謝!

      來自廣東 回復(fù)
    2. 這個都可以去tob design看看有很多設(shè)計師分享,然后袋鼠云EasyV這個官網(wǎng)也有他們的很多實際案例??梢匀タ纯?/p>

      回復(fù)
  4. 想問問題主,文章中做圖的軟件是什么呢

    回復(fù)
    1. err。袋鼠云的EasyV

      回復(fù)
    2. 謝謝題主??

      回復(fù)