很多人都在网银或者直销银行中买过理财产品,各家银行的理财产品购买流程是大同小异的:选择合适的理财产品——输入购买金额——确认专案资讯——返回操作结果。我们假设一个情况,当多用户输入的购买金额超过账户余额时,我们应该怎么给多用户一个错误提示?
以宁波银行直销银行为例,当您想购买 4000 元的直投专案的时候,点选「立即购买」按钮,进入「确认支付页面」,点选「去支付」按钮,这时候弹出一个对话方块,告诉您账户余额不足。具体多少余额也没有说清楚,您立马去「我的账户」里看了余额再返回购买,这时发现专案都被人抢光了,瞬间奔溃。
从这个虚拟案例中,我们可以看出错误提示对于产品多用户体验来说是极其重要的,那么如何才能给多用户提供合适友好的错误提示呢?
什么是错误提示多用户在填写资讯的时候难免会出错,例如,表单太长他们可能会忘记填写其中的一项,或者输入了 14 位的手机号码,又或者输入的密码中只有数字没有字母过于简单等等。这个时候我们应该给多用户一个提示,让他们了解当前的错误状态。这就是我们常说的错误提示。一个合格的错误提示应该有以下两个基本功能:1 、向多用户报告错误状态;2 、解释错误发生原因以及如何更正。错误提示的种类 1. 弹出框目前来说,弹出框可以说是常见的错误提示形式。因为弹出框的空间比较大,可以很完整的向多用户告知当前的错误状态并且阐明错误原因以及如何更正。但是弹出框这种形式也有自身的缺陷,那就是多用户如果想更正错误就必须关闭这个弹出框,这样那些错误资讯就看不到了。在一些特殊情况下错误资讯比较冗长,您没有办法短时间内记住,那么就无法完成修改了。
2. 页面此外,错误提示还可以通过载入一个新的页面来报告给多用户。比如在您点选提交按钮以后进入下一个页面才知道自己刚才的输入发生了错误。多用户可以通过阅读提示知道如何更正问题,但是如果想更正这个问题就要点选后退按钮,这样错误提示又不存在了,这点和弹出框很像。下面这个例子比较典型,多用户只知道没有系结成功,但是不知道具体的失败原因,重新系结也无法避免再次失败。
3. 标签提示现在还有很多设计师开始将错误提示做成文字标签形式,将其和控制组件放在一起。这样子多用户就可以很容易的读取错误资讯,一眼就能看出来哪里出错了,不用根据提示的控制组件名称去寻找出错的位置,因为错误提示就在发生错误控制组件的旁边。此外还很容易改正,因为多用户不用再跳转页面或去记那些冗长的错误资讯。
错误提示设计原则 1. 合理的使用配色和图示就像我在上面说的,错误提示的个功能就是向多用户报告当前的错误状态。但是我们没有必要真正的给多用户显示:“尊敬的多用户,您刚才的个人资讯填写错误 balabala…” 。错误状态我们可以直接通过颜色和图示来完成。因为在潜意识中,人们习惯性把红色和错误联络在一起。当然考虑到现实生活中还有相当多的多用户是红绿色盲患者,因此我们知名是红色和图示搭配使用。
2. 文字简洁易懂提示文字应该尽可能的简短,多用户看到一大段文字,就很可能会失去了去阅读的耐心。此外我们应该避免使用术语,让多用户可以更好的理解。例如您填写身份证号,多填了一个数字,那么我们就应该提示多用户「身份证号位数出现错误」而不是简单的「身份证号验证错误」。因为验证错误的种类有很多种,这样笼统的错误提示会增加多用户的操作负担。
避免多用户犯错对于这个资讯录入这个操作来说,知名的多用户体验就是避免多用户犯错,而不是等到多用户犯错了以后才思考怎么样 “亡羊补牢” 。设计师应该防患于未然。 1. 输入提醒我们可以用一句话或者一个例子来向多用户介绍要输入什么样的资讯,这个就是输入提醒。我们要保持提醒字型比较小或者配色要比标签字型更浅,因为输入提醒只是起到一个辅助输入的作用,过于显眼反而会分散多用户注意力。
2. 良好的预设值如果您确定对多用户足够的了解,在多用户进行资讯录入的时候我们可以提供合理的预设值。因为对于多用户来说,填写资讯永远都不是一件有趣的事情,合理的预设值可以节省多用户的操作时间。 3. 自动完成当多用户在文字框里输入时,系统猜测可能的答案,显示可选列表。自动完成可以为多用户节省时间、精力和记忆成本,避免犯错。
总结合理的错误提示设计可以很好的提升产品的多用户体验,建立多用户与产品之间的纽带。以上是 WordPress 网站建设 SEO 站群对错误提示设计的一些总结,希望各位看了以后能够有所收获。