異常邏輯隅俘、極端情況邻奠、邊界問題笤喳、頁面細(xì)節(jié)在產(chǎn)品設(shè)計階段無法100%考慮周全,目前大部分產(chǎn)品經(jīng)理的做法是在設(shè)計階段盡量多和開發(fā)團(tuán)隊溝通碌宴,從而減少后期的溝通成本杀狡。就我個人經(jīng)驗而言,總工作量1個月的產(chǎn)品需求贰镣,在交出PRD后呜象,在開發(fā)測試階段會因為以上問題對PRD做10-20次微調(diào)。把自己做好的東西改來改去是件令人討厭的事情碑隆,更討厭的是這些問題不是很重要但又很費(fèi)時間恭陡,而且總會讓你受到質(zhì)疑,江湖地位堪憂干跛,很尷尬子姜!
于是,作為工程師出身的我就想造個輪子楼入,打算整理一份通用的尷尬點(diǎn)的設(shè)計文檔哥捕,幫助產(chǎn)品經(jīng)理碰到類似情況時可以快速做決定。
我目前為尷尬點(diǎn)分成了異常邏輯嘉熊、前端頁面遥赚、服務(wù)器異常、網(wǎng)絡(luò)異常四部分阐肤,你可能會好奇凫佛,為什么是這4部分,而不是3部分或5部分呢孕惜?因為一款產(chǎn)品在用戶體驗時愧薛,我們可以按照時間順序分成用戶操作、前端展示衫画、網(wǎng)絡(luò)傳輸毫炉、后端處理4部分,因此削罩,簡單推理下就得出了4個模塊的尷尬點(diǎn):用戶的騷操作就會產(chǎn)生異常邏輯瞄勾、前端頁面的極端情況、網(wǎng)絡(luò)問題導(dǎo)致產(chǎn)品走不下去弥激、服務(wù)器異常導(dǎo)致產(chǎn)品報錯进陡。
異常邏輯
狀態(tài)同步
尷尬點(diǎn):多端操作同一數(shù)據(jù)源時狀態(tài)不同步
示例:
1.一個電商平臺的店鋪后臺系統(tǒng),A微服、B兩個員工都有發(fā)貨的權(quán)限趾疚。
2.首先,A員工打開了發(fā)貨界面,準(zhǔn)備執(zhí)行訂單0001的發(fā)貨盗蟆,但他打開頁面之后沒有執(zhí)行發(fā)貨操作就忙別的事情去了戈二,頁面就擱置在那。
3.然后喳资,B員工正常給訂單0001發(fā)貨了觉吭。
4.最后,A員工忙完別的事情回來仆邓,繼續(xù)執(zhí)行訂單0001的發(fā)貨操作鲜滩,點(diǎn)擊發(fā)貨,請問這個時候节值,系統(tǒng)該怎么處理呢徙硅?常見處理方案:
每次點(diǎn)擊發(fā)貨按鈕時校驗訂單的狀態(tài),如果訂單狀態(tài)不是未發(fā)貨狀態(tài)則給用戶相應(yīng)的提示搞疗,提示結(jié)束后界面最好自動跳轉(zhuǎn)到列表頁嗓蘑,以免用戶做其他非法操作。
密碼
尷尬點(diǎn):多次輸錯密碼
常見處理方案:
一般定N次輸入密碼錯誤后就鎖定這個賬戶匿乃,然后再設(shè)計一套解鎖賬戶的規(guī)則桩皿,比如:3小時候自動解鎖,通過驗證碼重設(shè)密碼等幢炸。
前端頁面
1.輸入框
尷尬點(diǎn):長度限制泄隔、格式校驗、高度調(diào)整
常見處理方案:
長度限制:一般會在輸入框右下方顯示可輸入字?jǐn)?shù)和已輸入字?jǐn)?shù)宛徊,用戶輸入字?jǐn)?shù)達(dá)到上限后則無法輸入任何內(nèi)容佛嬉,輸入法聯(lián)想和粘貼都不可以。
格式校驗:一般在表單的提交時闸天,做長度和格式的校驗暖呕,如果超出長度或格式不正確則無法提交并提示,如果輸入框較多苞氮,可以在光標(biāo)離開當(dāng)前輸入框時就做校驗和提示湾揽。
高度調(diào)整:當(dāng)輸入框的初始大小無法容納所有的文字,那么需要輸入框就要考慮是否要隨著文字增多動態(tài)調(diào)整高度葱淳,或者是設(shè)計高一點(diǎn)的高度,文字增多后使用滾動條抛姑。
2.級聯(lián)選擇
尷尬點(diǎn):父類切換后要切換子類
常見處理方案:
一般情況下赞厕,父類切換后,默認(rèn)選擇該父類下第一個子類定硝,但也有些需求要子類默認(rèn)不選的皿桑。
3.列表
尷尬點(diǎn):分頁、增刪改查、排序诲侮、缺省頁
常見處理方案:
分頁:凡是分頁都要說明每頁的消息條數(shù)镀虐。APP一般用上拉加載更多處理分頁需求,后臺列表最好有消息總條數(shù)沟绪、每頁展示數(shù)量刮便、當(dāng)前頁的分頁欄。
增刪改查:后臺列表一般都涉及管理绽慈,所以別忘了增刪改查恨旱。增加按鈕一般在列表的邊角處,列表中需要有一列操作欄放置修改坝疼、刪除搜贤、查看按鈕。具體看實際業(yè)務(wù)钝凶。
排序:凡是列表都有排序規(guī)則仪芒,簡單的按照時間倒序,也有按消息的重要程度耕陷、分類排序掂名。
缺省頁:列表頁總是會有沒有消息的時候,這個時候別忘了做缺省頁啃炸。
文字
尷尬點(diǎn):文字過長铆隘、文字組成
常見處理方案:
文本過長:要給出用“...”或換行的說明
文本組成:要說明文本由哪幾個字段組成,如圖例子的文本組成為:免稅店家(固定文案)+¥(固定文案)+原價字段值
圖片
尷尬點(diǎn):添加刪除南用、大小限制
常見處理方案:
添加刪除:有加就有刪(微信朋友圈有長按刪除膀钠、查看大圖時刪除兩種方式),添加圖片的按鈕會隨著圖片的增多位移到下個位置裹虫,圖片添加到上限則隱藏添加按鈕肿嘲。
大小限制:最好說明尺寸限制、大小限制
刪除按鈕
尷尬點(diǎn):刪除提示
常見處理方案:
不用多說了筑公,要加雳窟。
等待提示
尷尬點(diǎn):不同時長提示樣式
常見處理方案:
網(wǎng)絡(luò)問題
服務(wù)器異常
404頁面能做的東西很多,包括品牌宣傳匣屡,引導(dǎo)操作封救,以詼諧幽默方式安撫用戶情緒等,所以遇到這種服務(wù)器的極端情況還是要處理的捣作。
當(dāng)然誉结,服務(wù)器報錯不止404,其他類型的報錯可根據(jù)發(fā)生的概率酌情處理券躁。
尷尬點(diǎn):
常見處理方案:
//
// 清風(fēng)明月時常有
// Created by Cry on 2020/5/27.
// Copyright ? 2019年 epfresh. All rights reserved.
//