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