產(chǎn)品的設(shè)計(jì)過程中，大部分只專注于主操作流程、主頁(yè)面、分支流程、小頁(yè)面和頁(yè)面的不同狀態(tài)。當(dāng)用戶停留任何一個(gè)界面，進(jìn)行任何一個(gè)操作都可能發(fā)生異常狀態(tài)。產(chǎn)品小白們常常忽略對(duì)異常狀態(tài)展示的設(shè)計(jì)，或者每次做需求都去設(shè)計(jì)一次各異常狀態(tài)的展示頁(yè)面，這樣效率不高且會(huì)導(dǎo)致不同功能模塊、流程，同一異常狀態(tài)，異常展示設(shè)計(jì)不一致。 產(chǎn)品應(yīng)該對(duì)公司內(nèi)同一產(chǎn)品或產(chǎn)品線規(guī)定異常狀態(tài)的全局設(shè)計(jì)規(guī)范，以提升效率。
常見異常狀態(tài)羅列：
1、網(wǎng)絡(luò)異常
2、空數(shù)據(jù)
3、加載失敗
4、操作失敗
5、消耗大量流量時(shí)
6、服務(wù)器異常
7、搜索無(wú)結(jié)果
8、無(wú)權(quán)限
9、功能建設(shè)中
10、內(nèi)容被刪除
下面針對(duì)這10種異常狀態(tài)分別展開說(shuō)明。
1、網(wǎng)絡(luò)異常
存在兩種用戶場(chǎng)景：
場(chǎng)景1： 網(wǎng)絡(luò)異常時(shí)，用戶打開App，這種情況App會(huì)出現(xiàn)異常狀態(tài)提示給用戶，這是App主動(dòng)告知行為；
場(chǎng)景2： 用戶點(diǎn)擊操作時(shí)，由于網(wǎng)絡(luò)異常，這時(shí)候通過交互反饋給用戶，這是App被動(dòng)告知行為。
當(dāng)無(wú)網(wǎng)絡(luò)時(shí)，用戶打開App，通常有三種方式提醒用戶當(dāng)前網(wǎng)絡(luò)異常。
1、tips提示，通過tips提示用戶當(dāng)前網(wǎng)絡(luò)不可用，tips使用場(chǎng)景一般為用戶打開后，界面停留在首頁(yè)， 且首頁(yè)以列表形式展示，這樣的話，tips才能合理的融入到界面中，常見使用這種布局方式的有微信、qq等。
2、使用toast提示用戶網(wǎng)絡(luò)異常，同時(shí)提示用戶可以去使用非數(shù)據(jù)影響的的操作。例如網(wǎng)易云音樂，當(dāng)無(wú)網(wǎng)絡(luò)時(shí)候，告知用戶可以去正常聽已下載的音樂。
3、使用對(duì)話框，引導(dǎo)用戶進(jìn)入設(shè)置頁(yè)面，關(guān)閉飛行模式或者打開Wi-Fi，例如美團(tuán)進(jìn)入首頁(yè)后的對(duì)話框提示。
當(dāng)前無(wú)網(wǎng)絡(luò)時(shí)，用戶點(diǎn)擊操作時(shí)，無(wú)法正常使用產(chǎn)品，這時(shí)候通常有兩種處理方式。
1、點(diǎn)擊操作后，進(jìn)入下一級(jí)界面，以缺省頁(yè)的形式提醒用戶當(dāng)前網(wǎng)絡(luò)異常。
2、當(dāng)前操作界面上使用toast提示。
總結(jié)：
個(gè)人覺得，不管是主動(dòng)或被動(dòng)告知用戶網(wǎng)絡(luò)異常，若非IM工具時(shí)，其他產(chǎn)品均可以采用 toast提示形式告知用戶即可。
2、空數(shù)據(jù)
空數(shù)據(jù)一共分為兩種類型，分別為初始狀態(tài)和清空狀態(tài)。
初始狀態(tài)
用戶首次使用，沒有任何內(nèi)容數(shù)據(jù)時(shí)，需要用戶進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面，這時(shí)候需要提示用戶需要進(jìn)行某種操作才會(huì)出現(xiàn)內(nèi)容。
一般對(duì)于初始狀態(tài)的設(shè)計(jì)，常規(guī)做法是簡(jiǎn)單的插畫配合簡(jiǎn)潔的文案，必要的時(shí)候給出引導(dǎo)用戶操作行為的按鈕。現(xiàn)在流行的設(shè)計(jì)趨勢(shì)是插畫越輕量越簡(jiǎn)單越好，以免搶奪了文案信息。
清空狀態(tài)
當(dāng)用戶清空當(dāng)前的頁(yè)面內(nèi)容，產(chǎn)生了空界面，這時(shí)候需要有明確的提示告知用戶出現(xiàn)當(dāng)前頁(yè)面當(dāng)原因，且告知用戶該如何處理。
清空狀態(tài)的界面和初始狀態(tài)設(shè)計(jì)很相似，唯一不同的是文案的提示。有的產(chǎn)品設(shè)計(jì)直接把清空狀態(tài)的界面按照初始狀態(tài)來(lái)設(shè)計(jì)，這樣也是可以的，缺點(diǎn)就是沒有告知用戶產(chǎn)生空狀態(tài)原因是初始化還是清空所致。
3、加載失敗
在加載過程中，App向服務(wù)器請(qǐng)求數(shù)據(jù)，如果是網(wǎng)絡(luò)原因?qū)е拢瑒t使用網(wǎng)絡(luò)異常的設(shè)計(jì)規(guī)范。如果非網(wǎng)絡(luò)異常原因，則可能因?yàn)榉?wù)器異常導(dǎo)致接口請(qǐng)求不到數(shù)據(jù)，從而導(dǎo)致加載失敗。 這種情況可使用toast告知用戶加載失敗的原因。
4、操作失敗
任何操作行為的交互界面都伴隨著操作失敗的概率。
當(dāng)用戶操作失敗時(shí)，在當(dāng)前頁(yè)面給予一個(gè)反饋，告知用戶操作失敗，最好告知用戶操作失敗的原因，讓用戶知道接下來(lái)如何避免操作失敗。可以使用toast提示 或 對(duì)話框。
5、消耗大量流量時(shí)
?當(dāng)涉及需要消耗大量流量數(shù)據(jù)時(shí)，且非Wi-Fi情況下，這時(shí)候需要告知用戶。常見的例如：看視頻，聽/下載歌曲、視頻通話、下載上傳文件等。
網(wǎng)易云音樂在非Wi-Fi情況下，下載音樂時(shí)，通過對(duì)話框，告知用戶當(dāng)前使用數(shù)據(jù)流量，同時(shí)提供操作可繼續(xù)下載，也提供通過辦理新業(yè)務(wù)解決數(shù)據(jù)流量的問題。
6、服務(wù)器異常??
? ? ?因?yàn)榉?wù)器異常是小概率事件，但是也會(huì)發(fā)生。
? ? ? 當(dāng)服務(wù)器異常時(shí)，且用戶在操作過程中，出現(xiàn)這種情況，一般可設(shè)計(jì)為對(duì)話框提示，明確告知用戶，服務(wù)器出現(xiàn)問題，讓用戶稍后重試。
7、搜索無(wú)結(jié)果
? ? ??用戶在搜索過程中，除了出現(xiàn)正常的匹配結(jié)果，還存在無(wú)匹配結(jié)果的情況，針對(duì)搜索無(wú)結(jié)果的情況，要給予用戶操作無(wú)結(jié)果的提示。
? ? ? ?幾乎搜索的搜索無(wú)結(jié)果狀態(tài)都是在內(nèi)容區(qū)出現(xiàn)對(duì)應(yīng)的提示（插圖）
8、無(wú)權(quán)限
? 無(wú)權(quán)限的場(chǎng)景，通常適用b端產(chǎn)品，對(duì)于不同組織架構(gòu)的企業(yè)員工，會(huì)存在不同的權(quán)限。
? 當(dāng)然最好的方案是在App上面過濾掉無(wú)法查看的內(nèi)容，但是存在員工間的轉(zhuǎn)發(fā)行為，這時(shí)候無(wú)權(quán)限的員工，點(diǎn)擊進(jìn)入，則顯示暫無(wú)權(quán)限查看的提示頁(yè)面。
9、功能建設(shè)中
一般App功能正在開發(fā)中，這種情況不會(huì)在App界面中展示出來(lái)，只有完全開發(fā)完畢并上線后才會(huì)出現(xiàn)在App上。但是也有一些產(chǎn)品的特殊業(yè)務(wù)，會(huì)將一些未開發(fā)的功能展示出來(lái)，即出現(xiàn)對(duì)應(yīng)的提示。? 一般采用提示語(yǔ)或插圖提示。
10、內(nèi)容被刪除
有的時(shí)候，由于文件或者頁(yè)面內(nèi)容被刪除，由于文件或者頁(yè)面內(nèi)容的上一級(jí)頁(yè)面有緩存，所以當(dāng)用戶點(diǎn)擊進(jìn)入時(shí)，會(huì)出現(xiàn)文章/文件被刪除的情況。
已被刪除的異常狀態(tài)，常見的設(shè)計(jì)是用戶進(jìn)入新頁(yè)面出現(xiàn)對(duì)應(yīng)的插畫和標(biāo)題提示。
