編輯導(dǎo)語：從0到1側(cè)重生產(chǎn)流程監(jiān)控的系統(tǒng)設(shè)計(jì)思考，本篇文章側(cè)重點(diǎn)在于實(shí)現(xiàn)監(jiān)控的線上化，并通過自動預(yù)警設(shè)計(jì)解決人力投入成本高、追蹤操作耗時久和發(fā)現(xiàn)異常不及時3個顯著問題。希望對你有幫助。

隨著業(yè)務(wù)規(guī)模的不斷擴(kuò)張，業(yè)務(wù)的應(yīng)用場景也在不斷的發(fā)生變化，不同場景下的各類問題可能會隨時發(fā)生，如果不能及時發(fā)現(xiàn)處理，會對業(yè)務(wù)或客戶造成損失，為此監(jiān)控能力會變得越來越重要。

一、了解功能

監(jiān)控是中后臺的基礎(chǔ)能力，從字面意思拆開理解，就是“監(jiān)視”和“控制”。

“監(jiān)視”平臺運(yùn)行的關(guān)鍵數(shù)據(jù)，在檢測到異常時采取對應(yīng)的“控制”措施，如發(fā)出預(yù)警通知管理員進(jìn)行解決或執(zhí)行預(yù)設(shè)的自愈措施。

“監(jiān)視”是手段，“控制”是目的，中后臺搭建監(jiān)控能力其實(shí)就是在不斷豐富“監(jiān)視”的手段，以便于更快更準(zhǔn)的“控制”業(yè)務(wù)進(jìn)展，保障平臺業(yè)務(wù)健康運(yùn)轉(zhuǎn)。

我們可以通過下面1張圖來理解監(jiān)控能力如何幫助業(yè)務(wù)運(yùn)轉(zhuǎn)：

當(dāng)數(shù)據(jù)發(fā)生異常時，監(jiān)控平臺及時感知并預(yù)警通知到相應(yīng)人員進(jìn)行解決，也可以通過預(yù)設(shè)的策略判斷是否可以進(jìn)行自動處理，這些都屬于及時止損的控制手段。

事后相應(yīng)人員需要通過數(shù)據(jù)分析進(jìn)行問題定位，并徹底根治該問題。最后進(jìn)行問題的復(fù)盤，制定相應(yīng)的預(yù)防措施，避免相同問題再次發(fā)生，在有條件的情況下還可以根據(jù)新的問題以及場景，訓(xùn)練出新的AI處理策略來自動采取處理措施。

1. 監(jiān)控設(shè)計(jì)的價值

通過設(shè)計(jì)幫助用戶一目了然的明確數(shù)據(jù)或流程的當(dāng)前狀態(tài)，為用戶提供準(zhǔn)確的數(shù)據(jù)，幫助快速定位異常問題；

通過配置設(shè)計(jì)允許用戶通過對異常采取控制策略，保障服務(wù)的可靠性和安全性，輔助業(yè)務(wù)持續(xù)穩(wěn)定運(yùn)行；

在B端場景中，通過監(jiān)控的頁面設(shè)計(jì)可以實(shí)現(xiàn)對業(yè)務(wù)數(shù)據(jù)的異常預(yù)警和分析定位，幫助管理員及時采取控制措施，將業(yè)務(wù)損失降至最低，影響范圍降至最小。

?2. 監(jiān)控的可應(yīng)用場景

• 硬件監(jiān)控
• 系統(tǒng)監(jiān)控
• 應(yīng)用監(jiān)控
• 網(wǎng)絡(luò)監(jiān)控
• 流量分析
• 日志監(jiān)控
• 安全監(jiān)控
• API監(jiān)控
• 性能監(jiān)控
• 業(yè)務(wù)監(jiān)控

二、設(shè)計(jì)功能

1. 基于業(yè)務(wù)梳理關(guān)鍵信息

今天主要講的是如何對一個生產(chǎn)線的數(shù)據(jù)進(jìn)行監(jiān)控設(shè)計(jì)，可以理解為“業(yè)務(wù)監(jiān)控”，如何設(shè)計(jì)需要依賴業(yè)務(wù)需求，為此我們需要先了解業(yè)務(wù)的目標(biāo)用戶。

