產(chǎn)品原型設(shè)計(jì)完成后,一定要多自查幾遍。避免交付出去后,才發(fā)現(xiàn)自己“挖”了很多坑,導(dǎo)致了不必要的返工、被“懟”及高溝通成本等情況發(fā)生。本文分享一個原型設(shè)計(jì)自查清單,不足之處歡迎一起討論~
1. 檢查頁面層級結(jié)構(gòu)
檢查頁面層級規(guī)劃是否合理,各頁面命名是否統(tǒng)一、清晰。
2. 檢查頁面布局
檢查各個頁面布局是否合理,重點(diǎn)內(nèi)容是否突出;
檢查各個頁面應(yīng)該統(tǒng)一的地方是否統(tǒng)一,如:同一個功能在不同頁面的叫法是否存在不一致問題。
3. 檢查功能模塊
檢查各個功能模塊是否都設(shè)計(jì)完成,流程是否順暢、形成閉環(huán)。
4. 檢查標(biāo)注說明
檢查各功能邏輯規(guī)則、注意事項(xiàng)等是否標(biāo)注清楚,不同的需求有不同的邏輯規(guī)則與注意事項(xiàng),這里列舉幾種常見的標(biāo)注說明。
(1)數(shù)據(jù)來源
是否寫清楚數(shù)據(jù)來源。
(2) 異常情況
操作異常:是否寫清楚操作異常時如何處理,如:未輸入密碼但點(diǎn)擊了登錄按鈕。
網(wǎng)絡(luò)異常:是否寫清楚不同網(wǎng)絡(luò)狀態(tài)下如何處理,如:由WiFi切換為4G時是否給出提示。
加載異常:是否寫清楚加載失敗時如何處理。
(3)一些常見規(guī)則
文本框—輸入字符類型、格式、長度是否有要求,是否要進(jìn)行格式驗(yàn)證,字符長度超出后如何處理等。
列表—默認(rèn)排序規(guī)則是什么,有哪些可選排序規(guī)則。
內(nèi)容顯示—內(nèi)容為空時顯示什么,文字顯示換行、截?cái)鄦栴}是否已考慮。
彈窗提示—彈窗提示內(nèi)容和方式是否寫清楚,如:密碼輸入錯誤的提示,是用非模態(tài)彈窗還是模態(tài)彈窗給出。
觸發(fā)交互—是否寫明可觸發(fā)區(qū)域(如:觸發(fā)區(qū)域是一整行,還是僅僅是某個圖標(biāo))、觸發(fā)方式(如:點(diǎn)擊或滑動)、觸發(fā)時被觸發(fā)區(qū)域樣式的變化,以及觸發(fā)后是否有等待加載提示,觸發(fā)后的結(jié)果是什么、如何顯示。
功能權(quán)限—如果不同類型帳號或不同等級帳號可用功能不同,是否已標(biāo)注說明。
PS:個人認(rèn)為一般情況設(shè)計(jì)原型沒必要做高保真的,不需要花費(fèi)太多時間在外觀上,重點(diǎn)是將產(chǎn)品功能、邏輯規(guī)則清晰展現(xiàn)出來。當(dāng)然,原型設(shè)計(jì)頁面看起來舒服、協(xié)調(diào),可讀性強(qiáng)還是必要的。