《喜劇之王》中熱愛演戲的尹天仇遇到“演戲”機(jī)會(huì)，會(huì)問：錢不是重點(diǎn)，重點(diǎn)是演技有沒有發(fā)揮的空間？對(duì)于體驗(yàn)設(shè)計(jì)師來說，產(chǎn)品類型不重要，重要的是UED有沒有發(fā)揮的空間。

監(jiān)控產(chǎn)品是云產(chǎn)品中最重要的產(chǎn)品類型之一，保障各線業(yè)務(wù)系統(tǒng)“穩(wěn)定安全極致快”，尤其在各大促節(jié)點(diǎn)更是穩(wěn)定軍心的利器。監(jiān)控產(chǎn)品的核心任務(wù)就是信息精準(zhǔn)上報(bào)和用戶及時(shí)感知，因此用戶和監(jiān)控信息之間的交互決定了監(jiān)控產(chǎn)品的用戶體驗(yàn)。

按照馬斯洛需求層次理論來對(duì)產(chǎn)品體驗(yàn)進(jìn)行分級(jí)，首先解決產(chǎn)品能用，其次是讓產(chǎn)品好用，最后是讓用戶和產(chǎn)品的交互產(chǎn)生情感，即產(chǎn)品極致體驗(yàn)。

本文選取頁面重構(gòu)、流程優(yōu)化、價(jià)值賦予、數(shù)據(jù)可視化四個(gè)案例對(duì)此次體驗(yàn)設(shè)計(jì)進(jìn)行解讀。

頁面重構(gòu)：調(diào)用鏈

在線上，各場景下的用戶數(shù)據(jù)生成不同的鏈路，監(jiān)控鏈路運(yùn)行狀態(tài)是調(diào)用鏈的核心價(jià)值。首先搭建了調(diào)用鏈的系統(tǒng)網(wǎng)絡(luò)模型，將系統(tǒng)、服務(wù)、鏈路三者的關(guān)系進(jìn)行簡化，一定規(guī)模的系統(tǒng)網(wǎng)絡(luò)通過排列組合可以生成大量鏈路，用戶所有場景均可在系統(tǒng)網(wǎng)絡(luò)中形成鏈路。

當(dāng)用戶使用本產(chǎn)品時(shí)，首頁能夠在第一時(shí)間向用戶傳遞重要信息，首頁不僅要傳達(dá)業(yè)務(wù)價(jià)值，還要考慮作為入口的引導(dǎo)作用，因此設(shè)計(jì)了兩種場景：用戶瀏覽所有系統(tǒng)相關(guān)監(jiān)控信息，用戶重點(diǎn)查看單個(gè)系統(tǒng)的監(jiān)控?cái)?shù)據(jù)。

“所有系統(tǒng)”包括系統(tǒng)、關(guān)注鏈路、服務(wù)三種維度信息，“單個(gè)系統(tǒng)”包括系統(tǒng)、服務(wù)兩種維度信息。

流程優(yōu)化：服務(wù)端性能

服務(wù)端性能監(jiān)控是對(duì)軟件服務(wù)的各種性能指標(biāo)進(jìn)行監(jiān)控，通過梳理主任務(wù)流程，得出三個(gè)基本元素：系統(tǒng)、節(jié)點(diǎn)、性能。

改版前，用戶定位異常的主要步驟為：

1. 選取某個(gè)性能維度；
2. 選擇需要查看的系統(tǒng)；
3. 選擇系統(tǒng)下的某個(gè)節(jié)點(diǎn)；
4. 查看此節(jié)點(diǎn)的在該性能維度的參數(shù)。

在第4步中，如果性能參數(shù)異常，則表示異常定位成功，如果性能參數(shù)一切正常，則繼續(xù)循環(huán)進(jìn)行以上四個(gè)步驟。

原流程定位異常的效率較低，需要重點(diǎn)優(yōu)化。將各系統(tǒng)及其節(jié)點(diǎn)的性能參數(shù)前置，賦予每個(gè)元素相應(yīng)的監(jiān)控?cái)?shù)據(jù)，通過數(shù)據(jù)引導(dǎo)用戶進(jìn)行異常定位，改版后的流程為：通過異常標(biāo)記突出顯示存在異常的系統(tǒng)，進(jìn)入系統(tǒng)后再通過異常標(biāo)記突出顯示存在異常的節(jié)點(diǎn)，最后成功引導(dǎo)用戶定位異常。

價(jià)值賦予：智能告警

