在后臺(tái)中，數(shù)據(jù)面板能夠直觀反映出業(yè)務(wù)變化，并有助于決策層發(fā)出業(yè)務(wù)調(diào)整與決策。那么搭建數(shù)據(jù)看板的時(shí)候，要如何搭建呢？又有哪些注意要點(diǎn)呢？

一、產(chǎn)品背景分析

1. 什么是數(shù)據(jù)看板

數(shù)據(jù)看板一般用作后臺(tái)系統(tǒng)的首頁(yè)，主要呈現(xiàn)公司當(dāng)前業(yè)務(wù)相關(guān)或運(yùn)營(yíng)管理相關(guān)數(shù)據(jù)和圖表，方便公司內(nèi)部人員實(shí)時(shí)了解公司內(nèi)情，掌握業(yè)務(wù)發(fā)展情況，并能夠?qū)?shù)據(jù)變化做出業(yè)務(wù)決策。

2. 誰(shuí)在使用數(shù)據(jù)看板

數(shù)據(jù)看板是公司內(nèi)所有人員都會(huì)關(guān)注的，無(wú)論是公司高層還是基層業(yè)務(wù)操作者都會(huì)關(guān)注相關(guān)的數(shù)據(jù)指標(biāo)。只是不同的角色的需求不同，如下圖：

不同的角色的默認(rèn)看板頁(yè)面是不一樣的，要設(shè)計(jì)多份看板頁(yè)面，至于不同頁(yè)面是否可以互通，這就要取決于公司業(yè)務(wù)數(shù)據(jù)是否屬于商業(yè)機(jī)密，牽扯到RBAC權(quán)限模型的設(shè)計(jì)，這里就不多贅述了。

二、設(shè)計(jì)看板的前置條件——報(bào)表設(shè)計(jì)

設(shè)計(jì)看板可不是腦子一熱就開(kāi)始畫原型了，那樣得到的看板是不切合實(shí)際的，而且也不一定準(zhǔn)確，尤其是對(duì)于數(shù)據(jù)大量且復(fù)雜的業(yè)務(wù)而言，需要先設(shè)計(jì)好報(bào)表。數(shù)據(jù)看板中有不少數(shù)據(jù)是需要后臺(tái)去實(shí)時(shí)計(jì)算的，在數(shù)據(jù)量太大的情況下，篩選條件和統(tǒng)計(jì)項(xiàng)較為復(fù)雜時(shí)，圖表加載速度會(huì)變慢，也會(huì)耗費(fèi)大量系統(tǒng)資源。而如果先設(shè)計(jì)好數(shù)據(jù)報(bào)表，在數(shù)據(jù)看板中，查看圖表的速度才不會(huì)收到影響。

不要急于數(shù)據(jù)可視化的設(shè)計(jì)，需要數(shù)據(jù)報(bào)表所呈現(xiàn)的數(shù)據(jù)經(jīng)過(guò)多次測(cè)試沒(méi)有問(wèn)題，再經(jīng)過(guò)至少一輪的迭代優(yōu)化，再著手進(jìn)行可視化方案的設(shè)計(jì)。

數(shù)據(jù)報(bào)表的設(shè)計(jì)需要經(jīng)過(guò)以下流程：

1. 構(gòu)建分析體系

面向業(yè)務(wù)結(jié)果的分析

b端產(chǎn)品經(jīng)理不同于c端，業(yè)務(wù)是一切產(chǎn)品設(shè)計(jì)的核心，必須圍繞業(yè)務(wù)進(jìn)行產(chǎn)品設(shè)計(jì)。首先要明確分析目的，并進(jìn)行業(yè)務(wù)診斷，最重要的是打通分析鏈路。

例如要分析利潤(rùn)曲線，與利潤(rùn)相關(guān)的數(shù)據(jù)有利潤(rùn)率、在架率、產(chǎn)品種類、報(bào)價(jià)策略、市場(chǎng)行情變動(dòng)等

