掌握這25條小貼士,快速提升數(shù)據(jù)可視化能力!
時(shí)間:2018-10-18 17:20:00 閱讀:3539 整理:廣州市場(chǎng)調(diào)查公司
可視化不是單純的數(shù)據(jù)展示,其真正價(jià)值是設(shè)計(jì)出可以被讀者輕松理解的數(shù)據(jù)展示。設(shè)計(jì)過(guò)程中的每一個(gè)選擇,最終都應(yīng)落地于讀者的體驗(yàn),而非設(shè)計(jì)者個(gè)人。
本文提到了一些常見(jiàn)錯(cuò)誤,也是我們團(tuán)隊(duì)總結(jié)出的一些技巧。這25條小貼士能夠快速提升和鞏固你的數(shù)據(jù)可視化設(shè)計(jì)。一起來(lái)看看!
一、原則
1. 選擇可以講故事的圖表
你首先需要思考清楚你想達(dá)到什么目的、傳達(dá)什么信息、以及你的用戶(hù)是誰(shuí)等。
2. 刪減與故事無(wú)關(guān)的元素
這并不意味著要減少數(shù)據(jù)量,而是要多留意圖表垃圾、多余的信息、不必要的說(shuō)明、陰影、裝飾等??梢暬慕^妙之處在于它可以四兩撥千斤般強(qiáng)化并傳達(dá)你想表達(dá)的故事。(但可別用3D圖表——它會(huì)讓視覺(jué)化感知效果出現(xiàn)偏差)。
3. 為了更好的理解去設(shè)計(jì)
創(chuàng)建好可視化原型后,退一步考慮如何才能讓讀者更容易地理解數(shù)據(jù)。還可以增加、微調(diào)或者移除哪些簡(jiǎn)單的元素?或許要在線(xiàn)性圖表里增加一條趨勢(shì)線(xiàn),你也可能會(huì)發(fā)現(xiàn)餅圖切片太多了(最多只能用6片)。這些微妙的調(diào)整將會(huì)帶來(lái)極大的改變。
二、對(duì)比
可視化讓數(shù)據(jù)對(duì)比更直觀(guān),但是僅僅把兩組圖表緊挨著放在一起并不能達(dá)成這個(gè)目標(biāo),甚至更令人費(fèi)解。(試想將32個(gè)不同的餅狀圖放在一起對(duì)比?No way!)
4. 加入零點(diǎn)基準(zhǔn)線(xiàn)
盡管線(xiàn)性圖表不一定從零點(diǎn)開(kāi)始,但如果圖表中含大量對(duì)比數(shù)據(jù)的話(huà),零點(diǎn)就很有必要。相對(duì)來(lái)說(shuō),數(shù)據(jù)的小幅波動(dòng)是有意義的(比如股票市場(chǎng)的數(shù)據(jù)),那么你就需要截?cái)嘁粋€(gè)范圍以展示它們的不同。
5. 選擇最高效的可視化圖形
保持視覺(jué)的一致性,讓讀者可以一眼辨別出,這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線(xiàn)圖了。但無(wú)論選擇哪種圖形,不要讓讀者費(fèi)力去對(duì)比太多東西。
6. 注意擺放的位置
如果用兩個(gè)好看的堆疊型柱狀圖讓讀者去對(duì)比,但如果它們相距甚遠(yuǎn),那就別談什么對(duì)比了。
7. 講完整的故事
或許你第四季度的銷(xiāo)售額增長(zhǎng)了30%,這是不是很令人興奮?但還有更令人興奮的,對(duì)比展示第一季度的數(shù)據(jù),銷(xiāo)售額就有了100%的增長(zhǎng)。
三、上下文
誠(chéng)然,數(shù)據(jù)與數(shù)字相關(guān),但它通常結(jié)合上下文,一般是為后文要點(diǎn)提供背景知識(shí)。但在諸多數(shù)據(jù)可視化、信息圖表和電子書(shū)中,我們看到的都是將數(shù)據(jù)可視化和上下文對(duì)立起來(lái),而非結(jié)合使用。
8. 不要過(guò)度解釋
如果上下文已經(jīng)提到了某件事,副標(biāo)題、標(biāo)注、標(biāo)題中不必重申一遍。
9. 讓圖表標(biāo)題簡(jiǎn)單扼要
沒(méi)必要用俏皮、啰嗦或雙關(guān)的語(yǔ)句。圖表上方的描述性標(biāo)題應(yīng)簡(jiǎn)明扼要,并與下方圖表直接相關(guān)。記?。宏P(guān)注那些讓人快速理解的方式。
10. 善用標(biāo)注
標(biāo)注并非用來(lái)填充空白的,而該用來(lái)強(qiáng)調(diào)相關(guān)信息或提供額外的背景知識(shí)。
11. 不要使用讓人分心的字體或元素
有時(shí)確實(shí)需要強(qiáng)調(diào)某一點(diǎn),只要用粗體或斜體文字即可,無(wú)須同時(shí)使用二者。
四、顏色
使用得當(dāng),顏色是出色的工具。但使用不當(dāng),不僅會(huì)讓讀者分心,甚至?xí)a(chǎn)生誤導(dǎo)。因此,請(qǐng)合理地使用顏色。
12. 使用一種顏色去表達(dá)相同類(lèi)型的數(shù)據(jù)
如果條形圖展示了月銷(xiāo)售數(shù)據(jù),那只需一種顏色即可。如果要在一組圖表上對(duì)比今年和去年的銷(xiāo)售數(shù)據(jù),那么可用不同顏色代表不同年份的數(shù)據(jù)。另外,還可使用一個(gè)強(qiáng)調(diào)色去突出重點(diǎn)數(shù)據(jù)。
13. 注意積極和消極數(shù)據(jù)的表達(dá)
不要用紅色表示積極數(shù)據(jù)或用綠色表達(dá)消極數(shù)據(jù)。這些顏色關(guān)聯(lián)歷來(lái)很強(qiáng),它們?cè)缫言谧x者心中打上了標(biāo)簽。
14. 確保顏色間有足夠的對(duì)比
如果顏色過(guò)于相似(例如淺灰與更淺的灰),人們難以發(fā)現(xiàn)兩者間的區(qū)別。相反,也要避免強(qiáng)烈的對(duì)比色,例如紅配綠或藍(lán)配黃。
15. 避免使用圖案
條紋和波點(diǎn)圖案聽(tīng)起來(lái)有趣,但卻十分讓人分心。如果你想在地圖等地方加以區(qū)分,可使用不同飽和度的同色,而且要純色實(shí)線(xiàn)。
16. 使用恰當(dāng)?shù)念伾?
當(dāng)圖表中的某些顏色比其他顏色更加突出時(shí),會(huì)給數(shù)據(jù)增加不必要的重要性。因此,應(yīng)該使用陰影有區(qū)別的單色或相同光譜中的兩個(gè)類(lèi)似色來(lái)區(qū)分強(qiáng)度。記住要用直覺(jué)以及色彩明暗去調(diào)整重要性。
17. 不要在一張圖上使用6種以上的顏色
看圖足矣。
五、標(biāo)簽
標(biāo)簽可能會(huì)變成雷區(qū)。雖然讀者依靠標(biāo)簽來(lái)解釋數(shù)據(jù),但是太多或太少都會(huì)產(chǎn)生干擾。
18. 保證一切都貼上了標(biāo)簽
確保所有需要的信息都有標(biāo)簽——并且沒(méi)有重復(fù)或拼寫(xiě)錯(cuò)誤。
19. 確保標(biāo)簽可見(jiàn)
所有標(biāo)簽應(yīng)清晰可見(jiàn),并且對(duì)應(yīng)的數(shù)據(jù)點(diǎn)都可以輕松識(shí)別。
20. 可以直接標(biāo)記線(xiàn)條
如果可能,請(qǐng)?jiān)跀?shù)據(jù)點(diǎn)中包含數(shù)據(jù)標(biāo)簽。讀者可以快速識(shí)別線(xiàn)條和對(duì)應(yīng)標(biāo)簽,不必尋找圖例說(shuō)明或類(lèi)似的數(shù)值。
21. 不要過(guò)度標(biāo)記
如果數(shù)據(jù)點(diǎn)的精確度對(duì)于故事講述很重要,那么請(qǐng)包含數(shù)據(jù)標(biāo)簽以增強(qiáng)理解力。若并不重要,請(qǐng)忽略數(shù)據(jù)標(biāo)簽。
22. 不要傾斜地放置標(biāo)簽
如果在數(shù)據(jù)軸上的標(biāo)簽過(guò)于擁擠,請(qǐng)考慮刪除軸上的其他標(biāo)簽,以使文本排布更舒服。
六、排序
數(shù)據(jù)可視化旨在幫助理解,難以理解的隨機(jī)模式讓人感到沮喪,并會(huì)破壞想傳達(dá)的內(nèi)容。
23. 直觀(guān)地排列數(shù)據(jù)
圖表應(yīng)該有一個(gè)邏輯結(jié)構(gòu),可以將數(shù)據(jù)按照字母、順序或大小類(lèi)別排列。
24. 排序連貫
圖例的排序應(yīng)和圖表中的順序保持一致。
25. 排序均勻
在軸上使用自然增量(0、5、10、15、20),而非不均勻的增量(0、3、5、16、50)。
關(guān)注公眾號(hào):
華夏經(jīng)緯數(shù)據(jù)科技
更多調(diào)研資訊>>
本站文章內(nèi)容以及所涉數(shù)據(jù)、圖片等資料來(lái)源于網(wǎng)絡(luò),轉(zhuǎn)載目的在于傳遞更多信息。版權(quán)歸作者所有,文章僅代表作者觀(guān)點(diǎn),不代表華夏經(jīng)緯立場(chǎng)。 如涉及侵權(quán),請(qǐng)聯(lián)系管理員刪除。在法律許可的范圍內(nèi),華夏經(jīng)緯(廣州)數(shù)據(jù)科技股份有限公司享有最終解釋權(quán)。