起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)折柱餅 +3個(gè)套路，簡(jiǎn)單圖表你真的會(huì)用嗎？
編輯導(dǎo)語(yǔ)：圖表作為數(shù)據(jù)可視化的有效手段之一，在日常業(yè)務(wù)中經(jīng)常被使用。不過(guò)，你的圖表真的能夠有效、高效地傳遞信息嗎？本篇文章里，作者總結(jié)了數(shù)據(jù)分析的“套路”，介紹了簡(jiǎn)單易學(xué)的圖表制作思路，一起來(lái)看一下。
本文一句話概括：數(shù)據(jù)可視化中，如何用最簡(jiǎn)單的圖表高效地傳遞信息。
一、人人熟知的 3 類圖表
看似簡(jiǎn)單的 3 類常掛在嘴邊的「折柱餅」，你真的知道怎么使用嗎？
@rubyxrli 在紐約的Uber數(shù)據(jù)可視化大會(huì)上所做演講中提到：根據(jù)我的經(jīng)驗(yàn)（基于原型研究超過(guò)10年）大多數(shù)可視化問(wèn)題可以通過(guò)一些圖表來(lái)解決。很少情況下，需要你去想出一個(gè)全新的表達(dá)方式。像條形圖、折線圖、散點(diǎn)圖、透視表等「圖形化主力」真的很難被替代！
對(duì)于大部分的企業(yè)級(jí)產(chǎn)品使用者來(lái)說(shuō)，基本的圖表類型，通常可以為大多數(shù)當(dāng)前頁(yè)面的問(wèn)題作出解釋，但是我們要做并不是簡(jiǎn)單地調(diào)用一個(gè)圖表就結(jié)束了，如果想讓你的頁(yè)面更有效地傳遞結(jié)論、原因，可以讓使用者探索更多可能性，甚至去發(fā)現(xiàn)新的分析思路，那么首先你需要掌握下面的分析套路。
二、3 個(gè)套路
「對(duì)比，細(xì)分，溯源」，給簡(jiǎn)單的圖表加點(diǎn)「戲」
在數(shù)據(jù)分析中，分析思路一般可以概括為「對(duì)比，細(xì)分，溯源」，這也是《數(shù)據(jù)化管理》中提到六字箴言。首先我們來(lái)了解一下這六字箴言的具體含義。
此處引用部分《分析思維第三篇：數(shù)據(jù)分析的三板斧》內(nèi)容。
1. 對(duì)比
對(duì)比分為橫向?qū)Ρ?/b>和縱向?qū)Ρ?/b>。
- 橫向?qū)Ρ?/b>是指和“他人”比較，比如，兩個(gè)網(wǎng)站的用戶流失率；
- 縱向?qū)Ρ?/b>是指按照某個(gè)維度，和“自己”比較，比如，這個(gè)網(wǎng)站上個(gè)月今天和這個(gè)月今天的用戶流失率。
2. 細(xì)分
細(xì)分是指分維度、降低粒度來(lái)分析數(shù)據(jù)。
- 分維度是指增加維度，比如，離職率按照部門維度來(lái)分析；
- 降低粒度是指降低數(shù)據(jù)聚合的程度，比如，離職率不按年份，而按照月份來(lái)統(tǒng)計(jì)。
3. 溯源
溯源是指在對(duì)比、細(xì)分鎖定到具體維度和粒度之后，依然沒(méi)有結(jié)論，那就需要查看原始數(shù)據(jù)或相關(guān)聯(lián)數(shù)據(jù)，洞察數(shù)據(jù)，從數(shù)據(jù)中尋找靈感。
三、3×3 實(shí)踐
第一個(gè) 3 代表圖表類型；第二個(gè) 3 代表分析套路。
了解分析思維的三個(gè)套路后，可以嘗試在自己的圖表中檢驗(yàn)打鉤。
下面我用幾個(gè)例子來(lái)說(shuō)明一下，如何打開(kāi)圖表設(shè)計(jì)的腦洞。
四、折線圖
通常在一個(gè)數(shù)據(jù)概覽頁(yè)面，人們都會(huì)使用一個(gè)折線圖，來(lái)表示一個(gè)關(guān)鍵指標(biāo)的發(fā)展趨勢(shì)，當(dāng)然這么做非常直觀，也非常準(zhǔn)確。當(dāng)我們?yōu)檎劬€圖添加一個(gè)對(duì)比的維度，就可以使折線圖表達(dá)的內(nèi)容更加豐滿。
1. 橫向?qū)Ρ?/h3>
可以是橫向?qū)Ρ取昂退吮取薄?/p>
2. 縱向?qū)Ρ?/h3>
也可以是縱向?qū)Ρ取昂妥约罕取薄?/p>
3. 添加輔助元素，強(qiáng)化關(guān)鍵信息進(jìn)行對(duì)比
- 參考型組件：參考線、趨勢(shì)線、輔助區(qū)域等；
- 極值型組件：最高/低點(diǎn)、預(yù)警線等。
4. 細(xì)分維度
通過(guò)右上角的 TAB 切換，提升和降低數(shù)據(jù)聚合的程度。
五、柱 / 條形圖
1. 橫向?qū)Ρ?/h3>
和別人比。
2. 細(xì)分維度
將維度拆分進(jìn)行分析。
3. 在使用柱狀圖/條形圖時(shí)，問(wèn)問(wèn)自己「對(duì)比」的呈現(xiàn)效果好嗎？
這是使用者在使用柱形圖做對(duì)比時(shí)，經(jīng)常遇到的問(wèn)題：
- X 軸類別數(shù)量過(guò)多，柱子非常密集；
- 軸文字標(biāo)簽數(shù)量過(guò)多，文字在 45%旋轉(zhuǎn)后可讀性降低。
這時(shí)，設(shè)計(jì)者應(yīng)該試著旋轉(zhuǎn)柱圖，把它變成一個(gè)條形圖。
4. 對(duì)比是好的，但不要做無(wú)用的對(duì)比
六、餅 / 環(huán)圖
1. 縱向?qū)Ρ?/h3>
餅/環(huán)圖天生自帶「縱向?qū)Ρ取沟男再|(zhì)，但是除了用一個(gè)餅/環(huán)圖之外，還有什么做法？
2. 細(xì)分維度
3. 溯源，顯示更多詳情幫助用戶定位問(wèn)題
4. 合并極小值的維度，在有需要的時(shí)候做細(xì)分
七、拓展：NxN 實(shí)踐
- 第一個(gè) N 可以代表圖表類型，也可以代表頁(yè)面，但需要是一個(gè)實(shí)體；
- 第二個(gè) N 代表分析思路，上文中提到的 3 個(gè)套路只是眾多分析思路中被總結(jié)出最為常用的，還可以根據(jù)不同業(yè)務(wù)場(chǎng)景的訴求去添加思路。
這個(gè)矩陣的表格填出來(lái)后，除了可以幫助設(shè)計(jì)者檢驗(yàn)是否高度利用了圖表區(qū)域之外，還可以總結(jié)出一份屬于自己業(yè)務(wù)場(chǎng)景的圖表指引，傳遞給下一個(gè)設(shè)計(jì)者使用。
八、結(jié)語(yǔ)
在企業(yè)級(jí)產(chǎn)品設(shè)計(jì)的領(lǐng)域中，用可視化的方式表達(dá)信息，讓數(shù)據(jù)不再枯燥難懂，是一種常見(jiàn)的設(shè)計(jì)手法。
在真實(shí)的業(yè)務(wù)場(chǎng)景中，大部分用戶青睞 dashboard（報(bào)表頁(yè)面），來(lái)呈現(xiàn)「數(shù)據(jù)概覽」、「數(shù)據(jù)監(jiān)控」、「數(shù)據(jù)明細(xì)」等信息，其中的重要組成部分即「統(tǒng)計(jì)型圖表」。如何恰當(dāng)使用「統(tǒng)計(jì)型圖表」來(lái)實(shí)現(xiàn)用戶的分析目的？ 這對(duì)沒(méi)有可視化基礎(chǔ)的制作者來(lái)說(shuō)，還是有一定的難度。
通過(guò)以下三步，讓用戶更高效地讀取重要信息，驅(qū)動(dòng)業(yè)務(wù)決策，實(shí)現(xiàn)商業(yè)價(jià)值。
本文用簡(jiǎn)單直白的工具方法，為「零基礎(chǔ)」的圖表制作者提供一種簡(jiǎn)單易學(xué)的思路，讓你的圖表在 Dashboard 里更全面、更有效地傳遞關(guān)鍵信息。
以上內(nèi)容來(lái)自 AntV 螞蟻數(shù)據(jù)可視化設(shè)計(jì)小組。
小組成員： 林外、完白、Moonland 幕闌、劉大拐彎兒、白弦、不過(guò)
本文由 @Ant Design 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash，基于 CC0 協(xié)議
- 目前還沒(méi)評(píng)論，等你發(fā)揮！