根據(jù)公司具體業(yè)務(wù)不同，明晰哪些是需要重點(diǎn)關(guān)注的，哪些是可以暫時(shí)擱置的，特別是要跟業(yè)務(wù)團(tuán)隊(duì)多溝通協(xié)調(diào)，共同商議出一個(gè)分析框架。

一般可采用枚舉法，列舉可能干擾到核心業(yè)務(wù)數(shù)據(jù)所有因素，再一一排查。

面向生產(chǎn)過(guò)程的分析

公司不僅要求分析業(yè)務(wù)結(jié)果等業(yè)務(wù)強(qiáng)相關(guān)數(shù)據(jù)，生產(chǎn)過(guò)程關(guān)系到每個(gè)人的工作效率和工作成果是否達(dá)標(biāo)，生產(chǎn)過(guò)程同時(shí)也是對(duì)人員kpi的考核。

如對(duì)銷售的拜訪客戶數(shù)、銷售線索獲取數(shù)量、簽單客戶數(shù)，貢獻(xiàn)利潤(rùn)占比等

對(duì)客服的工單處理數(shù)量、客戶評(píng)分、分鐘會(huì)話數(shù)量等

該部分分析主要根據(jù)使用者的操作記錄產(chǎn)生數(shù)據(jù)

2. 定義觀察指標(biāo)

進(jìn)行維度下鉆

定義好分析框架后，要進(jìn)一步確定觀察指標(biāo)，主要是對(duì)觀察維度進(jìn)行拆分，逐漸細(xì)化，只有在更精細(xì)的維度分析數(shù)據(jù)才最有可能得到準(zhǔn)確的答案。

比如在架率又可細(xì)分為日間在架率和夜間在架率，還可繼續(xù)細(xì)化為某某產(chǎn)品在架率，甚至可以細(xì)化到業(yè)務(wù)員王二在日間12:33誤操作某交易量極大的產(chǎn)品，造成利潤(rùn)損失。這樣就打通了從業(yè)務(wù)結(jié)果——生產(chǎn)過(guò)程的分析鏈條。

又比如報(bào)價(jià)策略有可細(xì)化為具體sku的報(bào)價(jià)問(wèn)題，該數(shù)據(jù)又可關(guān)聯(lián)到上游供應(yīng)商近期內(nèi)價(jià)格調(diào)整頻繁，而報(bào)價(jià)策略未結(jié)合該特點(diǎn)導(dǎo)致該產(chǎn)品報(bào)價(jià)過(guò)高/過(guò)低。

維度細(xì)化的過(guò)程中，可能會(huì)逐漸拆分為一級(jí)指標(biāo)、二級(jí)指標(biāo)……n級(jí)指標(biāo)，但并非拆分中的每一個(gè)維度都要作為觀察指標(biāo)。是否作為報(bào)表使用要結(jié)合公司業(yè)務(wù)特點(diǎn)并且和業(yè)務(wù)部門多次溝通協(xié)調(diào)達(dá)成共識(shí)。

在維度下鉆的過(guò)程中確定哪些維度是需要進(jìn)行統(tǒng)計(jì)的，哪些是不需要用到的。

統(tǒng)一數(shù)據(jù)口徑

數(shù)據(jù)口徑指的是對(duì)于數(shù)據(jù)的定義，如果系統(tǒng)內(nèi)部統(tǒng)計(jì)口徑不一致，就會(huì)導(dǎo)致業(yè)務(wù)分析出錯(cuò)。如果不對(duì)數(shù)據(jù)口徑進(jìn)行清晰的定義，開(kāi)發(fā)人員在調(diào)用數(shù)據(jù)時(shí)可能會(huì)直接采用已有的口徑，這個(gè)已有統(tǒng)計(jì)口徑不一定符合當(dāng)前數(shù)據(jù)指標(biāo)的需要。

