404是一個(gè)http錯(cuò)誤代碼，即請求的網(wǎng)頁不存在。代碼404的第一個(gè)“4”代表客戶端的錯(cuò)誤，如錯(cuò)誤的網(wǎng)頁位址;后兩的數(shù)字碼則代表著特定的錯(cuò)誤訊息。就是當(dāng)用戶輸入了錯(cuò)誤的鏈接時(shí)，返回的頁面。這樣的目的是告訴瀏覽者其所請求的頁面不存在或鏈接錯(cuò)誤，同時(shí)引導(dǎo)用戶使用網(wǎng)站其他頁面而不是關(guān)閉窗口離開。

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

　　1.為什么需要404頁面

　　搜索引擎蜘蛛在請求某個(gè)URL時(shí)得到“404”狀態(tài)回應(yīng)時(shí)，即知道該URL已經(jīng)失效，便不再索引該網(wǎng)頁，并向數(shù)據(jù)中心反饋將該URL表示的網(wǎng)頁從索引數(shù)據(jù)庫中刪除，當(dāng)然，刪除過程有可能需要很長時(shí)間;而當(dāng)搜索引擎得到“200”狀態(tài)碼時(shí)，則會(huì)認(rèn)為該URL是有效的，便會(huì)去索引，并會(huì)將其收錄到索引數(shù)據(jù)庫。所以，自定義404錯(cuò)誤頁面不僅是增強(qiáng)用戶體驗(yàn)的好做法，而且對搜索引擎也是相當(dāng)重要的。

　　2.良好的404頁面應(yīng)該遵循的理念

　?、偬峁┖喢鞯膯栴}描述，用輕松的話語消除訪客的挫敗感，使得訪客轉(zhuǎn)到某個(gè)地方而不是后退。

　?、谔峁┖侠淼慕鉀Q方案，輔助訪客完成訪問目標(biāo)。

　?、厶峁﹤€(gè)性化的友好界面，提升訪問體驗(yàn)。

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

　　3.NO!拒絕乏味

　　一個(gè)擁有良好設(shè)計(jì)的404錯(cuò)誤頁面可以幫你避免失去用戶的信任，潛在地建立你的用戶關(guān)系并能留住你的用戶，使其在瀏覽你的網(wǎng)站的時(shí)間更長。下面給大家?guī)硪恍﹦?chuàng)意的404界面設(shè)計(jì)參考，希望你能喜歡它們并能從中獲取靈感：

　　方法①：整體一致性

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

　　方法②：讓用戶跟你走

　　給用戶有用的鏈接，避免過于簡單和技術(shù)，用豐富設(shè)計(jì)把用戶拉回來，報(bào)告錯(cuò)誤原因或提供聯(lián)系方式，減少挫敗感，減少那些痛苦的、毫無幫助的信息。增加建議讓用戶跟著你走， 利用轉(zhuǎn)向?qū)⒂脩魧?dǎo)入指定的頁面;

　　方法③：用輕松的手繪涂鴉風(fēng)格

　　用輕松的手繪，表達(dá)放松的心情，404錯(cuò)誤并不可怕，請?jiān)徫覀兠利惖腻e(cuò)誤;

　　方法④：精致的細(xì)節(jié)刻畫

　　精致的設(shè)計(jì)往往可惜吸引用戶駐足觀看，仔細(xì)觀察，生怕漏掉細(xì)節(jié)，當(dāng)用戶被精致打動(dòng)的時(shí)候，對你的網(wǎng)站就會(huì)平添更多的憐愛之情;

　　方法⑤：楚楚可人的道歉

　　用情感打動(dòng)用戶，挽留它們的關(guān)閉和離開;

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

　　用實(shí)際物體為元素設(shè)計(jì)的404頁面，可以更好的和本站的主題契合，實(shí)物有不可比擬的真實(shí)感，是一種很好的表現(xiàn)手段;

　　方法⑦：幽默的手段和趣味情節(jié)

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

　　多么可愛的錯(cuò)誤啊，看到這一切，您還會(huì)為404的小錯(cuò)誤生氣么?放松一下，給錯(cuò)誤帶上幽默的情節(jié)，原來錯(cuò)誤也可以很美……

 

最新評論