- 相關(guān)推薦
優(yōu)秀404頁(yè)面設計指南
平生不見(jiàn)404，閱盡全網(wǎng)也惘然。對，如果你從未打開(kāi)過(guò)404頁(yè)面，就可以說(shuō)你幾乎未曾真正用過(guò)互聯(lián)網(wǎng)。
優(yōu)秀404頁(yè)面設計指南
404頁(yè)面的出現的原因很簡(jiǎn)單：當你輸入鏈接，瀏覽器向服務(wù)器提出請求，但是服務(wù)器無(wú)法解析你提供的URL的時(shí)候，服務(wù)器就會(huì )返回給你一個(gè)“404為找到”的頁(yè)面，換句話(huà)就是“服務(wù)器是正常的，只是沒(méi)找到你要的頁(yè)面”。
的確，404頁(yè)面的出現就是這么簡(jiǎn)單。它誕生于互聯(lián)網(wǎng)和瀏覽器剛剛興起的時(shí)代，但是經(jīng)過(guò)近20年的演化之后，它早已進(jìn)化出基于互聯(lián)網(wǎng)的亞文化——404頁(yè)面并不簡(jiǎn)單。
所以，要創(chuàng )造出一個(gè)完美的404錯誤頁(yè)面，有一些規則可供遵循。
設計
首先，404頁(yè)面的設計不應該轉移用戶(hù)的注意力，令用戶(hù)偏移最初的目的。的確，絕大多數用戶(hù)認為404頁(yè)面非常惱人。所以，404頁(yè)面應該在網(wǎng)站設計之初就要考慮到，并令它能夠幫助用戶(hù)找到他們需要的東西，并且在此過(guò)程中避免用戶(hù)跳轉到其他的網(wǎng)站。
作為一個(gè)次要目標，404頁(yè)面的設計也可以提供一個(gè)建立并強化品牌的機會(huì )。如果404頁(yè)面設計得足夠積極，那么它可以令用戶(hù)留下持久的印象。一般而言，用戶(hù)遭遇404頁(yè)面一般是因為“打開(kāi)的方式不對”造成的，它是一種負面體驗，但是如果404頁(yè)面能夠幫助用戶(hù)達成目標（其實(shí)這形同危機公關(guān)），那么用戶(hù)可能會(huì )改變對你網(wǎng)站的看法。
為了避免用戶(hù)對404頁(yè)面產(chǎn)生逆反情緒，網(wǎng)頁(yè)的用色和圖片都應該控制好比例和視覺(jué)效果。優(yōu)秀的網(wǎng)頁(yè)設計，才能強化品牌。
社交媒體
在404頁(yè)面上提供社交媒體鏈接是個(gè)好想法，一方面可以幫助誤入歧途的用戶(hù)解決問(wèn)題，另一方面也可以通過(guò)社交媒體吸引更多用戶(hù)。將網(wǎng)站的Facebook、Twitter、Google+、Tumblr、微博、微信鏈接附加在404頁(yè)面上，可以讓用戶(hù)在無(wú)法解決問(wèn)題的情況下通過(guò)社交媒體進(jìn) 行互動(dòng)，尋求解決方案。通常，在官方無(wú)法即刻給出解決方案的是，其他的用戶(hù)或者粉絲也可能會(huì )給予用戶(hù)一定的幫助。
重要鏈接
每個(gè)網(wǎng)站都會(huì )有一些用戶(hù)經(jīng)常訪(fǎng)問(wèn)的頁(yè)面，這些核心的頁(yè)面會(huì )引領(lǐng)用戶(hù)尋求其他的重要信息。值得一提的是，在404頁(yè)面展現網(wǎng)站的整個(gè)網(wǎng)站地圖是不合適的，因為用戶(hù)可能會(huì )迷失于其間，本身用戶(hù)就沒(méi)找到他們想要的東西，再繼續從幾十個(gè)鏈接中找他們想要的東西的話(huà)，這個(gè)體驗可想而知有多糟糕。所以，在這個(gè)時(shí)候，最好設定至多6~7個(gè)重要的鏈接。通常情況下，它們應該包含以下幾個(gè)鏈接：
返回首頁(yè)
最近的帖子
搜索框
關(guān)于我們
聯(lián)系我們
當然，網(wǎng)站的搜索功能可以固化在頁(yè)面上，而以?xún)热轂橹鞯木W(wǎng)站或者博客類(lèi)型的網(wǎng)站可以將近期熱門(mén)帖子添加到網(wǎng)站上，起到引流的作用。
提供在線(xiàn)聯(lián)系方式
作為一種溝通用戶(hù)的方式，在404頁(yè)面提供一個(gè)內嵌表格讓用戶(hù)留言是一種頗具誠意的解決方案。用戶(hù)可以通過(guò)表格留下聯(lián)系方式，碰到的問(wèn)題，或者試圖尋找的信息和內容等。
如果網(wǎng)站本身是偏向銷(xiāo)售向的，那么在線(xiàn)客服也是不錯的解決方法，直接與客服進(jìn)行在線(xiàn)溝通能夠挽留住更多的訂單，不是么？與客服進(jìn)行直接溝通可以找到他們想要的東西。
當然，不論是在線(xiàn)表格提交系統還是在線(xiàn)客服系統都請保持簡(jiǎn)約直接的形式，不要讓用戶(hù)迷失在復雜交互和鏈接中。
幽默與多媒體
當用戶(hù)進(jìn)入404頁(yè)面的時(shí)候，可以在頁(yè)面上嵌入自動(dòng)播放的音頻或者視頻，為用戶(hù)介紹網(wǎng)站或者引導用戶(hù)。在視頻或者動(dòng)畫(huà)中注入適當的幽默和賣(mài)萌，可以緩解誤入此處用戶(hù)的抵觸情緒。
把控好展示的度，可能會(huì )為用戶(hù)帶來(lái)驚喜、愉悅的情緒，如果能引導用戶(hù)解決問(wèn)題就更好了。
接下來(lái)，我會(huì )通過(guò)下面我所搜集的案例來(lái)向你展示，大家都是如何設計優(yōu)秀的404頁(yè)面的。其中很多頁(yè)面頗為有趣，有些還有待提升，但是它們都在某些方面做的頗為突出，值得學(xué)習。
【優(yōu)秀404頁(yè)面設計指南】相關(guān)文章：
如何設計404頁(yè)面08-14
有趣簡(jiǎn)單的404頁(yè)面實(shí)用技巧09-24
網(wǎng)頁(yè)設計的頁(yè)面尺寸標準09-15
單頁(yè)面網(wǎng)站設計欣賞10-14