產(chǎn)品人員應(yīng)該單獨(dú)書寫一份關(guān)于數(shù)據(jù)口徑的定義的文檔，并上傳至系統(tǒng)內(nèi)部的文檔共享系統(tǒng)，方便業(yè)務(wù)人員隨時(shí)查閱。如果系統(tǒng)允許，盡可能與業(yè)務(wù)部門達(dá)成共識(shí)，形成一套標(biāo)準(zhǔn)的數(shù)據(jù)口徑。

定義統(tǒng)計(jì)頻次

確定好需要統(tǒng)計(jì)的數(shù)據(jù)維度形成觀察指標(biāo)后，要對(duì)觀察指標(biāo)分類處理，有些指標(biāo)屬于關(guān)鍵性因素，有些指標(biāo)屬于次要因素。有些指標(biāo)單位時(shí)間內(nèi)產(chǎn)生的數(shù)據(jù)波動(dòng)較大，統(tǒng)計(jì)頻次可能要到分鐘級(jí)。而有些指標(biāo)數(shù)據(jù)波動(dòng)較小，可能一天只有幾次變動(dòng)，統(tǒng)計(jì)頻次可設(shè)定為小時(shí)級(jí)。

3. 設(shè)計(jì)呈現(xiàn)形式

一開(kāi)始的呈現(xiàn)形式以簡(jiǎn)單、好調(diào)整為主，不必急于線上化，也不必追求酷炫的交互效果。嚴(yán)格遵循mvp原則，用最小功能集合去迭代產(chǎn)品。

報(bào)表在設(shè)計(jì)初期必然面臨指標(biāo)的頻繁調(diào)整，以及數(shù)據(jù)不準(zhǔn)確，統(tǒng)計(jì)范圍需要變更等種種問(wèn)題。初期可采用系統(tǒng)定時(shí)通過(guò)郵件發(fā)送報(bào)表，報(bào)表的形式可以是一張簡(jiǎn)單的excel表格，這樣先試用一段時(shí)間，確定要分析的數(shù)據(jù)字段、監(jiān)控指標(biāo)等沒(méi)有問(wèn)題后，再著手進(jìn)行線上化的設(shè)計(jì)。

確認(rèn)好線下的報(bào)表迭代優(yōu)化完畢后，設(shè)計(jì)線上化的方案，一般考慮以下幾個(gè)方面：

1. 默認(rèn)查詢時(shí)間，統(tǒng)計(jì)具有延時(shí)的特點(diǎn)，有些數(shù)據(jù)統(tǒng)計(jì)必須等待訂單完成才能納入統(tǒng)計(jì)范圍，比如默認(rèn)查詢時(shí)間定為t-6至t-2
2. 排序規(guī)則，默認(rèn)按照哪一項(xiàng)數(shù)據(jù)排序
3. 篩選項(xiàng)設(shè)置，哪些數(shù)據(jù)選項(xiàng)需要篩選
4. 統(tǒng)計(jì)項(xiàng)設(shè)置，哪些數(shù)據(jù)需要合并統(tǒng)計(jì)
5. 其他極端情況考慮，數(shù)據(jù)極限值，最大時(shí)間范疇，取數(shù)為空時(shí)的處理等等

大致的形式如下，但在實(shí)際業(yè)務(wù)中數(shù)據(jù)遠(yuǎn)比這個(gè)復(fù)雜：

4. 復(fù)盤報(bào)表設(shè)計(jì)

報(bào)表線上化固然有其優(yōu)點(diǎn)，方便、快捷，效率高。但是也存在一些弊端，比如不夠靈活，excel表格可以方便做成各種你想要的數(shù)據(jù)透視表，而線上只能固定其中的幾種。線下還可以采用任何關(guān)聯(lián)要素利用vlookup進(jìn)行匹配，線上則已經(jīng)固化了分析指標(biāo)。

因此，產(chǎn)品上線一段時(shí)間后，要及時(shí)復(fù)盤功能是否好用，是否得到認(rèn)可。

