在后臺(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)的首頁，主要呈現(xiàn)公司當(dāng)前業(yè)務(wù)相關(guān)或運(yùn)營管理相關(guān)數(shù)據(jù)和圖表，方便公司內(nèi)部人員實(shí)時(shí)了解公司內(nèi)情尸变，掌握業(yè)務(wù)發(fā)展情況，并能夠?qū)?shù)據(jù)變化做出業(yè)務(wù)決策减俏。

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

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

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

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

設(shè)計(jì)看板可不是腦子一熱就開始畫原型了麻削，那樣得到的看板是不切合實(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)過多次測(cè)試沒有問題，再經(jīng)過至少一輪的迭代優(yōu)化腿准，再著手進(jìn)行可視化方案的設(shè)計(jì)际起。

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

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ù)診斷弟跑，最重要的是打通分析鏈路灾前。

例如要分析利潤曲線，與利潤相關(guān)的數(shù)據(jù)有利潤率孟辑、在架率哎甲、產(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)過程的分析

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

如對(duì)銷售的拜訪客戶數(shù)哩陕、銷售線索獲取數(shù)量平项、簽單客戶數(shù)，貢獻(xià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)品，造成利潤損失蒸健。這樣就打通了從業(yè)務(wù)結(jié)果——生產(chǎn)過程的分析鏈條座享。

又比如報(bào)價(jià)策略有可細(xì)化為具體sku的報(bào)價(jià)問題，該數(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à)過高/過低渣叛。

維度細(xì)化的過程中，可能會(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í)饺著。

在維度下鉆的過程中確定哪些維度是需要進(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)行清晰的定義塑顺，開發(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)形式

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

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

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

默認(rèn)查詢時(shí)間，統(tǒng)計(jì)具有延時(shí)的特點(diǎn)萌衬，有些數(shù)據(jù)統(tǒng)計(jì)必須等待訂單完成才能納入統(tǒng)計(jì)范圍饮醇，比如默認(rèn)查詢時(shí)間定為t-6至t-2

排序規(guī)則，默認(rèn)按照哪一項(xiàng)數(shù)據(jù)排序

篩選項(xiàng)設(shè)置秕豫，哪些數(shù)據(jù)選項(xiàng)需要篩選

統(tǒng)計(jì)項(xiàng)設(shè)置朴艰，哪些數(shù)據(jù)需要合并統(tǒng)計(jì)

其他極端情況考慮，數(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)可故俐。

使用率：可通過數(shù)據(jù)埋點(diǎn)看該項(xiàng)功能的使用率想鹰，使用率不夠要和業(yè)務(wù)部門溝通問題，及時(shí)迭代優(yōu)化

觀察是否實(shí)現(xiàn)最初想要得到的目的药版，分析鏈路上是否還存在障礙

用戶滿意度: 與業(yè)務(wù)部門溝通辑舷，看使用過程中有什么不方便的地方，效率方面是否還可以得到提升

數(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)：

簡單高效碌廓，優(yōu)先滿足查詢效率，而不是酷炫的交互

信息具有強(qiáng)關(guān)聯(lián)性而不是孤立的一個(gè)數(shù)據(jù)剩盒，具體就是要有環(huán)比谷婆、同比來體現(xiàn)變化

數(shù)據(jù)圖表的刷新頻次和統(tǒng)計(jì)頻次要符合業(yè)務(wù)的需求，最好能做到實(shí)時(shí)更新

選用的數(shù)據(jù)能夠體現(xiàn)出趨勢(shì)和規(guī)律辽聊，對(duì)于無趨勢(shì)特性的數(shù)據(jù)纪挎，直接展示數(shù)字比較好

對(duì)于不同的數(shù)據(jù)指標(biāo)，不同的數(shù)據(jù)特性需要選用合適的圖表跟匆。

數(shù)據(jù)波動(dòng)异袄、對(duì)比、排序玛臂，不同的衡量方式也應(yīng)該選擇其對(duì)應(yīng)的圖表類型

1. 需求分析

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

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

對(duì)于上圖來說狡蝶，部門員工的相關(guān)kpi庶橱，個(gè)人績效屬于經(jī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é)果論的特點(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ù)非常敏感，不需要曲線來表示規(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ù)增長就是業(yè)務(wù)增長的圖表肴裙，研究活躍用戶就是活躍用戶的看板趾唱，或許這其中會(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)過程悠咱，所以多使用增長曲線來體現(xiàn)數(shù)據(jù)規(guī)律和數(shù)據(jù)變化。研究增長曲線：

銷售漏斗：

上圖所示僅為單一維度征炼，實(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ù)看板解決的核心問題是：及時(shí)發(fā)現(xiàn)業(yè)務(wù)問題和便于分析業(yè)務(wù)異常酸些，視覺設(shè)計(jì)上要注重各個(gè)指標(biāo)的色彩鮮明宰译，便于察覺指標(biāo)與指標(biāo)間的關(guān)系。

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

4. 選用合適的圖表類型

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

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

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

常規(guī)面積圖：

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

堆疊面積圖：

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

折線圖：

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

常規(guī)面積圖適合表現(xiàn)總量和分量之間的關(guān)系卒密，比如總量是總用戶量，而分量是各個(gè)渠道的用戶棠赛，那么選用面積圖較為合適

堆疊面積圖適合表現(xiàn)分量所占數(shù)據(jù)總量的比例

折線圖更適用于展現(xiàn)分量與分量之間的對(duì)比（不含總量）哮奇，避免了面積圖阻塞的問題

通常情況下，需要展示數(shù)據(jù)總量的業(yè)務(wù)睛约，使用面積圖會(huì)更好些

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

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

桑基圖：

缮滩玻基圖能夠很好地表示用戶從加入購物車到收獲的全流程伏伐，主支寬度總和與分支寬度總和相等，不同寬度代表不同流量的大小晕拆。

漏斗圖這里就不過多贅述了藐翎，比較簡單。

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

氣泡圖：

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

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

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

其他注意事項(xiàng)

由于b端業(yè)務(wù)的特性塞颁，后臺(tái)系統(tǒng)不對(duì)外開放浦箱，僅企業(yè)內(nèi)部人員使用，因此著重強(qiáng)調(diào)的還是圍繞業(yè)務(wù)問題進(jìn)行業(yè)務(wù)數(shù)據(jù)建模祠锣，打通分析鏈路酷窥、維度下鉆和報(bào)表設(shè)計(jì)等層面，看板的設(shè)計(jì)反而較為簡單（b端對(duì)于視覺體驗(yàn)的要求不高）伴网，況且市面上已經(jīng)有很多非常成熟的可視化解決方案可供調(diào)用蓬推，視覺體驗(yàn)的設(shè)計(jì)下限比較高，因此后臺(tái)產(chǎn)品經(jīng)理應(yīng)該把主要精力集中在后端邏輯層面是偷。

產(chǎn)品經(jīng)理要盡可能的多參與前期業(yè)務(wù)設(shè)計(jì)的過程中去拳氢，旁聽業(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è)意見的設(shè)計(jì)方案刺啦。