編輯導(dǎo)語(yǔ)：B端的走查過(guò)程需要看各項(xiàng)指標(biāo)數(shù)據(jù)以及業(yè)務(wù)、組件等是否搭配得當(dāng)，同時(shí)也是對(duì)許久為參與的項(xiàng)目產(chǎn)品進(jìn)行一致性的修改，并整理出一套可行并且規(guī)范的標(biāo)準(zhǔn)，用于應(yīng)對(duì)后續(xù)新的設(shè)計(jì)。本文對(duì)設(shè)計(jì)走查過(guò)程進(jìn)行了一個(gè)詳細(xì)的梳理，一起來(lái)看看。

前言：B端的走查過(guò)程和C端差異的比較明顯，看數(shù)據(jù)、看業(yè)務(wù)、看操作，看組件是否搭配得當(dāng)。從設(shè)計(jì)角度來(lái)看，結(jié)合交互，結(jié)合部分的業(yè)務(wù)需求、業(yè)務(wù)場(chǎng)景去來(lái)完成這個(gè)過(guò)程。

需要對(duì)長(zhǎng)久未參與的項(xiàng)目產(chǎn)品進(jìn)行一致性的修改。也借此做一次設(shè)計(jì)走查，整理出一套合適的規(guī)范標(biāo)準(zhǔn)需要設(shè)計(jì)、開(kāi)發(fā)遵循，來(lái)應(yīng)對(duì)新的需求。

搞清楚幾個(gè)問(wèn)題：

1. 什么時(shí)候做設(shè)計(jì)走查
2. 為什么決定要做設(shè)計(jì)走查
3. 怎么做設(shè)計(jì)走查

一、什么時(shí)候做走查

以真實(shí)內(nèi)容說(shuō)明這個(gè)問(wèn)題。

參與的項(xiàng)目，開(kāi)發(fā)到現(xiàn)在兩年了，持續(xù)迭代中，目前階段處于平穩(wěn)迭代中。平穩(wěn)期間開(kāi)始做走查任務(wù)。

原因：初期項(xiàng)目開(kāi)發(fā)，業(yè)務(wù)復(fù)雜，場(chǎng)景變化多，現(xiàn)成的前端框架能夠滿足需求，后續(xù)的項(xiàng)目推進(jìn)，加入更多的場(chǎng)景，更多的需求，前端被迫忽略了組件規(guī)范要求。

目前：操作上出現(xiàn)的問(wèn)題也越來(lái)越多，控件套用，體驗(yàn)上的問(wèn)題也顯著出現(xiàn)。比如說(shuō)標(biāo)簽導(dǎo)航，也用作按鈕功能；切換篩查標(biāo)簽也當(dāng)作按鈕使用了

二、為什么決定要做設(shè)計(jì)走查

對(duì)小公司來(lái)說(shuō)，做走查不是件容易的事，所以只能邊走邊看，邊修改邊完善。

通過(guò)和產(chǎn)品進(jìn)行一個(gè)小時(shí)的討論，主要有以下幾點(diǎn)：

• 前期設(shè)計(jì)參與，有對(duì)布局一致性有把控，在之后一年多時(shí)間，設(shè)計(jì)退出，問(wèn)題出現(xiàn)了；
• 討論過(guò)程中，容易偏離主題（比如開(kāi)始是討論布局間距，到按鈕，之后容易被場(chǎng)景帶入，聊到按鈕應(yīng)用場(chǎng)景，越來(lái)越偏離中心）；
• 系統(tǒng)中存在組件混用，濫用情況。

希望設(shè)計(jì)給出一個(gè)標(biāo)準(zhǔn)化的規(guī)范指導(dǎo)界限，明確哪些內(nèi)容應(yīng)該怎么做，做到什么程度。盡可能避免一些操作上的問(wèn)題。

三、怎么做設(shè)計(jì)走查

1. 找問(wèn)題

所見(jiàn)即所得，引起大家共識(shí)，明白哪里的問(wèn)題。

