如何设计合理友好的错误提示？思维导图

目前来说，弹出框可以说是最常见的错误提示形式。因为弹出框的空间比较大，可以很完整的向用户告知当前的错误状态并且阐明错误原因以及如何更正。但是弹出框这种形式也有自身的缺陷，那就是用户如果想更正错误就必须关闭这个弹出框，这样那些错误信息就看不到了。在一些特殊情况下错误信息比较冗长，你没有办法短时间内记住，那么就无法完成修改了。

此外，错误提示还可以通过载入一个新的页面来报告给用户。比如在你点击提交按钮以后进入下一个页面才知道自己刚才的输入发生错误。用户可以通过阅读提示知道如何更正问题，但是如果想更正这个问题就要点击后退按钮，这样错误提示又不存在了，这点和弹出框很像。下面这个例子比较典型，用户只知道没有绑定成功，但是不知道具体的失败原因，重新绑定也无法避免再次失败。

现在还有很多设计师开始将错误提示做成文字标签形式，将其和控件放在一起。这样子用户就可以很容易的读取错误信息，一眼就能看出来哪里出错了，不用根据提示的控件名称去寻找出错的位置，因为错误提示就在发生错误控件的旁边。此外还很容易改正，因为用户不用再跳转页面或去记那些冗长的错误信息。

错误提示设计原则

就像我在上面说的，错误提示的第一个功能就是向用户报告当前的错误状态。但是我们没有必要真正的给用户显示：“尊敬的用户，你刚才的个人信息填写错误balabala…”。错误状态我们可以直接通过颜色和图标来完成。因为在潜意识中，人们习惯性把红色和错误联系在一起。当然考虑到现实生活中还有相当多的用户是红绿色盲患者，因此我们最好是红色和图标搭配使用。

提示文字应该尽可能的简短，用户看到一大段文字，就很可能会失去了去阅读的耐心。此外我们应该避免使用专业术语，让用户可以更好的理解。例如你填写身份证号，多填了一个数字，那么我们就应该提示用户“身份证号位数出现错误”而不是简单的“身份证号验证错误”。因为验证错误的种类有很多种，这样笼统的错误提示会增加用户的操作负担。

避免用户犯错

对于这个信息录入这个操作来说，最好的用户体验就是避免用户犯错，而不是等到用户犯错了以后才思考怎么样“亡羊补牢”。设计师应该防患于未然。

我们可以用一句话或者一个例子来向用户介绍要输入什么样的信息，这个就是输入提醒。我们要保持提醒字体要比较小或者配色要比标签字体更浅，因为输入提醒只是起到一个辅助输入的作用，过于显眼反而会分散用户注意力。

如果你确定对用户足够的了解，在用户进行信息录入的时候我们可以提供合理的默认值。因为对于用户来说，填写信息永远都不是一件有趣的事情，合理的默认值可以节省用户的操作时间。

当用户在文本框里输入时，系统猜测可能的答案，显示可选列表。自动完成可以为用户节省时间、精力和记忆成本，避免犯错。

总结

合理的错误提示设计可以很好的提升产品的用户体验，建立用户与产品之间的纽带。以上是我对错误提示设计的一些总结，希望各位看了以后能够有所收获。