Menu

Hello! 404 - 有趣 404 頁面大蒐集

 

各種404又來了,留意騰訊詞典的404,還是很不錯的,在細節方面,他們已經做得足夠好。


1. 什麼是404

        404是一個http 錯誤代碼,即請求的網頁不存在。 代碼404的第一個“4”代表客戶端的錯誤,如錯誤的網頁位址;後兩的數字碼則代表著特定的錯誤訊息。 就是當用戶輸入了錯誤的鏈接時,返回的頁面。 這樣的目的是告訴瀏覽者其所請求的頁面不存在或鏈接錯誤,同時引導用戶使用網站其他頁面而不是關閉窗口離開。


Google簡潔的頁面與的品牌精神是一致的,包涵基本的出錯提示和問題描述

 


2. 為什麼需要404頁面

        搜索引擎蜘蛛在請求某個URL時得到“404”狀態回應時,即知道該URL已經失效,便不再索引該網頁,並向數據中心反饋將該URL表示的網頁從索引數據庫中刪除,當然,刪除過程有可能需要很長時間;而當搜索引擎得到“200”狀態碼時,則會認為該URL是有效的,便會去索引,並會將其收錄到索引數據庫。 所以,自定義404錯誤頁面不僅是增強用戶體驗的好做法,而且對搜索引擎也是相當重要的。

 

3. 良好的404頁面應該遵循的理念

①提供簡明的問題描述,用輕鬆的話語消除訪客的挫敗感,使得訪客轉到某個地方而不是後退。

②提供合理的解決方案,輔助訪客完成訪問目標。

③提供個性化的友好界面,提升訪問體驗。

用幽默的語言和親切的貼紙畫面打消用戶的挫敗感

http://dict.qq.com/404.html

 

4. NO! 拒絕乏味

        一個擁有良好設計的404錯誤頁面可以幫你避免失去用戶的信任,潛在地建立你的用戶關係並能留住你的用戶,使其在瀏覽你的網站的時間更長。 下面給大家帶來一些創意的404界面設計參考,希望你能喜歡它們並能從中獲取靈感:

 

方法① :整體一致性

404頁面同樣需要保留本站的基礎元素,讓它看起來還是你的網站,讓用戶迷茫的時候能夠回想起自己為何身在此處;

 

方法②: 讓用戶跟你走

給用戶有用的鏈接,避免過於簡單和技術,用豐富設計把用戶拉回來,報告錯誤原因或提供聯繫方式,減少挫敗感,減少那些痛苦的、毫無幫助的信息。 增加建議讓用戶跟著你走, 利用轉向將用戶導入指定的頁面;

 

方法③: 用輕鬆的手繪塗鴉風格

用輕鬆的手繪,表達放鬆的心情,404錯誤並不可怕,請原諒我們美麗的錯誤;

 

方法④: 精緻的細節刻畫

精緻的設計往往可惜吸引用戶駐足觀看,仔細觀察,生怕漏掉細節,當用戶被精緻打動的時候,對你的網站就會平添更多的憐愛之情;

 

方法⑤: 楚楚可人的道歉

用情感打動用戶,挽留它們的關閉和離開;

 

 

方法⑥: 擬物化的場景烘托

用實際物體為元素設計的404頁面,可以更好的和本站的主題契合,實物有不可比擬的真實感,是一種很好的表現手段;

 

方法⑦: 幽默的手段和趣味情節

老奶奶找不到自己的寵物了! Oh~~原來坐在了屁股底下……

多麼可愛的錯誤啊,看到這一切,您還會為404的小錯誤生氣麼? 放鬆一下,給錯誤帶上幽默的情節,原來錯誤也可以很美……

(本文出自Tencent CDC Blog,轉載時請註明出處)