1.1 了解目標(biāo)用戶的問題

通過溝通得知，我們的目標(biāo)用戶主要以產(chǎn)品和運(yùn)營為主，這部分用戶在平臺內(nèi)通常會被分配生產(chǎn)管理員的角色，主要負(fù)責(zé)進(jìn)行日常的產(chǎn)線投放、數(shù)據(jù)追蹤和人員績效管理等工作。

在日常的管理工作中，他們總是需要關(guān)注產(chǎn)能、質(zhì)量和人效相關(guān)的問題，比如：
投遞到產(chǎn)線的訂單會給各環(huán)節(jié)帶來多少任務(wù)？

每天的任務(wù)投放和完成情況是否符合預(yù)期？

每個環(huán)節(jié)的質(zhì)量情況是否符合預(yù)期？在某個時間段內(nèi)有哪些任務(wù)完成了？

是否有高優(yōu)任務(wù)被卡住了？

用戶群組/供應(yīng)商在各任務(wù)的表現(xiàn)如何？…

以上的這些問題，都是目標(biāo)用戶期望通過監(jiān)控功能來解決的。

1.2 梳理操作流程

為了更好的服務(wù)業(yè)務(wù)，在開始設(shè)計(jì)前，我們進(jìn)一步了解了目標(biāo)用戶目前的人工操作流程：

首先，生產(chǎn)管理員在與業(yè)務(wù)完成對接后會開始制定生產(chǎn)計(jì)劃：

根據(jù)生產(chǎn)線在未來一段時間內(nèi)的交付數(shù)量要求，對任務(wù)進(jìn)行統(tǒng)籌，具體擬定生產(chǎn)的品種、數(shù)量、質(zhì)量和進(jìn)度的計(jì)劃；根據(jù)歷史同類任務(wù)的任務(wù)流轉(zhuǎn)情況，確定生產(chǎn)線下各任務(wù)的預(yù)估產(chǎn)量和人員安排。

制定完成計(jì)劃后，基于目標(biāo)設(shè)定度量依據(jù)：

• 產(chǎn)能追蹤：投放數(shù)、完成數(shù)、進(jìn)行數(shù)等；
• 質(zhì)量追蹤：通過數(shù)、通過率、踩雷率等；
• 人效追蹤：提交人數(shù)、提交時長等。

進(jìn)行下一步投產(chǎn)，并在投產(chǎn)后定期調(diào)取數(shù)據(jù)追蹤生產(chǎn)進(jìn)展：

• 產(chǎn)能追蹤：將完成數(shù)與計(jì)劃數(shù)做比較，及時發(fā)現(xiàn)產(chǎn)能差距并補(bǔ)救；
• 質(zhì)量追蹤：通過通過率和踩雷率來確認(rèn)質(zhì)量情況；
• 人效追蹤：基于提交人數(shù)和提交時長評估供應(yīng)商或個人的效率狀況。

當(dāng)發(fā)現(xiàn)異常時，基于多維度數(shù)據(jù)表格拆解分析關(guān)鍵問題：

• 如按職責(zé)維度分析，可以判斷是哪個生產(chǎn)職能出了問題；
• 如按資源維度分析，可以判斷是哪類資源出了問題；
• 如按時間維度分析，可以判斷是哪天或哪個小時的進(jìn)度出了問題；
• …

定位到關(guān)鍵問題后，結(jié)合實(shí)際情況采取相應(yīng)措施。

• 產(chǎn)能問題：增加生產(chǎn)投入，或重新調(diào)整供應(yīng)商分工；
• 質(zhì)量問題：回收錯誤任務(wù)、投放地雷、追加抽檢等；
• 人效問題：采取獎懲措施，如績效扣減、禁用違規(guī)賬號等。

通過以上人工流程我們可以發(fā)現(xiàn)監(jiān)控的3個關(guān)鍵動作：度量、追蹤和分析，新的監(jiān)控能力設(shè)計(jì)必須支持這3個關(guān)鍵動作才能滿足目標(biāo)用戶的需求。

