出錯不尷尬：怎樣設計404頁(yè)面快速提升用戶(hù)體驗？

　　404頁(yè)面是用戶(hù)在瀏覽某個(gè)不存在或已刪除的網(wǎng)頁(yè)時(shí)，服務(wù)器無(wú)法正常提供信息所返回的頁(yè)面。在網(wǎng)站中設置404頁(yè)面很有必要，404頁(yè)面可以避免失效的URL網(wǎng)址或者說(shuō)死鏈影響網(wǎng)站的收錄排名，有利于網(wǎng)站在搜索引擎上好感度的提高，為SEO優(yōu)化掃清障礙。除此以外，404頁(yè)面還肩負著(zhù)用戶(hù)體驗的重任。雖然訪(fǎng)客在尋找想要信息的過(guò)程中遇到了頁(yè)面不存在或鏈接錯誤的問(wèn)題，但巧妙的頁(yè)面設計可以引導用戶(hù)瀏覽其他頁(yè)面，讓他們在網(wǎng)站獲得較好的用戶(hù)體驗，從而提升用戶(hù)轉化率。小飛今天就是來(lái)介紹一下怎樣做好404頁(yè)面的設計的以及它的心理學(xué)依據、一些富有創(chuàng )意的404頁(yè)面實(shí)例。一起來(lái)看看吧!

　　在介紹404頁(yè)面的有效設計方法之前，小飛先帶大家看看它背后的心理學(xué)依據：峰終定律。

　　峰終定律

　　峰終定律是指人們對于某項體驗的記憶是由兩個(gè)因素決定的：高峰(無(wú)論是正向的還是負向的)時(shí)和結束時(shí)的感覺(jué)，而整個(gè)過(guò)程中好與不好體驗的比重、好與不好體驗的時(shí)間長(cháng)短對于記憶幾乎沒(méi)有影響。這個(gè)概念的出現給經(jīng)濟學(xué)開(kāi)辟了新的道路，它的發(fā)現者也因此獲得了2002年的諾貝爾經(jīng)濟學(xué)獎。不少管理者都使用峰終定律重點(diǎn)管理公司服務(wù)的"峰-終體驗"，峰終定律還廣泛地應用于我們的生活之中：為什么電影的高潮總是在后?為什么我們后吃甜點(diǎn)?

　　說(shuō)了這么多，相信你對峰終定律也有了一定的了解。其實(shí)峰終定律還可以應用在404頁(yè)面中提升用戶(hù)體驗。根據峰終定律，即使訪(fǎng)客在瀏覽網(wǎng)頁(yè)的過(guò)程中看見(jiàn)404頁(yè)面、無(wú)法獲取想要的信息時(shí)會(huì )產(chǎn)生挫敗感，但只要這不是"終"，就不會(huì )影響他們的整體體驗。我們可以好好設計404頁(yè)面，引領(lǐng)訪(fǎng)客瀏覽其他網(wǎng)頁(yè)，找到想要的信息或是新的興趣點(diǎn)，將404頁(yè)面可能的"終"變成網(wǎng)頁(yè)瀏覽的"峰"，這樣就能提升用戶(hù)的體驗，給訪(fǎng)客留下比較好的印象。

　　有效設計404頁(yè)面的方法：

　　1.創(chuàng )建相關(guān)內容的鏈接

　　雖然訪(fǎng)客在404頁(yè)面沒(méi)有及時(shí)獲取想要的內容，但這并不是瀏覽體驗的終點(diǎn)。在訪(fǎng)客走進(jìn)死胡同時(shí)，我們可以給他們以指引，在404頁(yè)面提供一些相關(guān)內容的鏈接，就像下圖Airbnb在404頁(yè)面放置了"主頁(yè)"、"幫助"、"查找"等諸多選項，讓用戶(hù)有"柳暗花明又一村"的感覺(jué)。沒(méi)準，用戶(hù)能在其他頁(yè)面找到自己想要的信息，又或是對某個(gè)頁(yè)面產(chǎn)生興趣，從而在網(wǎng)站上停留更長(cháng)時(shí)間，這不就是我們想要達成的目的嗎?

　　2.利用贈品等方式獲取訪(fǎng)客郵箱

　　即使訪(fǎng)客現在沒(méi)有找到想要的信息，我們也可以將他們轉化為潛在的客戶(hù)。怎樣將訪(fǎng)客轉化為潛在的用戶(hù)?以下圖為例，只要用戶(hù)輸入郵箱地址，他們就可以免費獲得很多設計文件和模板等，我們也可以使用類(lèi)似的方法，提供一些好處(寶貴的信息、電子版文件的下載等等)獲得訪(fǎng)客的聯(lián)系方式。這樣我們能夠在適當的時(shí)候給訪(fǎng)客推送一些網(wǎng)站消息，與他們進(jìn)行互動(dòng)。不過(guò)要注意，索要電話(huà)號碼并不是一個(gè)好主意，因為對大多數人來(lái)說(shuō)手機號碼要更加私人，不會(huì )輕易泄露。

　　3.添加搜索框

　　除了網(wǎng)頁(yè)不存在或已刪除的情況，404頁(yè)面的出現還可能是因為某個(gè)網(wǎng)址重新指向到其他地方。這時(shí)我們就可以在404頁(yè)面添加一個(gè)搜索框，方便訪(fǎng)客們在此輸入關(guān)鍵詞搜索，快速獲取信息。

