前陣子做我們一淘優(yōu)惠商家統(tǒng)一的報(bào)錯(cuò)頁面， 整理了一些有意思的404頁面（后簡(jiǎn)稱404），加之最近網(wǎng)友熱議的QQ空間公益404頁面，在這里一起拿出來跟大家分享一下。
什么是404頁面？
404是HTTP其中一種的標(biāo)準(zhǔn)回應(yīng)信息，通俗的說，當(dāng)用戶瀏覽網(wǎng)頁時(shí)，服務(wù)器無法正常提供信息，例如用戶輸入了錯(cuò)誤鏈接；或者無法相應(yīng)并且找不到原因，這時(shí)候頁面會(huì)出現(xiàn)這個(gè)404頁面。404是一個(gè)信息碼，通常之后會(huì)有一個(gè)可讀信息反饋給用戶：Not Found。它意味著網(wǎng)頁不存在。
為什么叫404？
據(jù)說在第三次科技革命之前，互聯(lián)網(wǎng)的形態(tài)就是一個(gè)大型的中央數(shù)據(jù)庫，這個(gè)數(shù)據(jù)庫就設(shè)置在404房間里面。那時(shí)候所有的請(qǐng)求都是有人工手動(dòng)完成的，如果在數(shù)據(jù)庫中沒有找到請(qǐng)求者所需要的文件，或者由于請(qǐng)求者寫錯(cuò)了文件編號(hào)，用戶就會(huì)得到一個(gè)返回信息：room 404 : file not found。后來互聯(lián)網(wǎng)興起后，人們也就習(xí)慣了用404作為服務(wù)器未找到文件的錯(cuò)誤代碼了。（via 百度百科）
為什么要設(shè)計(jì)404頁面？
盡管404頁面被用戶看到的概率相對(duì)全站的其他頁面要小很多，但頁面難免會(huì)出錯(cuò)，無論是用戶的誤操作還是服務(wù)器的原因，這是一個(gè)極少數(shù)才會(huì)出現(xiàn)的錯(cuò)誤情況，作為網(wǎng)頁的設(shè)計(jì)者或者開發(fā)者，有時(shí)候我們無法控制錯(cuò)誤頁面的出現(xiàn)，但我們可以通過使用一個(gè)定制的404錯(cuò)誤頁面將損害降到最低。好的用戶體驗(yàn)是我們不能放過任何一個(gè)小的細(xì)節(jié)，一我們需要在這個(gè)頁面很好的把信息傳達(dá)給用戶，二引導(dǎo)用戶下一步的操作，引導(dǎo)用戶留在我們的網(wǎng)站而不是沮喪的關(guān)閉窗口。
他們都在404上做了什么？
下面我們先來看幾個(gè)直觀形象版的404頁面：

俄文網(wǎng)站，首屏巨大無比的404和傷心欲絕的小裸男，直觀的讓用戶感受到網(wǎng)頁出了問題。但對(duì)于不懂互聯(lián)網(wǎng)的用戶來說，不能明白404的含義，并且圖案下方相關(guān)解釋文字特別小，都是對(duì)用戶無用的信息，只簡(jiǎn)單的說明了可以返回到首頁。

報(bào)道點(diǎn)評(píng)新聞的網(wǎng)站Retardnews，簡(jiǎn)單“粗暴”的圖片展示。
搞笑版的404頁面：

美國(guó)動(dòng)畫片南方公園的網(wǎng)站，在404上依舊采用了無厘頭的風(fēng)格，Kyle和胖子Eric以對(duì)話的形式告知用戶頁面不存在，延續(xù)惡搞風(fēng)格。

Jotsai中讓人會(huì)心一笑的404小圖片，頁面沒有找到，布偶說因?yàn)槲野阉粤恕?/p>

Acorn Creative的英式幽默。

看完搞笑版的讓我們走一走溫情路線：

美女圖片的社交網(wǎng)站Zivity，首先告訴了用戶頁面沒有找到，使用了美女圖片：雖然一些不好的情況，但我們?nèi)匀粣勰恪Ｗ詈笠琅f讓用戶選擇想要去的地方。
有愛的404

歐洲的一家公益組織Child Focus在去年10月推出了一項(xiàng)名為“NotFound”的計(jì)劃，利用網(wǎng)站的404頁面幫助找回走丟的孩子。

同一時(shí)期，在Missing Children Europe和European Federation for Missing and Sexually Exploited Children等公益組織的號(hào)召下，益云社會(huì)創(chuàng)新中心將404公益模式引入國(guó)內(nèi)，發(fā)起了“404公益”行動(dòng)。

最近，騰訊也利用其自身平臺(tái)和廣大的用戶群體，以新的形式通過404去承擔(dān)社會(huì)責(zé)任，發(fā)揮產(chǎn)品的社會(huì)影響力。
最后說一下我們這次設(shè)計(jì)的一淘404頁面,采用了傳統(tǒng)的提示+相關(guān)推薦引導(dǎo)的形式：

1. 向用戶表示歉意，用戶不會(huì)主動(dòng)訪問404，訪問到404讓用戶很不愉快，道歉可以使用戶減少對(duì)網(wǎng)站的抱怨。并明確提示用戶想要的信息不存在；
2. 形象的圖片配合文字，讓用戶直觀感受；
3. 適當(dāng)?shù)囊龑?dǎo)用戶，并給他們有用的鏈接，自動(dòng)跳轉(zhuǎn)，秒數(shù)倒計(jì)時(shí)也是貼心的服務(wù)；
4. 其他一些選擇，因?yàn)樵L問到404的不止是個(gè)人，也有可能是商家；
5. 推薦網(wǎng)站內(nèi)的相關(guān)熱門商家，不讓用戶失望而歸。
一個(gè)精心設(shè)計(jì)的404錯(cuò)誤頁可以幫助網(wǎng)站避免丟失用戶的信任，并正確引導(dǎo)用戶返回站點(diǎn)其它頁面，以便用戶能停留在網(wǎng)站上更長(zhǎng)時(shí)間，減少客戶的流失量。設(shè)置404頁面，其實(shí)也是提高用戶體驗(yàn)的一種表現(xiàn)形式。
結(jié)束語
訪問到錯(cuò)誤頁面是不愉快的用戶體驗(yàn)，但作為設(shè)計(jì)者我們可以為用戶想的更多，無論是像騰訊的公益使404變廢為寶，做有愛的404，還是一些幽默圖片讓用戶會(huì)心一笑，我們需要花更多的精力和時(shí)間做更多有創(chuàng)意的事情。

北京網(wǎng)站設(shè)計(jì)、北京網(wǎng)站建設(shè)首選凡度網(wǎng)絡(luò)北京網(wǎng)絡(luò)公司http://www.91ttx.cn/