但通過以上流程我們同樣也發(fā)現(xiàn)了人力投入成本高、追蹤操作耗時久和發(fā)現(xiàn)異常不及時3個顯著問題，這些問題會導(dǎo)致業(yè)務(wù)流程一旦發(fā)生異常，生產(chǎn)管理員沒有辦法及時的跟進(jìn)解決，從而給業(yè)務(wù)造成一些不必要的損失。

那么為了支持3個關(guān)鍵動作并解決以上3個問題，我們在原流程基礎(chǔ)上時，增加了自動監(jiān)控的環(huán)節(jié)，通過自動預(yù)警降低人力投入、減少追蹤耗時和提升定位效率。

原流程：

新流程：

基于新流程，我們可以開展下一步的信息層級梳理工作。

1.3 梳理信息層級

確認(rèn)新流程后，需要與產(chǎn)品經(jīng)理、目標(biāo)用戶等相關(guān)人員一起梳理監(jiān)控信息的層級關(guān)系。層級可以基于以下問題構(gòu)建：

在該環(huán)節(jié)內(nèi)用戶最關(guān)心什么信息？

在該環(huán)節(jié)內(nèi)用戶希望執(zhí)行哪些操作？

以下是通過討論后梳理出的信息層級關(guān)系：

2. 基于流程和層級開展設(shè)計(jì)

為了便于大家理解，我們以故事的形式來描述設(shè)計(jì)，便于大家代入真實(shí)的使用場景中。

今天的主人公是生產(chǎn)管理員小明，他剛剛完成了某業(yè)務(wù)生產(chǎn)計(jì)劃的制定，并將一批資源投放至生產(chǎn)線，下一步就需要針對該生產(chǎn)線設(shè)置度量依據(jù)，便于后續(xù)在線上監(jiān)控生產(chǎn)進(jìn)展是否正常。

2.1 設(shè)定度量依據(jù)

這里的度量依據(jù)指的是業(yè)務(wù)的核心指標(biāo)，即業(yè)務(wù)關(guān)心的具體關(guān)鍵數(shù)值，如某個任務(wù)的通過率。業(yè)務(wù)需要衡量進(jìn)展或成果是否達(dá)到預(yù)期時，通常會使用核心指標(biāo)。

回到我們的業(yè)務(wù)場景里，從2.1的流程中我們也可以看到，生產(chǎn)管理員小明會使用不同的指標(biāo)進(jìn)行對比來確認(rèn)產(chǎn)能、質(zhì)量和人效是否達(dá)到了預(yù)期。

• 產(chǎn)能追蹤：將完成數(shù)與計(jì)劃數(shù)做比較，及時發(fā)現(xiàn)產(chǎn)能差距并補(bǔ)救；
• 質(zhì)量追蹤：通過通過率和踩雷率來確認(rèn)質(zhì)量情況；
• 人效追蹤：基于提交人數(shù)和提交時長評估供應(yīng)商或個人的效率狀況。

因此，為了提升生產(chǎn)管理員查看核心指標(biāo)的效率，我們需要在監(jiān)控界面上新增一個核心指標(biāo)的顯示模塊，支持生產(chǎn)管理員小明添加指標(biāo)、刪除指標(biāo)和查看指標(biāo)變化。如下是相應(yīng)的交互路徑，藍(lán)框?yàn)樵摥h(huán)節(jié)內(nèi)的主要操作：

生產(chǎn)管理員小明來到了下圖的產(chǎn)線監(jiān)控頁，但因?yàn)樵撋a(chǎn)線未添加過任何核心指標(biāo)，所以監(jiān)控模塊內(nèi)會顯示為空態(tài)樣式。

不同的業(yè)務(wù)需求通常會對應(yīng)一條不同的生產(chǎn)線，不同的生產(chǎn)線又會對應(yīng)不同的衡量指標(biāo)，因此在上圖的界面設(shè)計(jì)中，我們遵循從左至右的視覺路徑，優(yōu)先在左上角顯示生產(chǎn)線的Select框，引導(dǎo)用戶選擇對應(yīng)的生產(chǎn)線后再設(shè)置指標(biāo)；當(dāng)前生產(chǎn)線未添加過任何核心指標(biāo)時，在模塊內(nèi)顯示“請先點(diǎn)擊右上角設(shè)置指標(biāo)”的空態(tài)提示，引導(dǎo)用戶點(diǎn)擊右上角的“設(shè)置指標(biāo)”Button進(jìn)行指標(biāo)添加。

