網(wǎng)站設(shè)計

Website development

北京網(wǎng)站設(shè)計404頁面的幾個設(shè)計思路

發(fā)布時間：2016-09-08 10:23:14

經(jīng)常有看到一些平臺分享404頁面的設(shè)計，但只是丟了一些別人設(shè)計好的頁面，再無其它說明。畢竟設(shè)計師都清楚設(shè)計404頁面并不是只是單純地畫一幅插畫而已。于是花了一些時間搜集和分析了404頁面的設(shè)計，思考和整理了相關(guān)的設(shè)計思路。

在此之前先簡單明確一下404頁面的定義，404頁面是客戶端在瀏覽網(wǎng)頁時，服務(wù)器無法正常提供信息，或是服務(wù)器無法回應(yīng)，且不知道原因所返回的頁面。

自定義404頁面是處理空白狀態(tài)的一種情況，其在用戶體驗(yàn)上的作用通常是：告知用戶錯誤所在，緩解用戶焦慮。

提供解決方案，如返回上一頁或首頁，提升用戶留存率。

影響用戶對網(wǎng)站的印象。

同時百度百科還提到“峰終定律”在404頁面的運(yùn)用：

對一項(xiàng)事物的體驗(yàn)之后，所能記住的就只是在峰與終時的體驗(yàn)，而在過程中好與不好體驗(yàn)的比重、好與不好體驗(yàn)的時間長短，對記憶差不多沒有影響。404錯誤頁面應(yīng)該作為頁面瀏覽的一部分，看到“出錯”或者“抱歉”頁面之類404頁

面的時候，用戶會對網(wǎng)站的信任度迅速降低，有種挫敗感。

北京<a href=http://www.mpian.cn target=_blank class=infotextkey>網(wǎng)站設(shè)計</a>404頁面的幾個設(shè)計思路

下面是一些相關(guān)的設(shè)計思路：

1.直接表示出現(xiàn)了錯誤。

通常可用搞砸的事物表示，如斷線風(fēng)箏、斷了的鉛筆、撕碎的書頁、下雨天沒傘、破碎的玻璃、機(jī)器人故障等等。

2.表示抱歉，沒能找到頁面。

向用戶道歉，而不是責(zé)備用戶（用戶心軟，哈哈）。

3.用幽默詼諧的方式提示用戶到了一個錯誤的頁面。

啊啊啊啊啊啊，頁面不存在！就像是從圖片中的動物口中說出來的一樣。

4.轉(zhuǎn)移用戶注意力，如可以在404頁面玩一會小游戲、展示公益廣告、甚至傳播正能量：

吃豆豆游戲

類似的還有為人所熟知的谷歌404的跳跳龍游戲。

5.頁面的去向

腦洞下沒有找到的頁面的下落，如頁面正在休息，頁面消失了，頁面被吹走了。

網(wǎng)頁被忍者偷去啦！

6.表示訪客迷失。

如表示訪客迷路了，迷失在茫茫宇宙，到了不正確的地方等示意用戶這是錯誤頁面。

7.如果你的網(wǎng)站受眾是年輕人，你也可以選擇賣個萌，討個喜。

關(guān)于404頁面的設(shè)計注意事項(xiàng)有許多，覺得百科上已經(jīng)寫得很詳細(xì)，就搬過來了：

1.不要將404錯誤轉(zhuǎn)向到網(wǎng)站主頁，否則可能會導(dǎo)致主頁在搜索引擎中消失。

2.404頁面不要自動跳轉(zhuǎn)，讓用戶來決定去向。

3、不使用專業(yè)術(shù)語：“404錯誤”這個詞的使用一直非常規(guī)范，但這并不是你使用專業(yè)術(shù)語嚇跑訪客的理由。“找不到網(wǎng)頁”這個說法相比來說更準(zhǔn)確也更易于接受。

4、不要責(zé)備訪客

5、提示訪客檢查拼寫（常出現(xiàn)在搜索引擎中）：還有一個可能是訪客看到404錯誤頁面是由于他們自己在輸入URL網(wǎng)址時出現(xiàn)了拼寫錯誤。提示訪客檢查他們的拼寫，但不要失禮。

6、明確表明404：清楚地向訪客聲明他們正在搜尋的頁面無法找到，且不要讓錯誤頁面看起來與正常的內(nèi)容頁（如加入過多的文本和鏈接）太過相似。你是想要表明這是一個錯誤頁面，所以就不要羞于向訪客們聲明這一點(diǎn)。

7、放置網(wǎng)站主頁鏈接：不要讓訪客無處可去或是無法找到你的網(wǎng)站信息。至少應(yīng)該有一個鏈接鏈回你的網(wǎng)站主頁。這樣一來，從其他網(wǎng)站鏈接而來的訪客就可以了解你以及你的網(wǎng)站，甚至他們可能在你的網(wǎng)站中找到一些他們喜歡的內(nèi)容。

8、訪客方便反饋信息：如果訪問者點(diǎn)擊了你網(wǎng)站上的一個錯誤鏈接，你會想了解這個鏈接故障。如果通過404頁面給他們提供一個反饋信息的便捷方式，讓他們可以報告這個故障以便你去解決。這只需要一個非常簡短的形式來提示訪客告訴你他們來自哪個頁面及哪個鏈接。通過這個方法，你可以獲取到所有你需要的信息。

9、保持品牌風(fēng)格：我們都看過非常酷的“讓訪客發(fā)現(xiàn)一個巨大的“復(fù)活節(jié)蛋”“的錯誤頁面的設(shè)計案例。但千萬不要使這個頁面的設(shè)計與你網(wǎng)站的其他頁面相差太大，否則會看起來這個頁面不像你網(wǎng)站的設(shè)計，會讓訪客產(chǎn)生疑惑，誤以為自己已經(jīng)被帶到了一個外部網(wǎng)站。

10、語言版本：如果你的網(wǎng)站是多語種的，404錯誤頁面將從你所有語言版本的網(wǎng)站中獲取錯誤信息。無論你想要顯示任何信息，都需要將其翻譯成各個語言版本，使每個人都能理解。同時還需提供一個鏈接返回到訪客所對應(yīng)的語言版本的網(wǎng)站。

11、讓訪客搜索想要的：如果訪客正在訪問的頁面已被移動，你可能想給他們一個途徑來搜索頁面被移動到了何處，可以考慮在頁面增加一個搜索框。

如果只是像下面這樣，可能會不太合適：

當(dāng)然，如果你的用戶就是程序員，你也可以這樣啦：

以上只是有限的設(shè)計思路，然而創(chuàng)意是無限的，比如這樣：

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,6809,0.html

上一篇：創(chuàng)建和管理好自媒體網(wǎng)站需要注意的5個問題

下一篇：網(wǎng)站建設(shè)丨塑造建站開發(fā)品牌形象，讓訪客相信你

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計
程序設(shè)
計研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評價

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個項(xiàng)目周期內(nèi)，云智互聯(lián)對待我們并不像是對待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個需求，再次感謝以至誠之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個企業(yè)官網(wǎng)，服務(wù)態(tài)度超級好。如果想做網(wǎng)站，選擇他家一定不后悔。性價比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺操作的簡單。技術(shù)還會耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯的。

陳曦
不錯，價格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍γ總€項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時。

張經(jīng)理