解析网站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那些不得不说的事,PS教程,

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

详细解析404那些不得不说的事,PS教程,

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

搞笑版的404页面：

详细解析404那些不得不说的事,PS教程,

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

详细解析404那些不得不说的事,PS教程,

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

详细解析404那些不得不说的事,PS教程,

Acorn Creative的英式幽默。

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

详细解析404那些不得不说的事,PS教程,

美女图片的社交网站Zivity，首先告诉了用户页面没有找到，使用了美女图片：虽然一些不好的情况，但我们仍然爱你。最后依旧让用户选择想要去的地方。

有爱的404

详细解析404那些不得不说的事,PS教程,

欧洲的一家公益组织Child Focus在去年10月推出了一项名为“NotFound”的计划，利用网站的404页面帮助找回走丢的孩子。

详细解析404那些不得不说的事,PS教程,

同一时期，在Missing Children Europe和European Federation for Missing and Sexually Exploited Children等公益组织的号召下，益云社会创新中心将404公益模式引入国内，发起了“404公益”****。

详细解析404那些不得不说的事,PS教程,

最近，腾讯也利用其自身平台和广大的用户群体，以新的形式通过404去承担社会责任，发挥产品的社会影响力。

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

详细解析404那些不得不说的事,PS教程,

1. 向用户表示歉意，用户不会主动访问404，访问到404让用户很不愉快，道歉可以使用户减少对网站的抱怨。并明确提示用户想要的信息不存在;

2. 形象的图片配合文字，让用户直观感受;

3. 适当的引导用户，并给他们有用的链接，自动跳转，秒数倒计时也是贴心的服务;

4. 其他一些选择，因为访问到404的不止是个人，也有可能是商家;

5. 推荐网站内的相关热门商家，不让用户失望而归。

一个精心设计的404错误页可以帮助网站避免丢失用户的信任，并正确引导用户返回站点其它页面，以便用户能停留在网站上更长时间，减少客户的流失量。设置404页面，其实也是提高用户体验的一种表现形式。

结束语

访问到错误页面是不愉快的用户体验，但作为设计者我们可以为用户想的更多，无论是像腾讯的公益使404变废为宝，做有爱的404，还是一些幽默图片让用户会心一笑，我们需要花更多的精力和时间做更多有创意的事情。

10年积累的网站建设、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有商洛免费网站建设让你可以放心的选择与我们合作。