小明點(diǎn)擊添加指標(biāo)按鈕后，在按鈕下方彈出如下圖所示的TreeSelect選擇框。

我們提前按用戶關(guān)心的維度將指標(biāo)做了分類，通過采用TreeSelect控件，用戶可以便捷選擇整個大類指標(biāo)，也可以通過點(diǎn)擊二級指標(biāo)前的Checkboxes來僅選擇某幾項(xiàng)指標(biāo)；隨著業(yè)務(wù)指標(biāo)的不斷增多，用戶查找單個指標(biāo)的成本也會變高，因此我們在樹選擇控件的上方增加了支持實(shí)時匹配關(guān)鍵字的SearchBar，便于快速定位選擇某項(xiàng)指標(biāo)。

2.2 通過指標(biāo)卡片追蹤進(jìn)展

小明完成并確認(rèn)選擇后，在模塊內(nèi)會顯示相應(yīng)的指標(biāo)卡片。

小明也可以通過多個核心指標(biāo)進(jìn)行對比，來進(jìn)行相應(yīng)的產(chǎn)能、質(zhì)量、人效追蹤。

• 產(chǎn)能追蹤：將完成數(shù)與計(jì)劃數(shù)做比較，及時發(fā)現(xiàn)產(chǎn)能差距并補(bǔ)救；
• 質(zhì)量追蹤：通過通過率和踩雷率來確認(rèn)質(zhì)量情況；
• 人效追蹤：基于提交人數(shù)和提交時長評估供應(yīng)商或個人的效率狀況。

指標(biāo)的顯示統(tǒng)一采用了的卡片的交互樣式，支持用戶長按拖拽更改指標(biāo)的顯示順序，為了便于用戶與生產(chǎn)計(jì)劃進(jìn)行對比，我們默認(rèn)顯示了指標(biāo)環(huán)比的變化情況，這樣小明就可以快速定位到今日的指標(biāo)相對昨日的變化是怎樣的。

環(huán)比的比率變化顏色統(tǒng)一使用了灰色，原因是不同數(shù)值的增減對業(yè)務(wù)而言對應(yīng)的含義不同，如當(dāng)日已完成資源數(shù)的指標(biāo)環(huán)比下降代表異常；而當(dāng)日未完成資源數(shù)則相反，指標(biāo)環(huán)比上升代表異常。如果要在該模塊內(nèi)精細(xì)化定義不同指標(biāo)變化是否異常，則會帶來較大的研發(fā)定義成本，不滿足從0到1快速上線的訴求，因此我們選擇暫時通過指標(biāo)自動預(yù)警功能來實(shí)現(xiàn)對異常情況的追蹤。

2.3 設(shè)置預(yù)警規(guī)則

生產(chǎn)管理員小明完成核心指標(biāo)的設(shè)置后，通過觀察指標(biāo)卡片上的環(huán)比指數(shù)發(fā)現(xiàn)“指標(biāo)C”的變化有些接近異常，但想到自己不可能24小時不間斷的人工監(jiān)控這項(xiàng)指標(biāo)，于是決定設(shè)置一個自動預(yù)警規(guī)則，當(dāng)“指標(biāo)C”的數(shù)值達(dá)到異常值時將自動觸發(fā)預(yù)警，預(yù)警通知會發(fā)送到目前正在值班的生產(chǎn)管理員處，便于其能夠快速對該異常進(jìn)行處理。如下是相應(yīng)的交互路徑，藍(lán)框?yàn)樵摥h(huán)節(jié)內(nèi)的主要操作：

那么首先，我們需要一個預(yù)警管理頁，在這個頁面可以基于指標(biāo)進(jìn)行預(yù)警規(guī)則的增刪改查操作。

小明發(fā)現(xiàn)針對該產(chǎn)線的“指標(biāo)C”并沒有相應(yīng)的預(yù)警規(guī)則，那么他也可以選擇點(diǎn)擊表格右上角的“新增”按鈕，創(chuàng)建新的指標(biāo)預(yù)警規(guī)則。

