B端設(shè)計(jì)|設(shè)計(jì)走查
編輯導(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)題:
- 什么時(shí)候做設(shè)計(jì)走查
- 為什么決定要做設(shè)計(jì)走查
- 怎么做設(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é)議
有點(diǎn)靠經(jīng)驗(yàn),缺少系統(tǒng)方法,所以,說(shuō)不清怎么樣才算問(wèn)題?更說(shuō)不清怎么才算找全了?建議進(jìn)一步研究。
一個(gè)小白選手看的懵懵懂懂 希望以后能看懂
收藏下,說(shuō)不定哪天能用得上,??
寫(xiě)得很詳細(xì),邏輯分明,一下子就看懂了
做好設(shè)計(jì)走查,一定能在2b2c的的運(yùn)營(yíng)中事半功倍,而且很具有針對(duì)性的說(shuō)
設(shè)計(jì)走查是一項(xiàng)艱巨而繁瑣的工作,一份優(yōu)秀的設(shè)計(jì)走查也同樣需要耗費(fèi)很多的心血
是的,繁瑣的很
最近正好做這方面的工作,很有用!
有幫助就好