產(chǎn)品在針對異常狀態(tài)做處理時，需要結(jié)合不同的設(shè)計策略，以滿足用戶需求，提升用戶體驗，并展現(xiàn)產(chǎn)品的關(guān)懷與溫度。那么，異常狀態(tài)處理可以考慮采用哪些方式呢？這篇文章里，作者做了案例分析與梳理，一起來看。

看了上千個大廠APP優(yōu)秀案例后，我深刻總結(jié)了近百條案例心得，之：

學會在“異常狀態(tài)”下，設(shè)計出合理、有趣的內(nèi)容展示。

• 經(jīng)驗數(shù)量：4條
• 適用對象：產(chǎn)品體驗/UI設(shè)計
• 大廠來源：抖音/谷歌/亞馬遜/馬蜂窩等

一、經(jīng)驗拆解

異常狀態(tài)的范疇，包括了用戶常見的錯誤頁面（如404）、網(wǎng)絡(luò)連接問題（斷網(wǎng)）、以及用戶行為的異常情況。對每一種異常狀態(tài)的處理都可能需要不同的設(shè)計策略，以滿足用戶在不同情境下的需求。

不僅要求內(nèi)容展示合理，還應(yīng)具備趣味性，以緩解用戶的負面情緒，提升用戶體驗，同時展現(xiàn)設(shè)計的創(chuàng)造性和關(guān)懷。

二、案例解讀

那么在各個大廠產(chǎn)品中，又有哪些優(yōu)秀的處理方式呢？

1. 思考異常行為下的原因

抖音的搜索時有被驚到，比如在輸入一連串的亂碼、不規(guī)則的字符后，搜索結(jié)果都是一些手辦、玩具、游戲等之類的視頻，而不是直接展示「暫無結(jié)果」的相關(guān)提示。

為什么呢：因為能輸入一連串的亂碼、不規(guī)則的字符，除了是屏幕在口袋里不小心按到在誤操作外，還可能是孩子在亂玩手機，不小心按到了搜索功能并打出了看不到的詞語。

因此展示有關(guān)的「兒童視頻」不失為一個好的處理方式，能讓他們乖一點看看有趣的動畫視頻，還能提升用戶在抖音的觀看時間，一舉兩得。

不足之處：這個設(shè)計對于某些用戶可能會產(chǎn)生困惑，因為他們可能會認為這些與他們搜索意圖無關(guān)的內(nèi)容并不適合他們觀看，這可能會降低他們的搜索體驗和滿意度。

2. 學會融合產(chǎn)品屬性

1）馬蜂窩：“景點照”缺省頁

馬蜂窩作為一款旅游APP，在問答和圈子沒有內(nèi)容時除了文案提示外，還給每個空狀態(tài)添加了真實的攝影圖片，底下還附帶拍攝地提示（國家-城市-景點名稱）。

用戶點擊圖片時，還能刷新成另一張風景圖，讓用戶欣賞各地旅游美景，特別具有旅游氛圍。

解決問題：解決了「我的」頁面無內(nèi)容時用戶體驗較差的問題，提供了愉快的用戶界面，減輕了用戶的失望感。通過貼合產(chǎn)品定位的元素，提供了更有趣和吸引人的用戶界面。

不足之處：圖片加載時間可能會影響用戶體驗，尤其在網(wǎng)絡(luò)較差的情況下。

2）大麥：“歌手紀念”404頁

大麥網(wǎng)的404頁面在遇到頁面丟失狀況時，不僅顯示標準的404標志，而且以某位已故歌手為主題，展示其紀念頁。每次頁面丟失時，出現(xiàn)的歌手信息不同，但都包含該歌手的照片和生平介紹。

解決問題：通過將頁面丟失與已故歌手的紀念相結(jié)合，成功解決了傳統(tǒng)404頁面冷漠、無趣的問題。這種設(shè)計方式為用戶提供了一種令人感動的文藝體驗，使其在面對錯誤時感受到一份特殊的關(guān)懷，增強了用戶的情感連接。

不足之處：可能存在一些用戶對于這種文藝化的404頁面設(shè)計不習慣，部分用戶可能更希望直接獲得有關(guān)錯誤的詳細信息，而非通過紀念頁來表達。

3）figma：“鋼筆工具”404頁

