掌握這25條小貼士,快速提升數據可視化能力!
時(shi)間:2017-10-18 17:20:00 閱讀:3563 整理:廣州市場調查公司
可視化不是單純(chun)的(de)(de)數據(ju)展(zhan)示(shi)(shi),其真(zhen)正(zheng)價值(zhi)是設計(ji)出(chu)可以被讀者輕松理解的(de)(de)數據(ju)展(zhan)示(shi)(shi)。設計(ji)過程中的(de)(de)每一個(ge)選擇(ze),最終都(dou)應落地于讀者的(de)(de)體驗,而非設計(ji)者個(ge)人。
本文(wen)提(ti)到了一些常見錯誤,也是我(wo)們團隊總(zong)結出的一些技(ji)巧。這25條小貼士能夠快(kuai)速提(ti)升和鞏(gong)固(gu)你的數(shu)據(ju)可視化設計。一起來(lai)看看!
一、原則
1. 選擇可以(yi)講故事的(de)圖表
你首先需要(yao)思考清楚你想達(da)到什么(me)目的(de)、傳達(da)什么(me)信息、以及你的(de)用戶是誰等。
2. 刪減(jian)與故事無關的元素
這并不意味著(zhu)要(yao)減少數據量,而(er)是要(yao)多(duo)留意圖表垃(la)圾、多(duo)余(yu)的(de)信息、不必要(yao)的(de)說明、陰(yin)影、裝(zhuang)飾等。可視化的(de)絕妙(miao)之處(chu)在于它可以四兩撥千斤般強化并傳達(da)你(ni)想表達(da)的(de)故事。(但可別用(yong)3D圖表——它會讓視覺(jue)化感知(zhi)效果出現偏差(cha))。
3. 為(wei)了更好的(de)理解(jie)去設計
創建好可(ke)視化原型(xing)后,退(tui)一(yi)步考慮如何才(cai)能讓讀(du)者更容(rong)易地(di)理解數據(ju)。還可(ke)以增加、微調(diao)或者移除哪些簡(jian)單的元素?或許要在線性(xing)圖表里增加一(yi)條趨勢(shi)線,你(ni)也(ye)可(ke)能會發現(xian)餅圖切(qie)片(pian)太多(duo)(duo)了(le)(最多(duo)(duo)只能用(yong)6片(pian))。這些微妙的調(diao)整將會帶來極(ji)大的改(gai)變。
二、對比
可(ke)視化讓數據對比更直觀,但是僅僅把兩組圖表緊挨著(zhu)放在一起(qi)并(bing)不能(neng)達成這個(ge)目(mu)標,甚至更令人(ren)費(fei)解。(試想將(jiang)32個(ge)不同的餅狀圖放在一起(qi)對比?No way!)
4. 加(jia)入零點基(ji)準線
盡管線性圖(tu)表不(bu)一定(ding)從零點開始,但如果圖(tu)表中含大(da)量對比(bi)數據的(de)(de)(de)話,零點就很(hen)有(you)(you)必要(yao)。相對來說,數據的(de)(de)(de)小幅波動(dong)是(shi)有(you)(you)意義的(de)(de)(de)(比(bi)如股票市場的(de)(de)(de)數據),那么你就需要(yao)截(jie)斷一個范圍以展示它們的(de)(de)(de)不(bu)同。
5. 選擇最高效的可(ke)視化圖形
保(bao)持視(shi)覺的一(yi)致性,讓讀者(zhe)可以一(yi)眼辨別(bie)出,這意味(wei)著(zhu)你可能要使用堆疊型柱狀(zhuang)圖(tu)、分(fen)組條(tiao)形(xing)圖(tu)或者(zhe)折(zhe)線(xian)圖(tu)了。但(dan)無論選(xuan)擇(ze)哪種(zhong)圖(tu)形(xing),不要讓讀者(zhe)費(fei)力去對比太多東西(xi)。
6. 注(zhu)意擺放(fang)的位置
如果用兩個(ge)好看的堆疊型柱狀圖讓讀者去(qu)對比,但如果它們相距甚遠,那就別談(tan)什么(me)對比了。
7. 講(jiang)完整的(de)故事
或許你第四季度的(de)銷售額增長了30%,這是不是很令人(ren)興奮?但還有更令人(ren)興奮的(de),對比展示第一季度的(de)數據,銷售額就有了100%的(de)增長。
三、上下文
誠然,數(shu)(shu)據(ju)與數(shu)(shu)字(zi)相關(guan),但(dan)它通常結合上下文,一(yi)般是為后文要點提供背景知(zhi)識。但(dan)在(zai)諸多數(shu)(shu)據(ju)可視化、信息圖表(biao)和(he)電子書中,我們看到的都是將數(shu)(shu)據(ju)可視化和(he)上下文對立起來,而非結合使用。
8. 不(bu)要過度解釋
如果(guo)上下文已經提到了某件事,副標(biao)題、標(biao)注、標(biao)題中不(bu)必重申一遍(bian)。
9. 讓圖表(biao)標題簡(jian)單扼要(yao)
沒(mei)必要用俏皮、啰嗦或雙關(guan)的(de)語句。圖表上方的(de)描述性(xing)標題應(ying)簡明扼要,并與下方圖表直接相關(guan)。記住:關(guan)注那些(xie)讓人快速理解的(de)方式。
10. 善用(yong)標注
標注并非用來填充空白的,而該用來強調相關信息或提供(gong)額外的背景知識。
11. 不(bu)要(yao)使用讓(rang)人分心的字體或元素
有時確實(shi)需要強調某一點,只(zhi)要用粗體(ti)或斜體(ti)文字即可,無(wu)須同(tong)時使用二(er)者(zhe)。
四、顏色
使(shi)用(yong)得當,顏色是出色的工具。但使(shi)用(yong)不當,不僅會讓讀者分心(xin),甚至(zhi)會產生(sheng)誤(wu)導。因(yin)此,請合(he)理地使(shi)用(yong)顏色。
12. 使用一種顏(yan)色去表達相同類型的數(shu)據
如果條形圖展示了月銷售數據,那只需一種顏色即(ji)可。如果要在一組圖表(biao)上對比(bi)今年和(he)去年的(de)銷售數據,那么可用(yong)不同顏色代表(biao)不同年份的(de)數據。另外,還可使用(yong)一個強(qiang)調(diao)色去突出重(zhong)點(dian)數據。
13. 注意積(ji)極(ji)和(he)消(xiao)極(ji)數據的表達
不要用紅色(se)表(biao)示積極數據或用綠色(se)表(biao)達消極數據。這(zhe)些顏色(se)關聯歷來(lai)很強,它(ta)們(men)早已(yi)在讀(du)者心中打上了標簽(qian)。
14. 確(que)保顏色間有足夠的對(dui)比
如(ru)果顏色(se)過于相似(例如(ru)淺灰與更淺的灰),人們難以(yi)發現兩(liang)者間的區別(bie)。相反,也要避免強烈的對比(bi)色(se),例如(ru)紅配綠或藍配黃(huang)。
15. 避免使用圖(tu)案(an)
條紋和波點(dian)圖案聽起來有(you)趣(qu),但卻十分讓人分心。如果你想在(zai)地圖等地方加(jia)以區(qu)分,可(ke)使用不同(tong)飽和度的(de)同(tong)色(se),而且(qie)要純(chun)色(se)實線。
16. 使用恰當的(de)顏色
當圖表(biao)中(zhong)(zhong)的(de)某些顏色(se)比其(qi)他顏色(se)更加突出(chu)時(shi),會(hui)給數(shu)據增加不必要的(de)重要性。因(yin)此,應該使用(yong)(yong)陰(yin)影有(you)區別的(de)單(dan)色(se)或(huo)相同光譜中(zhong)(zhong)的(de)兩個類似色(se)來(lai)區分強度。記住要用(yong)(yong)直覺(jue)以(yi)及色(se)彩明暗去調整重要性。
17. 不要在(zai)一張圖上(shang)使(shi)用6種以上(shang)的顏色
看圖足矣。
五、標簽
標簽可能會(hui)變成雷區。雖然讀者依靠標簽來解釋數據,但是太(tai)多或太(tai)少都會(hui)產生干擾。
18. 保證一切都(dou)貼(tie)上了標簽
確保所有需要的信息都有標簽——并且(qie)沒有重復或拼(pin)寫錯誤。
19. 確保標簽可(ke)見(jian)
所有標簽應(ying)清晰可見,并(bing)且對應(ying)的數據點都(dou)可以(yi)輕松(song)識(shi)別。
20. 可以直接標記線條(tiao)
如果(guo)可能,請在數據(ju)(ju)點(dian)中包含數據(ju)(ju)標(biao)簽(qian)。讀者(zhe)可以快(kuai)速識別線條和(he)對(dui)應標(biao)簽(qian),不必尋找圖例(li)說明或類似的數值。
21. 不要過度標記
如果(guo)數據(ju)(ju)點的精確度對于(yu)故(gu)事(shi)講(jiang)述很(hen)重(zhong)要(yao),那么(me)請包含數據(ju)(ju)標(biao)簽以(yi)增(zeng)強理解(jie)力。若并不(bu)重(zhong)要(yao),請忽略數據(ju)(ju)標(biao)簽。
22. 不(bu)要傾(qing)斜地放置(zhi)標簽
如果在數據軸上的標簽過于擁擠,請考慮刪除軸上的其他標簽,以(yi)使(shi)文本(ben)排布(bu)更舒服。
六、排序
數據可視化旨在幫助理(li)解,難(nan)以理(li)解的隨機(ji)模式讓人感到沮喪(sang),并會破壞想傳達的內容。
23. 直觀地排列(lie)數(shu)據
圖(tu)表應(ying)該(gai)有一個邏輯(ji)結構,可(ke)以將數據按照字母、順序或大(da)小類別排列。
24. 排序連貫
圖例(li)的排序應(ying)和圖表中的順序保持一致。
25. 排序均勻
在軸上使用自然(ran)增(zeng)量(liang)(0、5、10、15、20),而非不均勻的增(zeng)量(liang)(0、3、5、16、50)。
關注公眾號:
華夏經緯數據科技
更多調研資訊>>
本站文章內容以及所涉數據、圖片等資料來源于網絡,轉載目的在于傳遞更多信息。版權歸作者所有,文章僅代表作者觀點,不代表華夏經緯立場。 如涉及侵權,請聯系管理員刪除。在法律許可的范圍內,華夏經緯(廣州)數據科技股份有限公司享有最終解釋權。