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頁面存在的意義，大概是「雖然女神拒絕了我，但不妨礙她有趣的靈魂會一直吸引我」。