1. 使用率：可通過(guò)數(shù)據(jù)埋點(diǎn)看該項(xiàng)功能的使用率，使用率不夠要和業(yè)務(wù)部門溝通問(wèn)題，及時(shí)迭代優(yōu)化
2. 觀察是否實(shí)現(xiàn)最初想要得到的目的，分析鏈路上是否還存在障礙
3. 用戶滿意度: 與業(yè)務(wù)部門溝通，看使用過(guò)程中有什么不方便的地方，效率方面是否還可以得到提升

三、數(shù)據(jù)看板的設(shè)計(jì)

當(dāng)數(shù)據(jù)報(bào)表完善之后，那么實(shí)現(xiàn)數(shù)據(jù)可視化也就非常方便了，效率是b端產(chǎn)品的核心，設(shè)計(jì)看板也不應(yīng)該花費(fèi)太多時(shí)間在交互體驗(yàn)上。

這里主要滿足以下幾個(gè)設(shè)計(jì)要點(diǎn)：

1. 簡(jiǎn)單高效，優(yōu)先滿足查詢效率，而不是酷炫的交互
2. 信息具有強(qiáng)關(guān)聯(lián)性而不是孤立的一個(gè)數(shù)據(jù)，具體就是要有環(huán)比、同比來(lái)體現(xiàn)變化
3. 數(shù)據(jù)圖表的刷新頻次和統(tǒng)計(jì)頻次要符合業(yè)務(wù)的需求，最好能做到實(shí)時(shí)更新
4. 選用的數(shù)據(jù)能夠體現(xiàn)出趨勢(shì)和規(guī)律，對(duì)于無(wú)趨勢(shì)特性的數(shù)據(jù)，直接展示數(shù)字比較好
5. 對(duì)于不同的數(shù)據(jù)指標(biāo)，不同的數(shù)據(jù)特性需要選用合適的圖表。
6. 數(shù)據(jù)波動(dòng)、對(duì)比、排序，不同的衡量方式也應(yīng)該選擇其對(duì)應(yīng)的圖表類型

1. 需求分析

數(shù)據(jù)報(bào)表可能有十幾種報(bào)表，幾十個(gè)數(shù)據(jù)指標(biāo)，但這些并不是都需要呈現(xiàn)出來(lái)的，選用哪些數(shù)據(jù)指標(biāo)和衡量方式，需要和業(yè)務(wù)團(tuán)隊(duì)溝通確定。

需求是分層級(jí)的，有些需求處于核心業(yè)務(wù)的需求，有些屬于經(jīng)營(yíng)管理層面的需求，而前者永遠(yuǎn)是公司發(fā)展的核心，因此其重要性和優(yōu)先級(jí)要高于后者。

對(duì)于上圖來(lái)說(shuō)，部門員工的相關(guān)kpi，個(gè)人績(jī)效屬于經(jīng)營(yíng)管理層面的數(shù)據(jù)要求，第一期工程可以先不考慮實(shí)現(xiàn)，先確保實(shí)現(xiàn)核心業(yè)務(wù)相關(guān)的數(shù)據(jù)看板的可用性和準(zhǔn)確性。

2. 戰(zhàn)略看板設(shè)計(jì)

戰(zhàn)略看板設(shè)計(jì)主要突出簡(jiǎn)潔、唯結(jié)果論的特點(diǎn)，要主次分明，并且多的展現(xiàn)純數(shù)字內(nèi)容而非圖表

下圖舉例：

一般設(shè)置6個(gè)左右的數(shù)據(jù)指標(biāo)，有利于專注于分析最重要的指標(biāo)。

需要支持自定義配置，可根據(jù)業(yè)務(wù)發(fā)展需要靈活調(diào)整看板需要呈現(xiàn)的數(shù)據(jù)。

之所以采用數(shù)字形式而不使用各式各樣的圖表，一是為了保證第一時(shí)間掌握業(yè)務(wù)現(xiàn)狀，二是公司中高層對(duì)業(yè)務(wù)數(shù)據(jù)非常敏感，不需要曲線來(lái)表示規(guī)律，只用看到數(shù)字就能看出業(yè)務(wù)異常。