創(chuàng)建規(guī)則采用了抽屜式表單的交互形式，采用Drawer控件來承載表單操作可以減少用戶的頁面跳出感，也避免了表單項(xiàng)較少時造成頁面利用率低的體驗(yàn)問題。

在規(guī)則明細(xì)的表單項(xiàng)排布中，因?yàn)榭紤]到指標(biāo)與監(jiān)控對象（如生產(chǎn)線）有聯(lián)動關(guān)系，因此在設(shè)計(jì)時會由上至下優(yōu)先引導(dǎo)用戶選擇預(yù)警類型和預(yù)警對象，完成以上2個表單項(xiàng)后才會出現(xiàn)預(yù)警指標(biāo)表單項(xiàng)，避免用戶誤操作；為了幫助業(yè)務(wù)更加精細(xì)化定義指標(biāo)場景，我們增加了篩選條件和維度兩個非必填項(xiàng)，可以幫助業(yè)務(wù)對指定維度指定條件下的指標(biāo)進(jìn)行監(jiān)控。

在觸發(fā)設(shè)置的表單項(xiàng)目設(shè)計(jì)中，針對觸發(fā)條件采用了“參數(shù)+運(yùn)算規(guī)則+閾值”的混合表單項(xiàng)，提供了豐富的指標(biāo)條件定義范圍：

當(dāng)左側(cè)參數(shù)選中“數(shù)值”時，中間運(yùn)算規(guī)則包含“大于、小于、大于或小于”3個選項(xiàng)，右側(cè)閾值輸入框受運(yùn)算規(guī)則選項(xiàng)影響展示如下：

當(dāng)左側(cè)參數(shù)選中“環(huán)比”或“周同比”時，中間運(yùn)算規(guī)則包含“向上波動、向下波動、向上或向下波動”3個選項(xiàng)，右側(cè)閾值輸入框受運(yùn)算規(guī)則選項(xiàng)影響展示如下：

巡警周期也同樣采用了混合表單項(xiàng)，提供了“分鐘”或“天”的周期自定義設(shè)置：

當(dāng)左側(cè)選中“按分鐘”時，右側(cè)顯示僅支持單選的Select組件，包含“5分鐘、10分鐘、30分鐘、60分鐘和90分鐘”5個選項(xiàng)，默認(rèn)選中5分鐘；

當(dāng)左側(cè)選中“按天”時，右側(cè)顯示支持選擇時分的TimePikcer組件，默認(rèn)為空。

最后的通知方式表單項(xiàng)，提供了“人”和“群”兩種通知維度，便于用戶按照實(shí)際情況選擇所需的通知方式。

2.4 進(jìn)展異常出發(fā)報(bào)警通知

小明完成了預(yù)警規(guī)則的設(shè)置后，就可以安心的先去做其他工作，系統(tǒng)將按照規(guī)則對相應(yīng)指標(biāo)進(jìn)行自動監(jiān)控追蹤。

當(dāng)該指標(biāo)到達(dá)了預(yù)警值時，小明的工作通訊軟件便會收到下圖的一條預(yù)警記錄消息。

小明點(diǎn)擊消息卡片上的“查看預(yù)警分析”按鈕，便會啟動瀏覽器跳轉(zhuǎn)至相應(yīng)的預(yù)警分析頁。

如果小明的工作通訊軟件消息較多，導(dǎo)致該報(bào)警消息被錯過，我們同樣提供了相應(yīng)的預(yù)警記錄頁，小明可以在該頁面內(nèi)查看近期觸發(fā)過的預(yù)警記錄信息。

頁面頂部提供了兩張統(tǒng)計(jì)信息卡片：

左側(cè)卡片展示近7天的預(yù)警趨勢，且支持鼠標(biāo)Hover顯示對應(yīng)數(shù)值；

右側(cè)近7天預(yù)警規(guī)則TOP5卡片展示最近7天內(nèi)觸發(fā)預(yù)警次數(shù)最多的前5個規(guī)則及對應(yīng)觸發(fā)預(yù)警次數(shù)，鼠標(biāo)Hover規(guī)則名稱時變藍(lán)，點(diǎn)擊后跳轉(zhuǎn)對應(yīng)預(yù)警分析頁。

