有意思的404页面-说说404页面的创意设计

作者: 来源: 更新时间:2013-01-15 16:04:22 点击:
     前阵子做我们一淘优惠商家统一的报错页面, 整理了一些有意思的404页面(后简称404),加之最近网友热议的QQ空间公益404页面,在这里一起拿出来跟大家分享一下。

​前阵子做我们一淘优惠商家统一的报错页面, 整理了一些有意思的404页面(后简称404),加之最近网友热议的QQ空间公益404页面,在这里一起拿出来跟大家分享一下。

什么是404页面?

404是HTTP其中一种的标准回应信息,通俗的说,当用户浏览网页时,服务器无法正常提供信息,例如用户输入了错误链接;或者无法相应并且找不到原因,这时候页面会出现这个404页面。404是一个信息码,通常之后会有一个可读信息反馈给用户:Not Found。它意味着网页不存在。

为什么叫404?

据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在404房间里面。那时候所有的请求都是有人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。后来互联网兴起后,人们也就习惯了用404作为服务器未找到文件的错误代码了。(via 百度百科)

为什么要设计404页面?

尽管404页面被用户看到的概率相对全站的其他页面要小很多,但页面难免会出错,无论是用户的误操作还是服务器的原因,这是一个极少数才会出现的错误情况,作为网页的设计者或者开发者,有时候我们无法控制错误页面的出现,但我们可以通过使用一个定制的404错误页面将损害降到最低。好的用户体验是我们不能放过任何一个小的细节,一我们需要在这个页面很好的把信息传达给用户,二引导用户下一步的操作,引导用户留在我们的网站而不是沮丧的关闭窗口。

他们都在404上做了什么?

下面我们先来看几个直观形象版的404页面:


俄文网站,首屏巨大无比的404和伤心欲绝的小裸男,直观的让用户感受到网页出了问题。但对于不懂互联网的用户来说,不能明白404的含义,并且图案下方相关解释文字特别小,都是对用户无用的信息,只简单的说明了可以返回到首页。


报道点评新闻的网站Retardnews,简单“粗暴”的图片展示。

搞笑版的404页面:

美国动画片南方公园的网站,在404上依旧采用了无厘头的风格,Kyle和胖子Eric以对话的形式告知用户页面不存在,延续恶搞风格。

Jotsai中让人会心一笑的404小图片,页面没有找到,布偶说因为我把它吃了。


Acorn Creative的英式幽默。