什么是404页面? http://www.yixiin.com/news/
404是HTTP其中一种的标准回应信息,通俗的说,当用户浏览网页时,服务器无法正常提供信息,例如用户输入了错误链接;或者无法相应并且找不到原因,这时候页面会出现这个404页面。404是一个信息码,通常之后会有一个可读信息反馈给用户:Not Found。它意味着网页不存在。
为什么叫404?
据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在404房间里面。那时候所有的请求都是有人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。后来互联网兴起后,人们也就习惯了用404作为服务器未找到文件的错误代码了。(via 百度百科)
为什么要设计404页面?
尽管404页面被用户看到的概率相对全站的其他页面要小很多,但页面难免会出错,无论是用户的误操作还是服务器的原因,这是一个极少数才会出现的错误情况,作为网页的设计者或者开发者,有时候我们无法控制错误页面的出现,但我们可以通过使用一个定制的404错误页面将损害降到最低。好的用户体验是我们不能放过任何一个小的细节,一我们需要在这个页面很好的把信息传达给用户,二引导用户下一步的操作,引导用户留在我们的网站而不是沮丧的关闭窗口。http://www.yixiin.com/quote/
他们都在404上做了什么?
下面我们先来看几个直观形象版的404页面:


搞笑版的404页面:



看完搞笑版的让我们走一走温情路线:

有爱的404



最后说一下我们这次设计的一淘404页面,采用了传统的提示+相关推荐引导的形式:

2. 形象的图片配合文字,让用户直观感受;
3. 适当的引导用户,并给他们有用的链接,自动跳转,秒数倒计时也是贴心的服务;
4. 其他一些选择,因为访问到404的不止是个人,也有可能是商家;
5. 推荐网站内的相关热门商家,不让用户失望而归。
一个精心设计的404错误页可以帮助网站避免丢失用户的信任,并正确引导用户返回站点其它页面,以便用户能停留在网站上更长时间,减少客户的流失量。设置404页面,其实也是提高用户体验的一种表现形式。
结束语
访问到错误页面是不愉快的用户体验,但作为设计者我们可以为用户想的更多,无论是像腾讯的公益使404变废为宝,做有爱的404,还是一些幽默图片让用户会心一笑,我们需要花更多的精力和时间做更多有创意的事情。