UX干貨丨15個(gè)技巧战坤，玩轉(zhuǎn)數(shù)據(jù)可視化莲镣！

[UXOFFER](javascript:void(0);) 今天

大數(shù)據(jù)時(shí)代福稳，簡潔、有重點(diǎn)地呈現(xiàn)數(shù)據(jù)瑞侮，能讓用戶一眼抓到重點(diǎn)的圆，讓價(jià)值發(fā)揮到最大鼓拧！

今天讓我們看看具體有哪些技巧讓我們玩轉(zhuǎn)數(shù)據(jù)！

一越妈、比較

能夠通過圖表輕松識(shí)別最大/最小值季俩，查看數(shù)據(jù)變動(dòng)情況。

比如：今年的銷售量和去年相比如何……

1. 條目少 – 柱狀圖

比較條目較少時(shí)梅掠，可選用柱狀圖表示酌住。

image

△ 柱狀圖

2. 條目多 – 條形圖

當(dāng)條目大于10條，更適合用條形圖阎抒。

image

△ 條形圖

3. 看趨勢 – 折線圖

當(dāng)你想陳述某種變化趨勢時(shí)酪我，建議用折線圖。

image

image

△ 折線圖

4. 擴(kuò)大差異 – 南丁格爾玫瑰圖

如果想要更新穎一些且叁，那不妨試試南丁格爾玫瑰圖都哭！

image

△ 南丁格爾玫瑰圖

南丁格爾玫瑰圖會(huì)放大數(shù)值之間的差異，便于觀察類目大小相差比較小的數(shù)值谴古。其圓形具有周期性的特點(diǎn)质涛，適合表示時(shí)間概念。

5. 雙向 – 雙向條形圖

多維度比較可以嘗試雙向條形圖掰担，比如收件和發(fā)件量的對比汇陆。

image

△ 雙向條形圖

既能整體比較大區(qū)，又能詳細(xì)對比地區(qū)的情況带饱。

難度再次升級毡代，如果想看看這幾個(gè)地區(qū)相應(yīng)的收入、成本和利潤之間的關(guān)系勺疼，可以這樣做：

image

△ 業(yè)務(wù)數(shù)據(jù)

image

△ 雙向條形圖（多維度）

通過圖形一眼就能看出這幾個(gè)區(qū)的利潤教寂、收入和成本的關(guān)系。

6. 目標(biāo)達(dá)成 – 子彈圖

實(shí)際業(yè)務(wù)中执庐，常要考察指標(biāo)的達(dá)成情況酪耕，如某個(gè)指標(biāo)在區(qū)間的位置，可以用子彈圖轨淌。

image

△ 業(yè)務(wù)數(shù)據(jù)

image

△ 子彈圖

子彈圖迂烁，在信息傳遞上有更大的優(yōu)勢。

若還要比較不同季度的收入情況递鹉，只需用不同顏色區(qū)分盟步。

image

△ 子彈圖

7. 性能 – 雷達(dá)圖

對于一些多維的性能數(shù)據(jù)，如綜合評價(jià)躏结，常用雷達(dá)圖表示却盘。

image

△ 雷達(dá)圖

以上就是「比較」類的常用圖表，可歸納如下。

image

二黄橘、構(gòu)成

可以用這部分圖來看各部分的來源構(gòu)成兆览，以及在總體中的占比。

1. 單層 – 餅狀圖

image

△ 餅狀圖

地區(qū)增多旬陡，對比則更為明顯拓颓。

image

但是餅圖分類一般不超過9個(gè)语婴，如果數(shù)量較多描孟，可以用條形圖表示。

除餅圖外砰左，環(huán)形圖也能表示占比匿醒，更高效率地利用空間。

image

△ 環(huán)形圖

2. 分層 –旭日圖

image

△ 旭日圖

能夠?qū)訉由钊肟磾?shù)據(jù)缠导，由表及里廉羔，一目了然。

3. 累計(jì)趨勢 – 堆疊面積圖

數(shù)值構(gòu)成隨時(shí)間變化僻造，比如某個(gè)地區(qū)的近幾年支出如何可視化憋他？

image

△ 業(yè)務(wù)數(shù)據(jù)

image

△ 堆疊面積圖

推薦方案是堆疊面積圖，可以展現(xiàn)分量（地區(qū)）對于總量（大區(qū)）的貢獻(xiàn)髓削，并顯示總量（大區(qū)）的變化過程竹挡。

4. 累計(jì)增減 – 瀑布圖

若想表達(dá)兩個(gè)數(shù)據(jù)點(diǎn)間數(shù)量的變化過程，可使用瀑布圖立膛。展示后一個(gè)數(shù)據(jù)在前面數(shù)據(jù)基礎(chǔ)上的變化揪罕，展現(xiàn)財(cái)務(wù)分析中的收支情況。

image

△ 瀑布圖

以上就是「構(gòu)成」類常用圖表宝泵，可歸納如下好啰。

image

三、分布&聯(lián)系

看到數(shù)據(jù)的分布情況儿奶，來看數(shù)據(jù)之間的相關(guān)聯(lián)系框往。

常見使用場景：消費(fèi)者的年齡段分布？消費(fèi)高檔商品的地區(qū)分布闯捎？

1. 兩個(gè)變量 – 散點(diǎn)圖

仍以業(yè)務(wù)為例椰弊，下圖為全國網(wǎng)點(diǎn)的單票成本/收入分布情況。

image

△ 散點(diǎn)圖

單單這樣看隙券，可能看不出什么男应，如果加兩條平均線就不一樣了。

image

加了平均線娱仔，就能夠更清楚看到平均水平上下的網(wǎng)點(diǎn)了沐飘。如果進(jìn)一步給網(wǎng)點(diǎn)加上不同顏色，就能更顯著地知道具體區(qū)域的分布了！

image

2. 三個(gè)變量 – 氣泡圖

大家都知道耐朴，網(wǎng)點(diǎn)總利潤除了和單個(gè)利潤有關(guān)借卧，還和收件量有關(guān)，可以用點(diǎn)的面積大小來表示具體網(wǎng)點(diǎn)的總利潤的高低筛峭。

image

△ 氣泡圖

3. 結(jié)合地圖 – 熱力圖

氣泡圖與地圖結(jié)合铐刘，就變成了熱力圖。從宏觀視角清楚認(rèn)識(shí)網(wǎng)點(diǎn)的收派件量影晓。

image

△ 熱力圖

以上是 「分布&聯(lián)系」類的常用圖表镰吵，可歸納如下：

image

小結(jié)

image