404这个页面可以做的比我们想象中的更多。一个可爱的插图能带来愉悦的心情，但我们需要确保我们真正帮助用户解决他们在那一刻遇到的问题。

设计不仅仅是设计一些界面，还要关注用户使用过程中的各种场景。例如用户的一些删除操作、使用过程中的异常等状态。

每个设计都应该解决下面的基本问题

• 谁造成了这个问题？
• 发生了什么以及为什么会这样？
• 什么时候能解决？（它是暂时的还是永久性的？）
• 我该如何解决这个问题？（可行的项目或获得帮助）
• 在页面中加入公司的品牌
• 添加趣味的内容，让用户获取到的喜悦

1.谁造成了这个问题？

出现问题是用户的错还是你的错？确定错误原因可以让你快速的帮助用户找到问题的解决方案。在绝大多数网站、App使用过程中的出现的错误都是因为开发者考虑不够周全而造成了问题的出现。

所以在措辞上尽量使用"我们"，让用户感受到你的歉意。

2.发生了什么问题以及为什么会发生？

什么是404？为什么找不到页面？只给用户显示错误代码是不能够解决问题的。用户会对自己不理解的事情产生暴躁的情绪。

因此，在404页面上需要请简单直接告诉用户可能导致问题的原因。

3.什么时候能解决这个问题？

404页面是永久状态，而维护页面是临时状态。因此，我们提供的信息会不同。告知用户：何时备份？ 是正常还是意外？ 如何在线恢复？ 

“我们很快就会回来。检查...com或关注...更新“

4.该如何解决这个问题？

现在用户知道发生了什么问题以及问题出现的原因，但他们能做些什么呢？通过复制和活动链接为用户提供可执行的操作，为他们提供解决问题的方法和入口。

“确保你的链接地址正确，或者你可以尝试寻找其他内容”

• 建议搜索新内容
• 提供可用的导航
• 其他热门页面链接
• 主页链接

“我们找不到您要查找的页面。也许我们的常见问题帮助可以帮忙？“

IDEO - 为用户提供有关其他目标的行动和想法

如果您的用户依赖您的网站获取关键且高度重要的信息，请在出现错误的时候给出详细的说明和解决方案。

“如果您遇到问题或需要帮助，请发信息给我们......或致电我们......”

最后，您还可以要求客户提供反馈。

“如果你从另一个网站来到这里出现了问题，可以通过Email或其他形式告诉开发者，他们会很感激。解决这个问题，并保证其他人不会在这里出现类似问题”。

针对紧急情况进行缓解 - Airbnb 503

5.将其与公司的品牌或产品联系起来

这是与您的用户互动的绝佳机会。利用公司的象征来强化品牌。Facebook使用类似的符号作为一个破碎的拇指，而Etsy是做工艺品的平台，所以她使用搞砸了编织毛衣的插画来表现错误。

Etsy - 她的编织:(

6.添加惊喜

注入有趣的元素可以将负面体验转变为令人愉快的体验。如果你想做得更有趣一些，可以把它当成一个复活节彩蛋。复活节彩蛋可以是故意的笑话，一个隐藏的消息，或秘密功能。

摘要：

谁造成了这个问题？

• 这是用户的错吗？还是公司的错？

发生了什么以及为什么会这样？

• 什么是404？为什么不能找到它？
• 保持简单和真实的传达信息

什么时候能解决？

• 让用户知情

我怎么解决这个问题？

• 指出他们走出去或其他东西让他们进入
• 缓解紧急情况

在页面中加入您公司的品牌

• 加强品牌
• 沟通网站的内容
• 与您的用户互动

添加意想不到的喜悦

• 将负面体验转变为令人愉快的体验

原著链接：

https://blog.prototypr.io/a-ux-guide-for-designing-error-pages-fb9ced1f1c8a

作者：Alana Brajdic

-5plus 设计