產(chǎn)品經(jīng)理也應(yīng)該培養(yǎng)數(shù)據(jù)敏感性，以便于能夠理解業(yè)務(wù)，做出更符合業(yè)務(wù)需求的數(shù)據(jù)產(chǎn)品。

3. 業(yè)務(wù)看板設(shè)計(jì)

業(yè)務(wù)看板設(shè)計(jì)主要突出垂直細(xì)分的特點(diǎn)，研究業(yè)務(wù)增長(zhǎng)就是業(yè)務(wù)增長(zhǎng)的圖表，研究活躍用戶就是活躍用戶的看板，或許這其中會(huì)有寫關(guān)聯(lián)性，但這種關(guān)聯(lián)是弱關(guān)聯(lián)，如果數(shù)據(jù)看板之間含混不清，那么分析業(yè)務(wù)也會(huì)有很多阻礙。

業(yè)務(wù)看板與戰(zhàn)略看板最大的不同點(diǎn)是，注重生產(chǎn)過(guò)程，所以多使用增長(zhǎng)曲線來(lái)體現(xiàn)數(shù)據(jù)規(guī)律和數(shù)據(jù)變化。

研究增長(zhǎng)曲線：

銷售漏斗：

上圖所示僅為單一維度，實(shí)際業(yè)務(wù)場(chǎng)景往往是一個(gè)關(guān)鍵業(yè)務(wù)指標(biāo)關(guān)聯(lián)著其他的數(shù)據(jù)指標(biāo)，圖表要支持維度下鉆，點(diǎn)擊能夠查看二級(jí)指標(biāo)的圖表信息。

要能夠支持x軸平移和縮放，y軸的刻度能夠根據(jù)數(shù)據(jù)大小自適應(yīng)。

業(yè)務(wù)看板解決的核心問(wèn)題是：及時(shí)發(fā)現(xiàn)業(yè)務(wù)問(wèn)題和便于分析業(yè)務(wù)異常，視覺(jué)設(shè)計(jì)上要注重各個(gè)指標(biāo)的色彩鮮明，便于察覺(jué)指標(biāo)與指標(biāo)間的關(guān)系。

業(yè)務(wù)看板描繪的業(yè)務(wù)不同，數(shù)據(jù)不同，需要安排在不同的頁(yè)面上，業(yè)務(wù)看板需要足夠細(xì)分，絕對(duì)不能互相雜糅，糾纏不清。

4. 選用合適的圖表類型

選擇合適的圖表類型能夠最大程度滿足視覺(jué)可視化的呈現(xiàn)效果，滿足業(yè)務(wù)數(shù)據(jù)查看和分析的需求。

以下選用幾個(gè)典型的業(yè)務(wù)場(chǎng)景做說(shuō)明：

1）描述業(yè)務(wù)增長(zhǎng)曲線，利潤(rùn)曲線、銷量曲線、用戶數(shù)量等，重點(diǎn)表示業(yè)務(wù)發(fā)展的趨勢(shì)

常規(guī)面積圖：

所有數(shù)據(jù)都從相同的零軸開(kāi)始，使用與展示總量與分量之間的關(guān)系，必須設(shè)置透明度以避免重疊

堆疊面積圖：

數(shù)據(jù)起點(diǎn)為上一個(gè)數(shù)據(jù)集，主要用于展示數(shù)據(jù)分量占數(shù)據(jù)總量的百分比，然后對(duì)分量所占百分比進(jìn)行對(duì)比

折線圖：

折線圖和面積圖都可以用來(lái)展示連續(xù)數(shù)據(jù)隨時(shí)間變化的趨勢(shì)，但選用還是有其側(cè)重點(diǎn)：

