有趣的網(wǎng)頁(yè)網(wǎng)頁(yè)404頁(yè)面能緩解用戶(hù)的焦慮和挫敗感，那么一個(gè)有趣的分享4?04頁(yè)面，是體現如何體??現的？

【天天問(wèn)每周精選】??第102期：你見(jiàn)過(guò)哪些有趣的404頁(yè)面，是網(wǎng)頁(yè)網(wǎng)頁(yè)如何體現的？

以下??內容來(lái)自天天問(wèn)用戶(hù)：@Jasmine @JaylonG @joe @CH??IN_PM @小u @請??叫我馬小胖 @月半小閣 @九久玖

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

01

那么在了解“一個(gè)有趣的網(wǎng)頁(yè)網(wǎng)頁(yè)404頁(yè)面，是分享如何體現的？”之(°o°)前，先了解幾個(gè)在做這類(lèi)頁(yè)面設計時(shí)會(huì )考慮的體現問(wèn)題：

問(wèn)(wen)題一：為什么會(huì )存在404頁(yè)面？問(wèn)題二：什么???人群會(huì )看到4??04頁(yè)面？問(wèn)題三：404頁(yè)面的作用問(wèn)題四：404頁(yè)面的表現形式

通過(guò)以上流程的思考，能夠幫助避免主觀(guān)盲目設計這類(lèi)頁(yè)面。

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

所以問(wèn)題三，404頁(yè)面存在的作用有兩個(gè)：

緩解用戶(hù)當前遇到的問(wèn)題所產(chǎn)生的焦?慮解決用戶(hù)當前所遇到的問(wèn)題

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

02

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

圖形——品牌形象/可愛(ài)形象等——緩解轉移用戶(hù)焦點(diǎn)動(dòng)畫(huà)(′Д` )——品牌形象——緩解用戶(hù)焦慮文字——提示問(wèn)題/引導操作——給出解決方案游戲/互動(dòng)——互動(dòng)性引導——緩解用戶(hù)焦慮按鈕——引導操作——（視情況而定）

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

1. 轉移注意力法

這種方法(′；д；`)將404頁(yè)面視作可被利用的空間，來(lái)呈現公益信息，這種方法暫時(shí)減弱了用戶(hù)對產(chǎn)品的憤怒，將注意力轉向對弱勢群(?Д?)體或社會(huì )問(wèn)題的關(guān)心，側面感受產(chǎn)品的社會(huì )價(jià)值，這種方法適用于社會(huì )公益性質(zhì)或相關(guān)業(yè)務(wù)的產(chǎn)品。

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

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

2. 隱喻手法

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

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

3. 平鋪直敘法

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

4. 游戲娛樂(lè )法

游ヽ(′?｀)ノ戲可以促進(jìn)多巴胺產(chǎn)生，玩游戲或有趣的交互互動(dòng)，可以激發(fā)快樂(lè )感受，這種方法可能消耗較多開(kāi)發(fā)和設計人力，用戶(hù)體驗價(jià)值也難以量化，所以慎用吧。

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

5. 自嘲手法

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

結語(yǔ)

無(wú)論如何，404頁(yè)面之所以出現，是因為沒(méi)有滿(mǎn)足用戶(hù)需求??。所以不管做得(de)再怎么好玩有趣，原本該出來(lái)的沒(méi)有出來(lái)，用戶(hù)想知道的沒(méi)有知道，做得再好玩也都是本末倒置的。

404頁(yè)面如同你在跟女神表白，表達了你想跟她在一起的需求，但她拒絕了你。把??404頁(yè)面做得有趣，就有點(diǎn)像女神在委婉拒絕，??話(huà)說(shuō)得再好聽(tīng)，拒絕了就是拒絕了，終??究是會(huì )影響(xiang)用戶(hù)體驗的。

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

相關(guān)閱讀

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

【天天問(wèn)每周精選】第100期：你會(huì )為互動(dòng)職場(chǎng)劇哪一環(huán)節（如面試/工作/離職）設置怎樣的互動(dòng)，來(lái)?yè)糁杏脩?hù)的興奮點(diǎn)？

【天天問(wèn)每周精選】第99期：什么樣的場(chǎng)景，才能讓用戶(hù)心甘情愿購買(mǎi)付費會(huì )員？

【天天問(wèn)每周精選】第98期(??ヮ?)?*:???：為什么長(cháng)文網(wǎng)站需要點(diǎn)擊“閱讀更多”，才能看到全(quan)部?jì)热荩?/p>

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