表单设计 | 十个错误提示设计指南

表单设计中的错误提示的作用在于帮助用户修复表单中的错误,并给出他们如何避免更多错误的建议。以下笔者将与大家讨论设计错误提示的有用指南,enjoy~

在最近的项目中做了一些表格设计,其中牵涉到了一些错误提示的内容。于是笔者在下班时间找了一片关于错误提示的外文文章,利用空闲时间把它翻译过来,希望能够帮助大家在之后的表单设计中有一定的帮助。
错误提示是帮助用户明确识别错误的地方和内容,并允许用户轻松地访问和纠正错误内容。
表格是许多 app 和网站的必要组成部分,我们使用它们登录、购物、发送反馈、并输入我们的个人信息。想想你使用网站时,你输入了多少次信息?你遇到了多少次的错误?这些错误如何惹恼你?如果你有这些体验的话,那不妨看看下面。
错误信息是系统状态的提示:它们让用户知道遇到了一个阻碍,并给出解决方案。
所以,为了使错误信息有效,人们需要看到它们,理解它们,并且能够很容易地对它们采取措施纠正它们。
系统状态的可见性是由 JakobNielsen 提出的 10 种可用性启发式方法之一。它指的是如何将系统的状态传达给用户。理想情况下,通过在合理的时间内进行适当的反馈,系统应该始终让用户了解正在发生的事情。
用户在使用 app 时,难免会犯错误。而错误流是用户为了纠正错误而必须经过的步骤,经过深思熟虑的错误流允许用户轻松地修复错误并继续执行他们的任务。
在设计纠错流程时应遵循三个主要原则:

  • 错误信息应易于注意和理解。
  • 错误的字段应该很容易定位。
  • 用户不必记住修复错误的说明。

这些指导原则几乎不需要解释:首先,如果用户不知道他们的输入有问题,他们将无法修复它。第二,人们不必通过表单寻找错误。最后,他们不应该记住如何在解决问题的同时记住错误说明。
在本文中,我们将讨论设计错误的有用指南,学会了这基本的十个错误提示,之后的表单设计相对来说就轻而易举了。

一、尽可能进行内联验证

理想情况下,内联验证的目标是所有验证都应该是内联的。
也就是说,一旦用户填写完字段,如果字段包含错误,则应该在附近做出提示,这种类型的错误消息很容易被注意到。
此外,在字段完成后立即修复错误需要用户最少的交互成本:他们不需要定位或导航到字段,也不需要从新字段切换上下文才能返回他们认为已经成功完成的旧字段。当然,在某些情况下,内联验证是不可能的,用户输入的数据需要发送到服务器进行验证。

二、指示复杂字段的成功条目

对于复杂字段的成功条目,内联验证也可以用来表示成功完成。
例如:如果用户必须创建唯一的用户名、绿色复选标记和用户名可用的消息,则让用户知道他们可以继续下一步。
遵循防止错误的指导方针:为字段值提供建议,将输入限制为合法值,并通过允许键入、缩写或不同的输入格式来灵活处理。对于新密码等复杂输入,如果用户输入的内容符合系统设置的准则,则即时内联验证(在输入字段值时出现)将防止用户多次猜测或检查。
在下面的示例中,密码强度指示符在用户键入时会发生变化,并帮助用户确定到目前为止输入的字符串是否足够好或需要添加更多字符。

错误流的设计应该帮助用户修复表单中的错误,并建议他们如何避免犯更多错误。确保用户能够轻松地检测错误,了解如何修复错误,并在更正相应的错误时看到错误消息。消除猜测,让用户继续执行他们的任务。
 
作者 @潘强 。