一個有趣的404頁面,是如何體現的?

4 評論 14051 瀏覽 68 收藏 11 分鐘

有趣的404頁面能緩解用戶的焦慮和挫敗感,那么一個有趣的404頁面,是如何體現的?

【天天問每周精選】第102期:你見過哪些有趣的404頁面,是如何體現的?

以下內容來自天天問用戶:@Jasmine @JaylonG @joe @CHIN_PM @小u @請叫我馬小胖 @月半小閣 @九久玖

404頁面,指的是顯示網站錯誤鏈接的頁面,可能是該訪問的頁面不存在,也可能是頁面已經被刪除。出現404異常狀態,用戶體驗可能不佳,但有趣的404頁面能緩解用戶的焦慮和挫敗感。于是許多網站/App各出奇招,出現了不少讓人眼前一亮的404頁面。

01

那么在了解“一個有趣的404頁面,是如何體現的?”之前,先了解幾個在做這類頁面設計時會考慮的問題:

  • 問題一:為什么會存在404頁面?
  • 問題二:什么人群會看到404頁面?
  • 問題三:404頁面的作用
  • 問題四:404頁面的表現形式

通過以上流程的思考,能夠幫助避免主觀盲目設計這類頁面。

問題一和問題二幫我們界定404頁面存在的狀況以及人群,具體要通過用戶體驗以及調研去得到具體的答案。大概來說,一般看到404頁面的人群,基本也屬于「網絡情況問題」和「產品本身問題」,但是他們都有個相同的特征,就是在“需要你的時候,你掛了”。

所以問題三,404頁面存在的作用有兩個:

  1. 緩解用戶當前遇到的問題所產生的焦慮
  2. 解決用戶當前所遇到的問題

我們應該從問題一到問題三來思考404頁面的表現形式,而不是說自認為越炫越好,首先要意識到這個頁面是因什么而存在,存在又是為了什么。如果你不能思考到這個問題,那你的設計是盲目的。

02

接下來就到了如何定義表現形式了。在研究分析了幾十款404頁面設計之后,發現優秀的設計方式都包含下列元素:圖形(動畫)+文字+(操作按鈕)

  1. 圖形——品牌形象/可愛形象等——緩解轉移用戶焦點
  2. 動畫——品牌形象——緩解用戶焦慮
  3. 文字——提示問題/引導操作——給出解決方案
  4. 游戲/互動——互動性引導——緩解用戶焦慮
  5. 按鈕——引導操作——(視情況而定)

因此,綜合以上這些元素,可以把有趣的404頁面分為以下幾類展現方式:轉移注意力法、隱喻手法、平鋪直敘法、游戲娛樂法、自嘲手法。

1. 轉移注意力法

這種方法將404頁面視作可被利用的空間,來呈現公益信息,這種方法暫時減弱了用戶對產品的憤怒,將注意力轉向對弱勢群體或社會問題的關心,側面感受產品的社會價值,這種方法適用于社會公益性質或相關業務的產品。

比如騰訊公益的404頁面,這個項目的靈感源于歐洲失蹤兒童聯合會主導的,名為“NotFound Project”的網絡公益工程。就是利用404頁面展示那些被拐賣兒童、失蹤兒童的信息,幫助那些孩子重新找到家人。

比如丁香園的404頁面,文案是“你所訪問的頁面就如那些遇害的同道,已離我們遠去。”下面還會有這些白衣天使的照片和名字。以這樣的方式悼念亡者,也側面展現了丁香園的社會價值。

2. 隱喻手法

這是一種很藝術很委婉的方式,404這幾個大字太平鋪直敘,缺少細細品味和想象的余地。隱喻手法運用現實中的事物對404的意義進行比喻,具有藝術審美價值,適合產品品牌介紹網頁。

將產品的形象融入到404頁面,也是一個不錯的法子,不僅顯得有趣,提高了用戶體驗,也提升了品牌認知。像之前收集過的一張棒球網站404,同時也可以延伸出許多靈感,例如:足球類產品404可以放張守球失敗相關圖片,而籃球可以放張“三不沾”的照片,結合自身產品以此類推。也可以根據不同行業,在提示信息中加入行業詞語,例如:教育類的“老師累了,需要休息,請稍后再來哦”.

3. 平鋪直敘法

這種方法雖然沒有藝術性,沒有幽默感或者社會意義,但也是最負責的表達方式,直接告知用戶頁面出現了問題,導致問題的原因有哪些,聚焦于如何解決404頁面問題,適合效率為主的產品,例如電商類產品。

4. 游戲娛樂法

游戲可以促進多巴胺產生,玩游戲或有趣的交互互動,可以激發快樂感受,這種方法可能消耗較多開發和設計人力,用戶體驗價值也難以量化,所以慎用吧。

一個典型的栗子是谷歌404小恐龍。呆萌的小恐龍趣味性十足,網上還有用戶發布了谷歌404小恐龍教程,像這類小游戲404應用的網站也比較多。

5. 自嘲手法

這種方式一般會將產品擬人化,采用用戶熟悉的人物形象,用偏幽默的方式告知用戶頁面崩了,有點像喜劇中自嘲的手段,逗樂用戶,創造積極體驗。適合娛樂類產品,例如電影類網站等。

結語

無論如何,404頁面之所以出現,是因為沒有滿足用戶需求。所以不管做得再怎么好玩有趣,原本該出來的沒有出來,用戶想知道的沒有知道,做得再好玩也都是本末倒置的。

404頁面如同你在跟女神表白,表達了你想跟她在一起的需求,但她拒絕了你。把404頁面做得有趣,就有點像女神在委婉拒絕,話說得再好聽,拒絕了就是拒絕了,終究是會影響用戶體驗的。

那么有趣的404頁面存在的意義,大概是“雖然女神拒絕了我,但不妨礙她有趣的靈魂會一直吸引我”。

你還見到過哪些有趣的404頁面?點擊下面的鏈接,一起來分享吧~

更多精彩回復:http://996.pm/zL5XV

相關閱讀

【天天問每周精選】第101期:如果支付寶和微信只能留一個,你留哪個?為什么?

【天天問每周精選】第100期:你會為互動職場劇哪一環節(如面試/工作/離職)設置怎樣的互動,來擊中用戶的興奮點?

【天天問每周精選】第99期:什么樣的場景,才能讓用戶心甘情愿購買付費會員?

【天天問每周精選】第98期:為什么長文網站需要點擊“閱讀更多”,才能看到全部內容?

【天天問每周精選】第97期:微博和抖音之間,為何會有「是否自動跳轉到下一視頻」的設計差異?

素材來源:天天問話題精選

「天天問」為人人都是產品經理社區旗下的互助問答模塊,致力產品、運營、營銷等領域知識的學習交流。

本欄目由天天問運營?@Ella?整理編輯發布,歡迎大家踴躍提問,一起交流。

題圖源于網絡

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 先符合調性吧

    來自天津 回復
  2. 打卡,貌似都見過!

    來自福建 回復
  3. 小恐龍真的很可愛

    回復
  4. 打卡 挺全面的

    來自山東 回復