頁面底部的表格默認(rèn)按最近觸發(fā)預(yù)警的時間降序排列，確保用戶優(yōu)先看到最新的預(yù)警記錄，點(diǎn)擊對應(yīng)記錄表格項(xiàng)內(nèi)的查看按鈕后，跳轉(zhuǎn)至對應(yīng)預(yù)警分析頁。

2.5 分析關(guān)鍵問題

小明可以通過觀察指標(biāo)卡片或預(yù)警通知獲知異常后，需要快速分析定位導(dǎo)致異常的原因在哪里，為此他需要借助圖表和數(shù)據(jù)進(jìn)行下一步的分析。

2.6 通過預(yù)警分析確認(rèn)異常

前面提到過，當(dāng)監(jiān)測到指標(biāo)異常時，會自動向設(shè)置的用戶發(fā)送預(yù)警通知消息，同時也會在相應(yīng)的預(yù)警記錄頁內(nèi)生產(chǎn)一條預(yù)警記錄，用戶可以通過這兩個渠道進(jìn)一步查看相應(yīng)的圖表數(shù)據(jù)。

小明通過預(yù)警記錄進(jìn)入對應(yīng)的分析頁，在該頁可以查看規(guī)則相關(guān)的明細(xì)信息，以及被預(yù)警指標(biāo)的趨勢變化。

頁面頂部展示規(guī)則明細(xì)，便于用戶明確預(yù)警規(guī)則的相關(guān)信息；底部展示規(guī)則相關(guān)的指標(biāo)趨勢，我們可以看到該項(xiàng)規(guī)則內(nèi)要監(jiān)控的是“學(xué)科維度下的語文當(dāng)日累計(jì)未完成資源數(shù)”和“學(xué)科維度下的英語當(dāng)日累計(jì)未完成資源數(shù)”2項(xiàng)指標(biāo)，因此趨勢圖和詳情表格內(nèi)會默認(rèn)展示相應(yīng)的2條數(shù)據(jù)：

趨勢圖內(nèi)默認(rèn)根據(jù)時間單位展示最近20條節(jié)點(diǎn)記錄，橫軸時間按巡警周期展示對應(yīng)的時間單位（天或XX分鐘），趨勢線默認(rèn)顯示節(jié)點(diǎn)圓圈，超出預(yù)警值警戒線的節(jié)點(diǎn)圓圈高亮顯示為紅色，鼠標(biāo)Hover節(jié)點(diǎn)時顯示對應(yīng)明細(xì)卡片；

詳情表格左側(cè)的豎軸展示指標(biāo)維度，右側(cè)依次展示最近20條節(jié)點(diǎn)（對應(yīng)趨勢橫軸）記錄的數(shù)值信息，超出預(yù)警值的節(jié)點(diǎn)數(shù)值變?yōu)榫镜募t色。

小明發(fā)現(xiàn)了觸發(fā)預(yù)警的節(jié)點(diǎn)后，需要做進(jìn)一步的歷史數(shù)據(jù)對比，分析本期與過去的數(shù)據(jù)差異情況，剔除周期因素從而判斷指標(biāo)是否真的為異常。

小明可以選擇點(diǎn)擊趨勢圖表右上角的對比選擇器，選擇查看“環(huán)比”或“周同比”數(shù)據(jù)。

環(huán)比：本期與上期的對比，如今天和昨天； 周同比：本期與上周同期的對比，如本周三和上周三。

右上角的對比選擇器在切換選中“周同比”或“環(huán)比”后，在趨勢圖內(nèi)除顯示指標(biāo)在本期的變化趨勢外，會額外顯示上期或上周同期的趨勢線，線條色值采用飽和度降低的相同色系，目前是為了表現(xiàn)兩條線的關(guān)聯(lián)性但又不至于將二者進(jìn)行混淆，當(dāng)鼠標(biāo)Hover節(jié)點(diǎn)時，在詳情卡片上也會新增顯示上期或上周同期的數(shù)值信息，并增加百分比率的增減信息露出，便于用戶快速對比二者的數(shù)值差異；詳情表格內(nèi)展示的數(shù)值也會跟隨“周同比”或“環(huán)比”的選擇顯示對應(yīng)的數(shù)值比率變化信息，鼠標(biāo)Hover表格項(xiàng)時顯示對應(yīng)的對比明細(xì)Tooltips提示。

