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

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

　　1.為什么需要404頁(yè)面

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

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

　?、偬峁┖?jiǎn)明的問(wèn)題描述，用輕松的話語(yǔ)消除訪客的挫敗感，使得訪客轉(zhuǎn)到某個(gè)地方而不是后退。

　　②提供合理的解決方案，輔助訪客完成訪問(wèn)目標(biāo)。

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

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

　　3.NO!拒絕乏味

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

　　方法①：整體一致性

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

　　方法②：讓用戶跟你走

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

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

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

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

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

　　方法⑤：楚楚可人的道歉

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

　　方法⑥：擬物化的場(chǎng)景烘托

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

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

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

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

 

最新評(píng)論