智能告警是一套監(jiān)控各系統(tǒng)中異常數(shù)據(jù)并生成事件和告警的自動(dòng)化運(yùn)行系統(tǒng)。監(jiān)控?cái)?shù)據(jù)的好壞可以在一定程度上反映工作質(zhì)量，通過對(duì)比監(jiān)控?cái)?shù)據(jù)能夠驅(qū)動(dòng)用戶不斷提高工作質(zhì)量，并且用戶存在短期數(shù)據(jù)獲取和長期數(shù)據(jù)獲取的需求。因此首頁設(shè)計(jì)為兩個(gè)部分：實(shí)時(shí)監(jiān)控?cái)?shù)據(jù)和離線數(shù)據(jù)分析。

實(shí)時(shí)監(jiān)控?cái)?shù)據(jù)能夠告知用戶當(dāng)前發(fā)生了什么，離線數(shù)據(jù)分析能夠讓用戶掌握最近一段時(shí)間內(nèi)的變化趨勢(shì)，這是數(shù)據(jù)在用戶時(shí)間維度的縱向?qū)Ρ?，即自我比較。

按照馬斯洛需求理論，最高追求是“自我實(shí)現(xiàn)”，意味著用戶不僅自我比較，更會(huì)通過和他人比較追求自我實(shí)現(xiàn)，用戶之間的這種橫向?qū)Ρ饶軌蜃層脩舨辉倬窒抻谧陨恚菍⒁曇胺艑捴寥后w，實(shí)現(xiàn)個(gè)人在工作上的抱負(fù)。因此引入“排行版”概念，通過系統(tǒng)、團(tuán)隊(duì)表現(xiàn)的排名去激勵(lì)用戶為了追求更好名次而突破自我。

數(shù)據(jù)可視化：決策分析平臺(tái)

決策分析平臺(tái)主要將異常匯總分析并提供相關(guān)決策和建議，數(shù)據(jù)可視化可以輔助用戶解讀數(shù)據(jù)，層次分明、高效聚合是數(shù)據(jù)可視化的基本特征。

需求描述：選擇不同的維度（比如：核心URL、地區(qū)、運(yùn)營商、終端類型、接入方式等等），根據(jù)不同的時(shí)間粒度（比如：天、周、月等），輸入時(shí)間范圍，查詢耗時(shí)數(shù)據(jù)，查詢結(jié)果以圖表的形式展示給用戶。查詢結(jié)果的統(tǒng)計(jì)指標(biāo)包括：計(jì)數(shù)、平均、最大、最小、標(biāo)準(zhǔn)差、百分比。

需求解讀：耗時(shí)數(shù)據(jù)的最小顆粒，舉例說明就是：2017年11月11日，某用戶在江蘇地區(qū)使用安卓手機(jī)并通過中國移動(dòng)4G網(wǎng)絡(luò)訪問蘇寧易購首頁的耗時(shí)數(shù)據(jù)。由這些耗時(shí)數(shù)據(jù)的最小顆粒組成原始數(shù)據(jù)，通過一定的篩選條件對(duì)原始數(shù)據(jù)進(jìn)行過濾，采用特定的統(tǒng)計(jì)指標(biāo)對(duì)這些數(shù)據(jù)進(jìn)行處理，最終得出有價(jià)值的數(shù)據(jù)信息。

通過梳理原始數(shù)據(jù)的處理流程，把耗時(shí)數(shù)據(jù)與數(shù)據(jù)發(fā)生的時(shí)間進(jìn)行關(guān)聯(lián)，分別作為Y軸和X軸，將每個(gè)耗時(shí)數(shù)據(jù)以“點(diǎn)”的方式分布在二維圖上，幫助用戶快速找出耗時(shí)分布規(guī)律。

通過選取核心URL、地區(qū)、運(yùn)營商、終端類型、接入方式作為單一維度得到X軸，選取耗時(shí)數(shù)據(jù)作為度量得到Y(jié)軸，組成柱狀圖，并通過堆積柱狀圖對(duì)耗時(shí)數(shù)據(jù)進(jìn)行等級(jí)劃分，可以清晰反映當(dāng)前各耗時(shí)級(jí)別的占比。

小結(jié)

監(jiān)控產(chǎn)品的體驗(yàn)設(shè)計(jì)需要交互設(shè)計(jì)師關(guān)注用戶的信息獲取路徑，引導(dǎo)用戶完成對(duì)監(jiān)控?cái)?shù)據(jù)的交互。

以本次產(chǎn)品改版為例，除對(duì)頁面的元素、布局進(jìn)行UI層面的優(yōu)化外，更多在于信息流呈現(xiàn)和用戶交互行為的優(yōu)化，讓用戶與數(shù)據(jù)的交互自然而然地發(fā)生。

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

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