不愧是大廠!他們都是這樣處理“異常狀態”的,值得收藏~

5 評論 2505 瀏覽 27 收藏 11 分鐘

產品在針對異常狀態做處理時,需要結合不同的設計策略,以滿足用戶需求,提升用戶體驗,并展現產品的關懷與溫度。那么,異常狀態處理可以考慮采用哪些方式呢?這篇文章里,作者做了案例分析與梳理,一起來看。

看了上千個大廠APP優秀案例后,我深刻總結了近百條案例心得,之:

學會在“異常狀態”下,設計出合理、有趣的內容展示。

  • 經驗數量:4條
  • 適用對象:產品體驗/UI設計
  • 大廠來源:抖音/谷歌/亞馬遜/馬蜂窩等

一、經驗拆解

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

不僅要求內容展示合理,還應具備趣味性,以緩解用戶的負面情緒,提升用戶體驗,同時展現設計的創造性和關懷。

二、案例解讀

那么在各個大廠產品中,又有哪些優秀的處理方式呢?

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

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

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

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

不足之處:這個設計對于某些用戶可能會產生困惑,因為他們可能會認為這些與他們搜索意圖無關的內容并不適合他們觀看,這可能會降低他們的搜索體驗和滿意度。

2. 學會融合產品屬性

1)馬蜂窩:“景點照”缺省頁

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

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

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

不足之處:圖片加載時間可能會影響用戶體驗,尤其在網絡較差的情況下。

2)大麥:“歌手紀念”404頁

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

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

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

3)figma:“鋼筆工具”404頁

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

解決問題:塑造了Figma產品的設計工具屬性,增強了品牌形象。而且在設計中加入互動元素,增強了用戶對頁面的吸引力與品牌粘性

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

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

3. 制造趣味性彩蛋

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

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

不足之處:不適用于所有的業務場景。

還有用戶在使用亞馬遜App時觸發了404頁面,系統會呈現文案「天吶嚕!網絡斷了」,并搭配一組狗狗的萌照。

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

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

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

4. 設計小游戲增加留存

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

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

不足之處:

  • 可能會分散用戶的注意力:雖然小游戲可以在等待網絡恢復期間為用戶提供娛樂,但也可能會導致用戶在本應專注于待加載的網頁內容時分散注意力,延長用戶的等待時間。
  • 有可能增加產品復雜性:引入小游戲需要在產品中加入額外的設計和開發資源,可能會增加產品的復雜性和維護成本。

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

解決問題:讓通過提供一個小游戲來緩解用戶等待網絡恢復的無聊和不安情緒,斷網了等待恢復中的用戶不會無事可做、不會因為等待時間長而產生情緒。

不足之處:果用戶長時間等待網絡恢復,可能會覺得這個游戲比較無聊,缺乏持續吸引力。

三、最后總結

綜上所述,要想處理產品的異常裝有,可以總以下方面嘗試入手:

  • 思考異常行為下的原因;
  • 學會融合產品屬性;
  • 制造趣味性彩蛋;
  • 設計小游戲增加留存。

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

專欄作家

和出此嚴,微信公眾號:和出此嚴,人人都是產品經理專欄作家。一枚在鵝廠成長中的“90后老干部”,主產各種接地氣的交互/產品干貨。以做產品的方式,寫好每一篇文章。

本文原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 非常有意思

    來自中國 回復
  2. 非常有趣

    來自北京 回復
  3. 就是得在異常狀態下設身處地想想此刻用戶的想法,然后著手解決,如何緩解。主要還是關注到用戶需求,為用戶著想。

    來自安徽 回復
  4. 1.善于拆解案例,才能高效成長~
    2.更多行業/大廠案例分析,可搜索:有蛋案例
    3.匯聚了各行各業的產品設計案例,每個案例都有8種維度的精心分析,讓您深入了解創意背后的秘密

    來自廣東 回復
  5. 不愧是大廠,就算頁面崩潰依然在思考如何抓住用戶心理,拼勁全力讓用戶停留。每個小巧思都是辛苦打工人絞盡腦汁,夜以繼日的智慧結晶

    來自廣東 回復