2.7 多維度下鉆分析挖掘原因

小明通過指標(biāo)卡片或預(yù)警分析確認(rèn)“指標(biāo)C”發(fā)生異常，如果有過往的沉淀處理措施，小明可以直接對異常采取控制措施進(jìn)行及時止損，但如果沒有過往的處理經(jīng)驗(yàn)，且無法定位導(dǎo)致指標(biāo)異常的原因，這時候小明就可以通過假設(shè)驗(yàn)證法來挖掘?qū)е庐惓５恼嬲颉?/p>

例如，小明根據(jù)經(jīng)驗(yàn)假設(shè)是因?yàn)槟彻?yīng)商在生產(chǎn)線內(nèi)的支持不力導(dǎo)致了指標(biāo)異常，那么為了驗(yàn)證假設(shè)，小明就需要采用多維度下鉆分析來驗(yàn)證假設(shè)是否成立。

解釋下什么是多維度下鉆分析：一般中臺需要對接多個不同業(yè)務(wù)，不同業(yè)務(wù)的關(guān)注點(diǎn)不同，所以大家對數(shù)據(jù)的維度、粒度要求也不盡相同。通過多維度數(shù)據(jù)鉆取的功能，可以幫助用戶更易發(fā)現(xiàn)問題所在，進(jìn)而做出正確的決策：如按職責(zé)維度分析，可以判斷是哪個生產(chǎn)職能出了問題；如按資源維度分析，可以判斷是哪類資源出了問題；如按時間維度分析，可以判斷是哪天或哪個小時的進(jìn)度出了問題；…

那么我們就需要回到產(chǎn)線監(jiān)控頁，并在核心數(shù)據(jù)模塊下方新增一個多維分析模塊：

多維分析模塊的頂部提供了對應(yīng)維度的篩選區(qū)，方便用戶定位到單個維度內(nèi)的某個值，如供應(yīng)商A和供應(yīng)商B曾經(jīng)有過支持不力的先例，那么我們就可以著重篩選這兩個供應(yīng)商，來查看與他們相關(guān)的指標(biāo)是否存在異常。

篩選區(qū)下方展示了預(yù)覽和流程兩個Tab：

預(yù)覽Tab內(nèi)提供維度和指標(biāo)的顯示篩選，在這里篩選的維度和指標(biāo)信息將實(shí)時同步顯示在下圖的圖表內(nèi)，便于用戶在不同圖表視圖內(nèi)隨時控制和變更維度/指標(biāo)的顯示，如下圖通過趨勢和對比清晰展現(xiàn)出關(guān)聯(lián)A、B兩個供應(yīng)商維度的“指標(biāo)C”數(shù)據(jù)；

流程Tab內(nèi)按流程節(jié)點(diǎn)展示整個生產(chǎn)線的流程圖，且在每個節(jié)點(diǎn)卡片內(nèi)平鋪展示出所有指標(biāo)數(shù)值的明細(xì)，用戶可以通過流程圖發(fā)現(xiàn)定位某項(xiàng)指標(biāo)的數(shù)值異常發(fā)生在具體哪一個生產(chǎn)線環(huán)節(jié)。

點(diǎn)擊任意環(huán)節(jié)卡片后，可以觸發(fā)該環(huán)節(jié)相關(guān)的下鉆數(shù)據(jù)篩選，支持用戶繼續(xù)針對該節(jié)點(diǎn)數(shù)據(jù)進(jìn)行多維度分析，以進(jìn)一步驗(yàn)證在該節(jié)點(diǎn)內(nèi)是哪個維度導(dǎo)致了異常數(shù)據(jù)的發(fā)生。

基于以上分析能力，小明可以不停嘗試更換維度進(jìn)行下鉆分析來驗(yàn)證自己的假設(shè)，直到最終挖掘出導(dǎo)致“指標(biāo)C”異常的原因，并采取相應(yīng)措施進(jìn)行及時止損。

• 產(chǎn)能問題：增加生產(chǎn)投入，或重新調(diào)整供應(yīng)商分工；
• 質(zhì)量問題：回收錯誤任務(wù)、投放地雷、追加抽檢等；
• 人效問題：采取獎懲措施，如績效扣減、禁用違規(guī)賬號等。

