申明:这篇经验为我在看了来自知乎、简数、站酷等平台上很多大神的文章总结而出。很多词汇并非原创，再次向原作者表示感谢。

文章将以下面4个问题展开，大家可以挑自己需要的着重阅读。

什么是404页面？

404页面存在的作用有什么？

怎么设计出符合情感化的404页面？

404设计误区

什么是404页面

404页面是客户端在浏览网页时服务器无法正常提供信息，或者是服务器无法回应，且不知道原因而返回的页面。

一般404页面出现在没有网络时、主页更名或搬迁地址时、输入网址错误时、以及编程人员的疏忽写错地址等原因时。

404页面存在的作用有什么？

作用1：告知用户错误所在，缓解用户焦虑；

作用2：提供错误解决方案；

作用3：影响用户对网站体验的情绪，即发生错误之后给用户留下一个是很坏的印象(可参考峰终定律)；

诺贝尔奖得主，心理学家DanielKahneman经过深入研究，发现对体验的记忆由两个因素决定：高峰（无论是正向的还是负向的）时与结束时的感觉，这就是峰终定律（Peak-EndRule）。这条定律基于潜意识总结体验的特点：对一项事物的体验之后，所能记住的就只是在峰与终时的体验，而在过程中好与不好体验的比重、好与不好体验的时间长短，对记忆差不多没有影响。

终极作用：：将访客和潜在客户留在网站上

怎么设计出符合情感化的404页面

世界给了我们一个酸柠檬，那我们就把酸柠檬变成柠檬水

“当404页面产生的时候，势必会让用户的心情产生落差而带来一些糟糕的体验。”

显而易见这个就是404页面最大的痛点，而解决掉这个痛点，就是我们设计出符合情感化404页面的基本准则了。

所以当用户情绪产生落差的时候，我们需要做到的是：

• 告知用户
• 给用户一个返回上一步，或自他的选择
• 方便用户联系到你给予反馈
• 给用户一个不错的建议

但这些并不足以使用户的情绪平复，为了达到情感化，针对不同类型网站的用户，一般我们可以采用下面的方法表达我们的态度：

• 直接表示出现错误
• 表示抱歉
• 转移用户的注意力
• 用诙谐幽默的方式提示用户到了一个错误的页面
• 卖萌，讨喜

最后谈一下404设计误区

要知道一个能服务于用户的设计才是一个很好的设计，所以为了服务好用户，404设计需要遵循以下规则：

• 404页面符合网站自身的设计风格，让用户不会觉得误点了外链；
• 404页面不要自动跳转，让用户决定去向；
• 文案要温柔婉转，给用户留下一个好的态度。

这就是我第一做404页面设计的经验总结了。

我的试水作品:

（注：第1幅图的“404”是个错误示范，“404字样”不能被遮住，必须能向用户清楚的表明错误；可点击按钮尽量别用灰色，这样用户会误以为不可点击。）

(根据以上原则，我采用了“用诙谐幽默的方式转移用户注意力、”的方法来平复用户的坏情绪)

这个404页面是在用户听音乐，发现没网络的情况下设计的。

通过关键词“找”，把“网络”拟化为了物品，知识。根据这个，设计了生活中常见的拿放大镜找东西，在书本里找解答方法的小动画。并提供“打开本地音乐”和“重试”的选项为用户的下一步操作提供选择，以此来缓解用户的焦虑，并留下好印象。

共同学习，共同进步，谢谢阅读。