网站建设经验分享：网页设计中错误提醒的做法

很多人都在网银或者直销银行中买过理财产品，各家银行的理财产品购置过程是大同小异的：选择合适的理财产品——输入购置金额——确认项目信息——返回操作结果。我们假设一个情形，当用户输入的购置金额超过账户余额时，我们应当怎么给用户一个错误提醒？

以宁波银行直销银行为例，当你想购置4000元的直投项目标时候，点击「立即购置」按钮，进入「确认支付页面」，点击「去支付」按钮，这时候弹出一个对话框，告知你账户余额不足。具体多少余额也没有说了解，你立马去「我的账户」里看了余额再返回购置，这时发觉项目都被人抢光了，瞬间奔溃。从这个虚拟案例中，我们可以看出错误提醒对于产品用户体验来说是极其关键的，那么如何能力给用户提供合适友爱的错误提醒呢？什么是错误提醒用户在填写信息的时候难免会出错，例如，表单太长他们可能会忘记填写其中的一项，或者输入了14位的手机号码，又或者输入的密码中只有数字没有字母过于简单等等。这个时候我们应当给用户一个提醒，让他们了解当前的错误状况。这就是我们常说的错误提醒。一个及格的错误提醒应当有以下两个基本功能：

1、向用户报告错误状况；

2、解释错误产生原因以及如何更正。错误提醒的种类

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

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

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

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

2.文字简洁易懂提醒文字应当尽可能的简短，用户看到一大段文字，就很可能会失去了去浏览的耐心。此外我们应当避免应用术语，让用户可以更好的懂得。例如你填写身份证号，多填了一个数字，那么我们就应当提醒用户「身份证号位数涌现错误」而不是简单的「身份证号验证错误」。因为验证错误的种类有很多种，这样笼统的错误提醒会增长用户的操作累赘。避免用户犯错对于这个信息录入这个操作来说，知名的用户体验就是避免用户犯错，而不是等到用户犯错了以后才推敲怎么样“亡羊补牢”。设计师应当防患于未然。

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

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

3.自动完成当用户在文本框里输入时，系统猜测可能的答案，显示可选列表。自动完成可认为用户节俭时间、精神和记忆成本，避免犯错。总结合理的错误提醒设计可以很好的提高产品的用户体验，建立用户与产品之间的纽带。以上是深圳网站建设科瑞斯对错误提醒设计的一些总结，希望各位看了以后能够有所收获。