有趣的404頁面能緩解用戶的焦慮和挫敗感，那么一個有趣的404頁面，是如何體現(xiàn)的？

【天天問每周精選】第102期：你見過哪些有趣的404頁面，是如何體現(xiàn)的？

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

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

01

那么在了解“一個有趣的404頁面，是如何體現(xiàn)的？”之前，先了解幾個在做這類頁面設(shè)計時會考慮的問題：

• 問題一：為什么會存在404頁面？
• 問題二：什么人群會看到404頁面？
• 問題三：404頁面的作用
• 問題四：404頁面的表現(xiàn)形式

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

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

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

1. 緩解用戶當(dāng)前遇到的問題所產(chǎn)生的焦慮
2. 解決用戶當(dāng)前所遇到的問題

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

02

接下來就到了如何定義表現(xiàn)形式了。在研究分析了幾十款404頁面設(shè)計之后，發(fā)現(xiàn)優(yōu)秀的設(shè)計方式都包含下列元素：圖形（動畫）+文字+（操作按鈕）

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

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

1. 轉(zhuǎn)移注意力法

這種方法將404頁面視作可被利用的空間，來呈現(xiàn)公益信息，這種方法暫時減弱了用戶對產(chǎn)品的憤怒，將注意力轉(zhuǎn)向?qū)θ鮿萑后w或社會問題的關(guān)心，側(cè)面感受產(chǎn)品的社會價值，這種方法適用于社會公益性質(zhì)或相關(guān)業(yè)務(wù)的產(chǎn)品。

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

比如丁香園的404頁面，文案是“你所訪問的頁面就如那些遇害的同道，已離我們遠(yuǎn)去?！毕旅孢€會有這些白衣天使的照片和名字。以這樣的方式悼念亡者，也側(cè)面展現(xiàn)了丁香園的社會價值。

2. 隱喻手法

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

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

3. 平鋪直敘法

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

4. 游戲娛樂法

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

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

5. 自嘲手法

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

結(jié)語

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

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

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

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

更多精彩回復(fù)：http://996.pm/zL5XV

相關(guān)閱讀

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

【天天問每周精選】第100期：你會為互動職場劇哪一環(huán)節(jié)（如面試/工作/離職）設(shè)置怎樣的互動，來擊中用戶的興奮點？

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

【天天問每周精選】第98期：為什么長文網(wǎng)站需要點擊“閱讀更多”，才能看到全部內(nèi)容？

【天天問每周精選】第97期：微博和抖音之間，為何會有「是否自動跳轉(zhuǎn)到下一視頻」的設(shè)計差異？

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

「天天問」為人人都是產(chǎn)品經(jīng)理社區(qū)旗下的互助問答模塊，致力產(chǎn)品、運營、營銷等領(lǐng)域知識的學(xué)習(xí)交流。

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

題圖源于網(wǎng)絡(luò)