404頁(yè)面十大最佳用處實(shí)踐
404 錯(cuò)誤頁(yè)面是服務(wù)器在請(qǐng)求資源找不到的時(shí)候發(fā)生的。一個(gè)僅僅是設(shè)計(jì)合理的404錯(cuò)誤頁(yè)面不網(wǎng)站完整性的一部分,還是網(wǎng)站的可用性的重要體現(xiàn)。好的404錯(cuò)誤頁(yè)面設(shè)計(jì)可以大大的增強(qiáng)網(wǎng)站的用戶(hù)體驗(yàn),下面是一組404頁(yè)面的使用實(shí)踐:
1. 404公益展示效果
在QQ空間訪(fǎng)問(wèn)一個(gè)任意的不存在的頁(yè)面,比如就簡(jiǎn)單的 http://qzone.qq.com/404,都能看到類(lèi)似下面的界面:
404頁(yè)面的公益展示信息,404可以做更多的事情~~
2. 404網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該看起來(lái)還是你的網(wǎng)站
如果你不明確的告訴你的服務(wù)器如何處理404錯(cuò)誤,它將默認(rèn)提供一個(gè)單調(diào)而普通的錯(cuò)誤頁(yè)面。比如在一個(gè)白色的頁(yè)面上顯示“沒(méi)找到 – 請(qǐng)求的URL不能被找到”云云。對(duì)用戶(hù)來(lái)說(shuō),這是毫無(wú)幫助的和相當(dāng)痛苦的。一個(gè)404頁(yè)面應(yīng)該開(kāi)起來(lái)像個(gè)錯(cuò)誤頁(yè)面,但是它也應(yīng)該看起來(lái)仍然是你的網(wǎng)站。之前圖趣分享的萌化的超可愛(ài)的404網(wǎng)頁(yè)設(shè)計(jì),如果你在是用一個(gè)CMS,一般來(lái)說(shuō)這已經(jīng)為你處理好了。如果你使用一個(gè)靜態(tài)網(wǎng)站,你可以通過(guò)你的.htaccess(Apache服務(wù)器)文件指定一個(gè)404模板。
3. 適時(shí)的道歉
沒(méi)有人會(huì)主動(dòng)訪(fǎng)問(wèn)你的404頁(yè)面。最常見(jiàn)的是他們來(lái)自于你的網(wǎng)站或外部網(wǎng)站的一個(gè)壞鏈接。也許這個(gè)頁(yè)面會(huì)讓用戶(hù)很不高興,所以道歉是一個(gè)可以讓他們皺著的眉頭舒緩的絕佳方式。這也可以讓用戶(hù)減少對(duì)你的網(wǎng)站的抱怨,增加網(wǎng)站交互性。
4. 404頁(yè)面提供便利的搜索
可能用戶(hù)尋找的頁(yè)面依然存在,只是URL被改變了或者它的URL在某個(gè)地方被拼錯(cuò)了。由于你的網(wǎng)站應(yīng)該已經(jīng)擁有搜索功能了,這是一個(gè)非常重要的提供搜索框的好機(jī)會(huì)。這可以讓用戶(hù)很方便的搜索他們?cè)噲D鏈接的內(nèi)容并讓他們自己找到正確的URL。
5. 給用戶(hù)有用的鏈接
或許他們鏈接進(jìn)來(lái)的頁(yè)面不是壞掉了,而是已經(jīng)不存在了。除了搜索,你還可以想用戶(hù)展示一些他們可能覺(jué)得有用的鏈接?;蛟S鏈接到首頁(yè),或者是歸檔頁(yè)面,或者是其它你已知的通常會(huì)訪(fǎng)問(wèn)或者在你的網(wǎng)站上很熱門(mén)的頁(yè)面?
6. 報(bào)告錯(cuò)誤或聯(lián)系的方式
可能一個(gè)用戶(hù)在遇到一個(gè)404頁(yè)面的時(shí)候會(huì)有某種非常強(qiáng)烈的情緒。他們可能會(huì)很焦慮
本文地址:http://m.pkvc.cn/tutorial/yj404-not-found.html
您可能還喜歡
- 設(shè)計(jì)師接私單如何談合同,不被騙方案
- 經(jīng)驗(yàn)分享:網(wǎng)頁(yè)設(shè)計(jì)中的6個(gè)小技巧
- 404頁(yè)面十大最佳用處實(shí)踐
- 淺談話(huà)題“如何自我提升”(精)
- 《創(chuàng)意VC——暢游VC網(wǎng)頁(yè)設(shè)計(jì)觀(guān)點(diǎn)與實(shí)例
- 精品設(shè)計(jì)分享:30個(gè)設(shè)計(jì)師常用的找圖網(wǎng)
- 設(shè)計(jì)師的個(gè)人素養(yǎng)小記
- 輕松玩轉(zhuǎn)一萬(wàn)張圖片 - FastStone Imag
- 網(wǎng)站測(cè)試中的AB測(cè)試(A/B Test)方法
- 我討厭現(xiàn)在讓人窒息的網(wǎng)頁(yè)布局
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