Figma是一個跨平臺在線協(xié)作設(shè)計工具，其404界面同樣延續(xù)了產(chǎn)品的設(shè)計工具屬性。Figma通過增加互動元素，如鋼筆工具，讓用戶對404頁面產(chǎn)生興趣和好奇，轉(zhuǎn)化用戶的負面情緒，提高了用戶體驗。

解決問題：塑造了Figma產(chǎn)品的設(shè)計工具屬性，增強了品牌形象。而且在設(shè)計中加入互動元素，增強了用戶對頁面的吸引力與品牌粘性

不足之處：盡管404頁面增加了鋼筆工具等元素，但是實際上它仍然是用戶到達錯誤頁面時的提示，本身并不是一個完整的功能頁面。

還有dribbble的404頁面，也是通過根據(jù)用戶選擇的顏色推薦作品，提供了種與眾不同的用戶體驗，減輕了用戶因找不到所需信息而產(chǎn)生的負面情緒。

3. 制造趣味性彩蛋

之前某年的11月28日是娛樂圈值得被“紀念”的日期，發(fā)生了太多負面新聞了。太多的搜索量導致百度也崩潰了。但是百度團隊用了「自嘲的口吻+搞笑的配圖」進行處理，也是顯得很有意思。

解決問題：通過自嘲+搞笑的畫風來緩解用戶的不滿情緒，讓用戶專心等待技術(shù)人員的修復。同時給用戶帶來驚喜并拉進用戶之間的距離。

不足之處：不適用于所有的業(yè)務(wù)場景。

還有用戶在使用亞馬遜App時觸發(fā)了404頁面，系統(tǒng)會呈現(xiàn)文案「天吶嚕！網(wǎng)絡(luò)斷了」，并搭配一組狗狗的萌照。

不僅如此，頁面中的汪星人萌照是多組的，每次出現(xiàn)404狀況時都會隨機顯示一只可愛的狗狗。

解決問題：過引入賣萌的汪星人元素，將用戶從沮喪的錯誤狀態(tài)中拉出，為用戶提供了一種可愛而愉悅的體驗，有效降低了用戶的不適感。

不足之處：可能存在一部分用戶對于動物元素不感興趣，或者期望更直接的錯誤信息反饋。設(shè)計帶有一定主觀性，可能不被所有用戶廣泛接受。

4. 設(shè)計小游戲增加留存

在使用谷歌瀏覽器的情況下如果斷網(wǎng)，網(wǎng)頁會出現(xiàn)一只像素小恐龍。如果你敲擊一下空格鍵，那么小恐龍就會動起來，開始一個小游戲。

解決問題：讓等待網(wǎng)絡(luò)恢復中的用戶不會無事可做、不會因為等待時間長而產(chǎn)生情緒。同時通過「游戲化的設(shè)計」突顯產(chǎn)品的個性化服務(wù)與對用戶的重視程度。

不足之處：

• 可能會分散用戶的注意力：雖然小游戲可以在等待網(wǎng)絡(luò)恢復期間為用戶提供娛樂，但也可能會導致用戶在本應(yīng)專注于待加載的網(wǎng)頁內(nèi)容時分散注意力，延長用戶的等待時間。
• 有可能增加產(chǎn)品復雜性：引入小游戲需要在產(chǎn)品中加入額外的設(shè)計和開發(fā)資源，可能會增加產(chǎn)品的復雜性和維護成本。

還有使用Microsoft Edge的情況下如果斷網(wǎng)，網(wǎng)頁會出現(xiàn)一個沖浪小游戲，選擇感興趣的角色后可用鍵盤控制船板運動。

解決問題：讓通過提供一個小游戲來緩解用戶等待網(wǎng)絡(luò)恢復的無聊和不安情緒，斷網(wǎng)了等待恢復中的用戶不會無事可做、不會因為等待時間長而產(chǎn)生情緒。

不足之處：果用戶長時間等待網(wǎng)絡(luò)恢復，可能會覺得這個游戲比較無聊，缺乏持續(xù)吸引力。

三、最后總結(jié)

綜上所述，要想處理產(chǎn)品的異常裝有，可以總以下方面嘗試入手：

• 思考異常行為下的原因；
• 學會融合產(chǎn)品屬性；
• 制造趣味性彩蛋；
• 設(shè)計小游戲增加留存。

好了，以上就是作者對「異常情況」的一些小思考，不知道有沒有幫助到你。