異常提示看似是個(gè)不起眼的工作，但是這極大考驗(yàn)產(chǎn)品和交互設(shè)計(jì)師的功底。清晰的思考路徑和明確的決策依據(jù)至關(guān)重要，今天就來梳理一下產(chǎn)品異常提示需要注意的關(guān)鍵點(diǎn)。

01 從原因角度分析梳理

要根據(jù)不同的原因，“包裝”后展示給用戶的操作界面。原因可以簡要分為以下3種：

（1）前端沒有辦法把請求傳遞給后端；

（2）后端返回超時(shí)；

（3）后端返回的數(shù)據(jù)出現(xiàn)異常；

基于以上三種類別再進(jìn)行細(xì)分：

1. 如果能明確知道是手機(jī)網(wǎng)絡(luò)問題，可清晰明確地引導(dǎo)用戶進(jìn)行操作提示，如“網(wǎng)絡(luò)斷開，請檢查網(wǎng)絡(luò)”;
2. 如果是其他非用戶本身導(dǎo)致的問題，需要再次分析是否能通過刷新頁面進(jìn)行解決。如果可以通過“刷新”來解決，需提供給用戶“刷新重試”按鈕，避免用戶因?yàn)檎也坏浇鉀Q方法，快速流失。當(dāng)然也需要提供給返回或關(guān)閉的按鈕，讓用戶有路可退。
3. 有很多問題無須直接反饋給用戶，也無需根據(jù)每種情況進(jìn)行針對性地提示，這時(shí)可以統(tǒng)一用“頁面開小差or頁面丟失”+錯(cuò)誤碼（下圖熒光色）的形式展示給用戶，錯(cuò)誤碼的作用是輔助相關(guān)人員（運(yùn)維）進(jìn)行問題的迅速定位和排查。

02 從頁面獲取的形式

用戶做操作后的反饋狀態(tài)主要為3種狀態(tài)：

（1）操作后，跳轉(zhuǎn)到新頁面，主要是搜索/展示類行為的結(jié)果反饋頁面——適合頁面相對獨(dú)立，且信息內(nèi)容較多的頁面。舉例：點(diǎn)擊頂部/底部TAB欄，搜索結(jié)果頁等；

（2）操作后，仍停留在該頁面，但是會(huì)以抽屜式的側(cè)邊欄的形式進(jìn)行展現(xiàn)——適合與當(dāng)前的主界面有一定的關(guān)聯(lián)性，但所展示的信息不是太多，操作和交互較為簡單。舉例：視頻下載時(shí)的選集，火車票的日期選擇等；

（3）操作后，仍停留在該頁面，但是會(huì)基于用戶的行為進(jìn)行反饋提示——適合操作后僅對狀態(tài)進(jìn)行的改動(dòng)，并不需要獲取更多信息的情況，如關(guān)注成功，加入購物車成功，優(yōu)惠券領(lǐng)取成功等提示。

可以通過2種方式進(jìn)行展現(xiàn)：

1. 采用全局提示的方法，多采用輕量級的toast對用戶的行為進(jìn)行反饋；
2. 采用多態(tài)按鈕，根據(jù)按鈕自身的狀態(tài)變化進(jìn)行直觀展示，也是很好的方法；

3種狀態(tài)對應(yīng)的異常提示樣式

頁面的異常提示，取決于數(shù)據(jù)獲取的方式，采用全局提示或局部區(qū)域進(jìn)行提示，不同頁面反饋的形式，彼此之間也有所差別。

03 從用戶的操作成本和敏感點(diǎn)選擇合適的提示方式

不同類別的產(chǎn)品，用戶在體驗(yàn)的過程中會(huì)有不同的關(guān)注點(diǎn)和敏感點(diǎn)，根據(jù)操作成本和敏感點(diǎn)的高低進(jìn)行針對性地分析。

（1）當(dāng)用戶在當(dāng)前頁面的操作成本較高且進(jìn)行提交時(shí)，如果出現(xiàn)異常情況，切記不要引導(dǎo)用戶刷新頁面或跳轉(zhuǎn)到404頁面，這都會(huì)造成當(dāng)前頁面填寫的信息丟失。因此，建議停留在該頁面，以彈窗的形式告知用戶當(dāng)前狀態(tài)，并將選擇權(quán)交給用戶。

（2）當(dāng)用戶的行為涉及到敏感點(diǎn)時(shí)，如金錢交易。這時(shí)也是需要給用戶清晰明確的結(jié)果，如果此刻結(jié)果并未產(chǎn)生，也要告知用戶在哪個(gè)頁面可以查到對應(yīng)結(jié)果，或進(jìn)行客服咨詢等。這樣不僅可以緩解用戶的焦躁，也是讓用戶對產(chǎn)品產(chǎn)生信任感的關(guān)節(jié)環(huán)節(jié)喲~~

小結(jié)

以上是我對異常提示的總結(jié)歸納，希望對你有用，也歡迎大家與我在評論區(qū)與我討論。這些細(xì)節(jié)往往是產(chǎn)品經(jīng)理容易忽略的，或在設(shè)計(jì)時(shí)并沒有考慮到產(chǎn)品本身的特點(diǎn)，只是進(jìn)行的盲目照搬，但是細(xì)節(jié)也往往是影響用戶體驗(yàn)的關(guān)鍵因素。