把所有不合適的，不準(zhǔn)確的頁(yè)面截圖，找出來(lái)，合集到一塊，再對(duì)這些截圖進(jìn)行分類，并配相應(yīng)的文字說(shuō)明。

一定要找全類型問(wèn)題，一定要，一定要，重要事說(shuō)三遍。

只有問(wèn)題找全才能更全面解決好問(wèn)題。

找問(wèn)題的方式，等同于設(shè)計(jì)組件前期的對(duì)所有問(wèn)題組件的歸納分類。

2. 分類

找完問(wèn)題后需要對(duì)這些問(wèn)題進(jìn)行分類，從兩個(gè)角度考慮：

一是從數(shù)據(jù)組件的分級(jí)（即組件的應(yīng)用）；二是從業(yè)務(wù)的核心度，將涉及主流業(yè)務(wù)打上標(biāo)簽，便于優(yōu)先處理；三是考慮擴(kuò)展性，數(shù)據(jù)是動(dòng)態(tài)的，所以在邊走查邊考量擴(kuò)展性。

這里不對(duì)數(shù)據(jù)組件進(jìn)行特別的說(shuō)明，組件從設(shè)計(jì)規(guī)范的時(shí)候就已經(jīng)有完整的交互樣式了，但在走查表中也要標(biāo)識(shí)出來(lái)。組件不能滿足的業(yè)務(wù)需要的才會(huì)增加新的組件。

走查主要從操作業(yè)務(wù)流程出發(fā)，檢查組件應(yīng)用的合理性，即組件是否滿足場(chǎng)景需求。

帶著業(yè)務(wù)場(chǎng)景去操作一遍，通用的方式，了解主流程，操作分流程，分流程完成了，主流程不會(huì)斷。

整理操作依據(jù)表（業(yè)務(wù)相關(guān)的，還是由產(chǎn)品出）。

對(duì)于查找出的問(wèn)題，也將其區(qū)分等級(jí)：

緊急：數(shù)據(jù)丟失、缺失，功能不可用，按鈕點(diǎn)擊無(wú)反應(yīng)；

嚴(yán)重：功能設(shè)計(jì)與需求嚴(yán)重不符，數(shù)據(jù)結(jié)果錯(cuò)誤，程序接口調(diào)用錯(cuò)誤等；

一般：功能未實(shí)現(xiàn)但不影響使用，操作時(shí)間長(zhǎng)，數(shù)據(jù)字段過(guò)長(zhǎng)，頁(yè)面樣式（頁(yè)面布局不規(guī)范、顯示重疊、不該顯示不隱藏、描述不清，晦澀難懂未注釋、默認(rèn)提示不準(zhǔn)確、文字排列不對(duì)齊、光標(biāo)圖標(biāo)寓意不正確）；

次要：建議問(wèn)題，不影響使用，只是體驗(yàn)差點(diǎn)；

與之相對(duì)應(yīng)的處理等級(jí)是緊急處理、優(yōu)先處理、一般處理、暫不處理。

3. 實(shí)施

找茬小分隊(duì)的人員分配。

產(chǎn)品主要找緊急與嚴(yán)重等級(jí)的，設(shè)計(jì)主要找一般和次要的以及部分嚴(yán)重等級(jí)的。其他人根據(jù)上邊的表格查找流程的問(wèn)題。將體驗(yàn)出的問(wèn)題以表格內(nèi)容記錄下來(lái)，并給這些問(wèn)題標(biāo)記路徑、等級(jí)和處理等級(jí)，以及修改建議。并將重復(fù)內(nèi)容合并。

之后將開(kāi)發(fā)（前端+后端）也拉出來(lái)，展開(kāi)一次會(huì)議討論，將問(wèn)題處理人指派到人。

四、總結(jié)

建立一套規(guī)范切切實(shí)實(shí)的讓組成員遵守規(guī)則。也通過(guò)每一次的總結(jié)，將每一次的任務(wù)內(nèi)容沉淀下來(lái)。

本文由 @Ychen（啊嗚計(jì)） 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

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