小編在深圳工作也有一段時(shí)間了，主要是負(fù)責(zé)網(wǎng)站前端的。所以，經(jīng)常需要參考一下別人的404頁(yè)面設(shè)計(jì)。但是，要做出一個(gè)讓自己和用戶都滿意的404頁(yè)面，可不是那么簡(jiǎn)單的哦。所以，小編花了一些時(shí)間，收集和分析了404頁(yè)面設(shè)計(jì)，思考和整理了相關(guān)的設(shè)計(jì)思路。

在分享之前，要跟大家簡(jiǎn)單講解一下，什么是404頁(yè)面。其實(shí)404頁(yè)面就是指，當(dāng)用戶在瀏覽網(wǎng)頁(yè)時(shí)，服務(wù)器無(wú)法正常提供信息，或是服務(wù)器無(wú)法回應(yīng)，且不知道原因所返回的頁(yè)面。

而自定義404頁(yè)面就是為了處理這一種清楚而出現(xiàn)的，其在用戶體驗(yàn)上的作用通常是：

告知用戶錯(cuò)誤所在，緩解用戶焦慮。

提供解決方案，如返回上一頁(yè)或首頁(yè)，提升用戶留存率。

影響用戶對(duì)網(wǎng)站的印象。

下面是小編整理的一點(diǎn)關(guān)于404的設(shè)計(jì)思路，希望對(duì)大家有所幫助吧。

1.直接表示出現(xiàn)了錯(cuò)誤。

想要表現(xiàn)出網(wǎng)頁(yè)出錯(cuò)了，但是又不想用文字來(lái)表示的話，可以用斷線風(fēng)箏、斷了的鉛筆、撕碎的書頁(yè)、下雨天沒(méi)傘、破碎的玻璃、機(jī)器人故障等搞砸的事物來(lái)表示。這樣看起來(lái)是不是更加順眼了。

2.表示抱歉，沒(méi)能找到頁(yè)面。

因?yàn)轫?yè)面出錯(cuò)了，所以為了得到用戶的諒解，我們可以采用通過(guò)向用戶道歉的方法。如下圖這些，是不時(shí)更能軟化用戶啊（哈哈哈）。

3.用幽默詼諧的方式提示用戶到了一個(gè)錯(cuò)誤的頁(yè)面。

what，頁(yè)面居然是不存在的。這句話好像是從圖片中的動(dòng)物口中說(shuō)出來(lái)的一樣。這樣容易得到用戶的原諒。

4.轉(zhuǎn)移用戶注意力

當(dāng)用戶在瀏覽網(wǎng)頁(yè)時(shí)，遇到了不存在的頁(yè)面，總會(huì)有一點(diǎn)憤怒的。所以我們要轉(zhuǎn)移用戶的注意力。那么要怎樣轉(zhuǎn)移呢？我們可以在404頁(yè)面玩一會(huì)小游戲、展示公益廣告、甚至傳播正能量。

5.頁(yè)面的去向

腦洞下沒(méi)有找到的頁(yè)面的下落，如頁(yè)面正在休息，頁(yè)面消失了，頁(yè)面被吹走了。

正如上圖說(shuō)說(shuō)，網(wǎng)頁(yè)被忍者偷去啦！這樣是不是看得更加舒服啊。

6.如果你的網(wǎng)站受眾是年輕人，你也可以選擇賣個(gè)萌，討個(gè)喜。

當(dāng)然，關(guān)于404頁(yè)面的設(shè)計(jì)思路還有很多，因?yàn)閯?chuàng)意是無(wú)限的，就好像下圖一樣：