　　Twitter在這一點(diǎn)上就做的很好，用戶(hù)可以直接在搜索框查找想要獲取的信息。

　　4.添加聯(lián)系表單

　　在404頁(yè)面添加聯(lián)系表單也是一種有效的設計方法。這是因為，聯(lián)系表單可以充當訪(fǎng)客與站長(cháng)交流溝通的橋梁。訪(fǎng)客通過(guò)它可以直接與站長(cháng)聯(lián)系，獲取自己想要的信息，反過(guò)來(lái)，站長(cháng)能夠從聯(lián)系表單中獲得訪(fǎng)客們的體驗反饋，及時(shí)改正404頁(yè)面或其他頁(yè)面可能存在的錯誤，進(jìn)一步提高網(wǎng)站的整體表現力。

　　5.避免幽默

　　小飛并不否認幽默是避免尷尬的一種方式，但它并不是在所有情況下都適用的。這不，在404頁(yè)面使用幽默可能還會(huì )有適得其反的效果，不少訪(fǎng)客反映在無(wú)法找到想要的信息時(shí)就已經(jīng)很失望了，那些愚蠢的笑話(huà)更會(huì )讓人覺(jué)得惱火。我們要明白，訪(fǎng)客在登進(jìn)網(wǎng)站時(shí)目標很明確：找到自己想要的信息，然后離開(kāi)，他們想要以盡可能快的速度完成這一目標，而不是來(lái)來(lái)回回地兜圈子。盡管在網(wǎng)站中使用幽默的出發(fā)點(diǎn)是好的，但還是使用更加實(shí)際的方法吧!

　　一些創(chuàng )意404頁(yè)面的實(shí)例：

　　如果你想要找到一些404頁(yè)面設計的靈感，下面是小飛個(gè)人比較欣賞的幾個(gè)實(shí)例，一起來(lái)看看吧!

　　Wufoo

　　Wufoo是一個(gè)幫助人們在線(xiàn)創(chuàng )建獨特表格的網(wǎng)站。在Wufoo的404錯誤頁(yè)面上，綠色的按鈕(免費創(chuàng )建表格)很是顯眼，背景圖片中還有這一只恐龍正在直勾勾的盯著(zhù)行為引導按鈕，這無(wú)形之中又給了訪(fǎng)客暗示，訪(fǎng)客更有可能點(diǎn)擊這個(gè)按鈕。除此以外，Wufoo還將可選的菜單項放在了行為引導按鈕的下方，給訪(fǎng)客提供多種選擇。

　　MailChimp

　　Mailchimp是一個(gè)非常流行的電子郵箱營(yíng)銷(xiāo)平臺。在它的404錯誤頁(yè)面，Mail Chimp使用了一張猩猩在森林中的背景圖片，似乎在暗示訪(fǎng)客已經(jīng)迷路了。進(jìn)入這個(gè)頁(yè)面的訪(fǎng)客可以在插圖的幫助下更加清晰地明白它的信息。棒的地方在于Mail Chimp在頁(yè)面的下方提供了一個(gè)搜索框，訪(fǎng)客可以在這搜索任何自己感興趣的內容。如果搜索框在查找或定位資源方面還不夠給力的話(huà)，訪(fǎng)客還可以使用搜索框下方的導航菜單。

　　Bitly

　　Bitly是一家提供縮短URL服務(wù)的網(wǎng)站。下圖就是它的404錯誤頁(yè)面，很美觀(guān)，也富有深意。如果你仔細觀(guān)察一下它的錯誤頁(yè)面，你會(huì )發(fā)現設計師將海洋設計成空無(wú)一物的，這其實(shí)是在暗示網(wǎng)頁(yè)里什么都沒(méi)有，能給訪(fǎng)客提供一個(gè)更加直觀(guān)的感受：在這沒(méi)有想要的資源。Bitly同樣也在頁(yè)面的底部放置了導航菜單。另外，為了讓網(wǎng)站上的各種元素更具有互動(dòng)性，Bitly的設計團隊還將海洋設計了波浪的動(dòng)效，海鷗也是可以揮動(dòng)翅膀的，你可以來(lái)這個(gè)網(wǎng)站親自感受一下。

　　Cooklet

　　Cooklet是一家全球美食食譜分享網(wǎng)站。它在自己的404頁(yè)面上放了一張空盤(pán)子的照片，這個(gè)插圖很直觀(guān)，也與網(wǎng)站的主題相呼應。Oh no!的話(huà)語(yǔ)更有感情色彩，能夠引起用戶(hù)的情感共鳴，有意思的地方是Cooklet在網(wǎng)站上放置了返回以及回到主頁(yè)的鏈接。除此以外，它們還將導航菜單、搜索框放在了頁(yè)面的上方，便于用戶(hù)重新定位資源。

　　其實(shí)，對于任何網(wǎng)站來(lái)說(shuō)，404頁(yè)面都是可能出現的。出現404錯誤頁(yè)面并不可怕，可怕是我們沒(méi)有有效的方法應對它?？戳松厦孢@些實(shí)例，你對404頁(yè)面應該有了一個(gè)全新的認識了吧!趕緊計劃計劃自己網(wǎng)站中的404頁(yè)面怎么做，發(fā)揮404頁(yè)面在提升用戶(hù)體驗、做好SEO優(yōu)化等方面的益處。