3. 提取通用圖表設(shè)計(jì)點(diǎn)

在進(jìn)行監(jiān)控設(shè)計(jì)時，為了便于目標(biāo)用戶更加直觀清晰的查看和定位數(shù)據(jù)，我們需要借用多類可視化圖表來進(jìn)行表現(xiàn)。

那么首先，我們需要明確該如何選用可視化圖表：

選擇正確的圖表類型取決于顯示的數(shù)據(jù)類型。通常，圖表分為構(gòu)成、對比、關(guān)系和分布4大類。

選擇哪種類型取決于：

是否要顯示某件事的組成部分？是否要比較值或顯示一段時間內(nèi)的差異？是否想更好地理解兩個或多個變量之間的關(guān)系？是否要顯示數(shù)據(jù)的分布？

基于上述圖片指引，在本次設(shè)計(jì)案例中，我們采用折線圖（Line Chart）來表現(xiàn)數(shù)據(jù)趨勢，采用條形圖（Line Chart）表現(xiàn)數(shù)據(jù)對比，又基于生產(chǎn)線的業(yè)務(wù)特點(diǎn)自行設(shè)計(jì)了流程圖來表現(xiàn)環(huán)節(jié)數(shù)據(jù)的流轉(zhuǎn)變化。

其中關(guān)于折線圖的設(shè)計(jì)使用，需注意：

折線圖的橫軸必須為時間維度，否則請勿使用折線圖；

盡量避免同時展示的折線超過 5-7 條，否則將影響對比效率，如果一定要超過則需要增加手動隱藏功能；

代表不同類型的折線需要采用對比鮮明的色值，代表同類的折線可以用飽和度控制來表現(xiàn)數(shù)據(jù)關(guān)系（如同一數(shù)據(jù)的同環(huán)比）。

其中關(guān)于條形圖的設(shè)計(jì)使用，需注意：

想展示每個類別的數(shù)量、比例和頻率，應(yīng)選擇單個條形圖；

想跨類別比較項(xiàng)目，應(yīng)選擇集群條形圖；想顯示每個類別之間的部分到整體的關(guān)系，應(yīng)使用堆疊條形圖；

底部標(biāo)簽文案較長時，應(yīng)使用水平條形圖； 在堆疊條形圖中表現(xiàn)不同類別信息時，應(yīng)盡量使用清晰明顯的對比色。

三、總結(jié)

以上是一款從0到1側(cè)重生產(chǎn)流程監(jiān)控的系統(tǒng)設(shè)計(jì)思考，本期的側(cè)重點(diǎn)在于實(shí)現(xiàn)監(jiān)控的線上化，并通過自動預(yù)警設(shè)計(jì)解決人力投入成本高、追蹤操作耗時久和發(fā)現(xiàn)異常不及時3個顯著問題。

后續(xù)的規(guī)劃可以基于更多業(yè)務(wù)場景呈現(xiàn)更豐富的可視化數(shù)據(jù)分析能力，并提供圖表自定義能力，將更多業(yè)務(wù)核心指標(biāo)以多類圖表的形式呈現(xiàn)在監(jiān)控頁面內(nèi)，便于產(chǎn)品運(yùn)營打造所需的儀表盤視圖，制定相應(yīng)的自動化報(bào)表推送，實(shí)現(xiàn)業(yè)務(wù)效率和用戶體驗(yàn)的進(jìn)一步提升。

文獻(xiàn)參考：

• https://zhuanlan.zhihu.com/p/360376342″>數(shù)據(jù)可視化：如何打造高效的儀表盤
• https://uxplanet.org/data-heavy-applications-how-to-design-perfect-charts-c0c893fef6de”>Data-heavy applications: How to design perfect charts

#專欄作家#

愚者秦，微信公眾號：feather-wit，人人都是產(chǎn)品經(jīng)理專欄作家。先后任職于愛奇藝、字節(jié)跳動的一枚體驗(yàn)設(shè)計(jì)師，同時是兼職寫小說的斜杠青年，善于總結(jié)和抽象設(shè)計(jì)方法，熱衷于探索不同用戶場景下的產(chǎn)品策略。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議