最专业的八方代购网站源码!

资讯热点
友好的错误提示设计

发布时间:2019-10-13 分类: 行业资讯

我相信在日常生活中,很多人购买了网上银行的理财产品或各银行的直接银行业务。各银行理财产品的采购流程类似:选择合适的理财产品 - ——输入购买金额——确认项目信息——返回运算结果。让我们假设一个情况。当用户输入超过帐户余额的购买金额时,我们应该如何向用户提供错误消息?

以宁波银行直接银行为例。如果您想购买4000元直接投资项目,请点击“立即购买”按钮进入“确认付款页面”,然后点击“付款”按钮。弹出一个对话框,告诉您帐户余额不足。具体的余额不明确,你马上去我的账户看到余额再回来买,然后发现该项目被抢了!瞬间崩溃。 。 。

从这个虚拟案例中,我们可以看到错误消息对于产品用户体验非常重要,那么我们如何为用户提供适当且友好的错误提示?

什么是错误消息要了解错误消息是什么,我们应该首先了解错误消息的来源。填写信息时,用户将不可避免地犯错误。例如,如果表单太长,他们可能忘记填写其中一个,或输入一个14位的手机号码,或输入一个只有不太简单的号码的密码。此时我们应该给用户一个提示,让他们知道当前的错误状态。这是我们经常说的错误信息。合格的错误消息应具有以下两个基本功能:1向用户报告错误状态; 2解释错误的原因以及如何纠正错误。

错误提示的类型1弹出窗口目前,弹出窗口是最常见的错误形式。由于弹出框具有较大的空间,因此可以完全通知用户当前的错误状态,并阐明错误的原因以及如何纠正错误。然而,这种形式的弹出框有其自身的缺点,即,如果用户想要纠正错误,则必须关闭弹出框,以便不能看到错误信息。在某些特殊情况下,错误消息相当冗长,您无法在短时间内记住它,然后您无法完成修改。

2此外,还可以通过加载新页面向用户报告错误消息。例如,如果单击“提交”按钮并转到下一页,则会知道输入有错误。用户可以阅读提示以了解如何更正问题,但如果要更正问题,则需要单击后退按钮,因此错误消息不存在,这与弹出框类似。以下示例是典型的。用户只知道没有绑定成功,但不知道失败的具体原因。重新绑定无法避免再次失败。

3标签提示仍然有很多设计师开始将错误警告放入文本标签中,并将它们与控件放在一起。这样,子用户可以轻松地读取错误消息,并且可以一目了然地看到错误发生的位置。没有必要根据提示的提示名称找到错误的位置,因为错误提示位于错误控件旁边。它也很容易纠正,因为用户不必跳转到页面或写下冗长的错误消息。

错误提案设计原则1合理使用颜色匹配和图标如上所述,错误消息的第一个功能是向用户报告当前错误状态。但我们不必真正向用户展示:“亲爱的用户,您刚刚填写了错误的个人信息balabala ...”。错误状态可以通过颜色和图标直接完成。因为在潜意识中,人们习惯性地将红色与错误联系起来。当然,考虑到现实生活中仍有很多用户是红绿色盲人,所以我们最好用红色和图标。

2文字简单易懂。提示文本应尽可能短。当用户看到大量文本时,可能会失去阅读的耐心。此外,我们应该避免使用术语,以便用户可以更好地理解它。例如,如果您填写身份证号码并填写新号码,那么我们应该提示用户“ID号码数量错误”而不是简单的“身份证号验证错误”。由于存在多种类型的验证错误,因此这种一般错误消息将增加用户的操作负担。避免用户错误出于此信息输入的目的,最佳用户体验是避免用户犯错误,而不是在考虑如何“加强废墟”之前等待用户犯错误。设计师应采取预防措施。 1输入提醒我们可以使用句子或示例向用户介绍要输入的信息类型。这是输入提醒。我们需要保持提醒字体更小或颜色方案比标签字体更轻,因为输入提醒仅用作辅助输入,这太过引人注目但会分散用户的注意力。

2良好的默认值如果您确定了解用户,我们可以在用户输入信息时提供合理的默认值。因为对于用户而言,填写信息绝不是一件有趣的事情,合理的默认值可以节省用户的操作时间。

3自动完成当用户在文本框中输入时,系统会猜出可能的答案并显示可选列表。自动完成可以节省用户的时间,精力和内存成本,避免出错。

总结合理的错误提示设计可以改善产品的用户体验并建立用户与产品之间的联系。以上是我对错误消息的设计的一些总结。我希望你读完后能获得一些东西。

« 百度搜索在新的搜索时代和实践 | BANNER设计的七种技术 »