• 常規(guī)面積圖適合表現(xiàn)總量和分量之間的關(guān)系，比如總量是總用戶量，而分量是各個(gè)渠道的用戶，那么選用面積圖較為合適。
• 堆疊面積圖適合表現(xiàn)分量所占數(shù)據(jù)總量的比例
• 折線圖更適用于展現(xiàn)分量與分量之間的對(duì)比（不含總量），避免了面積圖阻塞的問(wèn)題。
• 通常情況下，需要展示數(shù)據(jù)總量的業(yè)務(wù)，使用面積圖會(huì)更好些。

2）描述業(yè)務(wù)流程問(wèn)題

描述業(yè)務(wù)流程最常用的圖表是漏斗圖，銷售漏斗圖、用戶留存漏斗圖，但漏斗圖只能表示單一流程，如果想要表示具體的用戶數(shù)據(jù)流向，和多維度更加復(fù)雜的流程數(shù)據(jù)，就很難表示了。

這里介紹桑基圖：

?；鶊D能夠很好地表示用戶從加入購(gòu)物車到收獲的全流程，主支寬度總和與分支寬度總和相等，不同寬度代表不同流量的大小。

漏斗圖這里就不過(guò)多贅述了，比較簡(jiǎn)單。

3）描述數(shù)據(jù)分布

氣泡圖：

氣泡圖最適合展示數(shù)據(jù)的分布范圍，橫坐標(biāo)可設(shè)置為時(shí)間，縱坐標(biāo)可設(shè)置為商品的價(jià)格，表明商品價(jià)格區(qū)間隨時(shí)間變化的趨勢(shì)，而不同的顏色表示不同的商品，這樣對(duì)于價(jià)格頻繁變動(dòng)的商品，查看其每天的價(jià)格分布以及趨勢(shì)很有幫助。

不常用以及過(guò)于簡(jiǎn)單的圖表，這里就不再詳細(xì)展開(kāi)了，使用圖表以好用、夠用為原則，不必過(guò)于追求復(fù)雜圖表，否則業(yè)務(wù)團(tuán)隊(duì)覺(jué)得麻煩，不愿意使用，那就背離了產(chǎn)品設(shè)計(jì)的初衷了。

另外，自行開(kāi)發(fā)可視化圖表耗時(shí)耗力，常見(jiàn)的解決方案是使用ECHARTS 、QCHART、AntV等開(kāi)源可視化庫(kù)，只需調(diào)用相應(yīng)的api接口即可。

五、其他注意事項(xiàng)

1. 由于b端業(yè)務(wù)的特性，后臺(tái)系統(tǒng)不對(duì)外開(kāi)放，僅企業(yè)內(nèi)部人員使用，因此著重強(qiáng)調(diào)的還是圍繞業(yè)務(wù)問(wèn)題進(jìn)行業(yè)務(wù)數(shù)據(jù)建模，打通分析鏈路、維度下鉆和報(bào)表設(shè)計(jì)等層面，看板的設(shè)計(jì)反而較為簡(jiǎn)單（b端對(duì)于視覺(jué)體驗(yàn)的要求不高），況且市面上已經(jīng)有很多非常成熟的可視化解決方案可供調(diào)用，視覺(jué)體驗(yàn)的設(shè)計(jì)下限比較高，因此后臺(tái)產(chǎn)品經(jīng)理應(yīng)該把主要精力集中在后端邏輯層面。
2. 產(chǎn)品經(jīng)理要盡可能的多參與前期業(yè)務(wù)設(shè)計(jì)的過(guò)程中去，旁聽(tīng)業(yè)務(wù)討論也有助于理解業(yè)務(wù)部門痛點(diǎn)和難點(diǎn)在哪里。業(yè)務(wù)調(diào)研和訪談的形式不夠深度，業(yè)務(wù)方在表達(dá)訴求時(shí)也可能會(huì)偏離他們的初衷，產(chǎn)品經(jīng)理只有深入業(yè)務(wù)邏輯才能對(duì)業(yè)務(wù)方提出的需求多加辨別分析，形成有產(chǎn)品經(jīng)理專業(yè)意見(jiàn)的設(shè)計(jì)方案。

本文由 @交響樂(lè)的口技現(xiàn)場(chǎng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。