菜单 关闭

如何在表格中报告错误:10设计指南manbetx官方网站手机版

通过 瑞秋克劳斯2月3日,二千零一十九

总结:通过清楚地识别问题并允许用户轻松访问和更正错误字段,帮助用户从错误中恢复。


表单是许多应用程序和网站的必要组件。我们用他们登录,购买物品,发送反馈信息,输入我们的个人信息。想想你使用的网站和你输入信息的次数:你多长时间出错一次?导航这些错误有多令人沮丧?

错误消息是系统状态的指示器:它们让用户知道遇到了障碍,并提供解决方案来解决问题。但是为了错误信息为了有效,人们需要看到他们,理解他们,并且能够很容易地对他们采取行动。系统状态可见性是雅各布·尼尔森的10可用性启发.它是指系统状态如何传递给用户。理想的,系统应始终让用户了解正在发生的事情,在合理的时间内通过适当的反馈。

犯错是人,人们会犯错误使用软件时。错误流是用户为了更正错误而必须执行的步骤序列。经过深思熟虑的错误流允许用户轻松地修复错误并继续执行任务。

设计纠错流程时应遵循三个主要原则:manbetx官方网站手机版

  1. 错误消息应该易于注意和理解。
  2. 错误字段应易于定位。
  3. 用户不必记住修复错误的说明。

这些指导方针不需要解释:首先,如果用户不知道他们的输入有问题,他们无法修复它。第二,人们不应该通过表格寻找错误。最后也是最重要的,他们不应该这样做记得如何在解决问题的同时解决问题:说明应该在他们眼前。

在本文中,我们讨论设计错误流的有用指南。manbetx官方网站手机版

1。尽可能进行内联验证

理想的,所有验证都应内联的也就是说,一旦用户填写完字段,如果字段包含错误,则附近应显示一个指示器。这种类型的错误消息很容易被发现;此外,在字段完成后立即修复错误要求最少交互成本对于用户:他们不需要定位或导航到字段,他们也不必将上下文从一个新字段切换到一个他们认为已经成功完成的旧字段。

当然,在某些情况下,不可能进行内联验证,并且需要将用户输入的数据发送到服务器进行验证。

2。指示复杂字段的成功输入

内联验证也可用于指示成功完成。例如,如果用户必须创建唯一的用户名,绿色的复选标记和用户名可用的消息让用户知道他们可以继续下一步。跟随错误预防指导方针:为字段值提供建议,将输入限制为合法值,灵活处理打字错误,缩写,或不同的输入格式。

对于复杂的输入,例如新密码,即时内联验证(显示为正在键入的字段值)将防止用户多次猜测或检查输入的内容是否符合系统设置的准则。在下面的示例中,密码强度指示器会随着用户键入的内容而更改,并帮助用户确定迄今输入的字符串是否足够好,或者需要添加更多字符。

松弛密码强度
松弛指示的密码规则,但也提供了即时验证,通过显示用户键入的密码强度计。

然而,不要过分追求成功指标。成功指标不应分散用户填写表单的注意力,而应仅在附加上下文帮助更快或更准确地完成表单时使用。例如,当字段的唯一要求是填写成功消息时,您不需要显示成功消息,因为该消息不会为您的用户提供太多额外的上下文。

三。将错误消息保留在字段旁边

通过内联验证,错误消息自然显示在导致错误的字段旁边。但即使这些字段没有通过内联验证,在问题字段下面或旁边显示一条可操作的错误消息,以帮助用户修复错误,这是值得的。信息应该跟着 错误消息准则:应该是明确的,人类可读的,彬彬有礼,精确的,并提出建设性意见。

将错误消息保留在出错字段旁边可以最小化工作记忆加载:用户在修复错误时可以看到错误消息,而不必记住它。

4。使用颜色区分错误和正常字段状态

红色是与错误最相关的颜色,伴随着橙色或黄色的警告,绿色或蓝色代表成功。确保验证文本的颜色与表单的其余部分不同,以便用户快速注意到它。在错误字段中添加相同颜色的半透明背景,使其突出显示在具有多个表单字段的长页面上。

5。添加图像或微妙的动画以便于扫描

加上颜色,错误消息或验证摘要左侧的图标将引起对错误的注意,并帮助色盲用户。当用户扫描表单时,该图标将突出,并提请注意什么需要修复。

错误图标
adobe.com:红色和错误消息旁边的图标引起了用户的注意。

轻微的脉搏或跳动动画在对应错误的图标上可以进一步引起用户对错误的注意。然而,不要滥用动画:如果有多个错误,许多动画图标可能会让人难以抗拒。而且不动画文本-动画错误信息很难阅读。

6。谨慎使用模态或确认对话框

当你需要特别注意一个潜在的错误时,你可以使用情态动词确认对话框解释详细信息并帮助用户解决问题。然而,谨慎使用这些对话,因为它们有两大缺点:(1)它们具有破坏性;(2)错误信息显示在需要解除的窗口中,以便修复错误,所以任何复杂的指令都必须存储在用户的工作内存中,从而增加他们的认知负荷。他们是,然而,好的,如果错误消息很简单,或者表单仍然可以按原样提交。

模态告警
gmail.com使用一个模式警告用户附件丢失。此错误演示是合适的,因为错误消息相当简单,用户可以选择不包含附件而继续。

7。输入完成前不验证字段

在大多数情况下,在用户完成字段并移动到下一个字段之前,避免显示错误。在有机会完成输入之前看到错误消息可能会很烦人。

百思买联系方式
在bestbuy.com上下订单时,出现错误消息电子邮件地址 离开田地后的田地。然而,返回以修复错误提示另一个错误出现在电话号码 字段,尽管用户尚未开始在该字段中键入。

8。不要将验证摘要作为唯一的错误指示

验证摘要显示在表单顶部,让用户知道页面上有需要修复的错误,这些错误是在视区中还是在折叠下面。验证摘要可以让用户全面了解表单中的所有错误,但不能作为唯一的错误指示形式,因为它迫使用户搜索出错的字段;此外,当用户到达错误字段时,错误消息可能不再出现在视区中,从而迫使用户在修复问题时记住错误消息。

验证摘要
SurveyMonkey在表单顶部以及导致错误的特定字段下面提供了错误消息。

9。不使用工具提示报告错误

工具提示有时用来表示错误。警报图标通常显示在出错字段旁边,然后,一旦用户将鼠标悬停在图标上或移动该字段中的焦点,将显示包含错误消息的工具提示或Toast。

一般来说,我们建议不要使用这种信令错误的方法。第一,有些警报图标很难被注意到。第二,用户可能会想知道该字段有什么问题,如果他们采取额外的步骤,就不会意识到他们实际上可以看到错误消息。第三,为什么要让用户工作得更多(即,悬停或将焦点移到字段)以查看错误消息?

Facebook工具提示
facebook.com:注册表单中的错误显示为警报图标。用户必须点击每一个来查看问题是什么。在这个例子中,错误很容易推断,如果填写字段,就很难做到这一点。

10。对重复错误提供额外帮助

如果相同的错误重复出现(通常在一次填写表单的尝试中出现3次或更多),它通常表示用户界面中存在严重问题。很可能,您的错误消息没有足够的帮助,但在设计和用户需求之间也可能存在另一种不匹配。manbetx官方网站手机版一如既往,记住,当用户出错时,这不是他们的错。你的设计太容易出错。manbetx官方网站手机版

我们建议检查分析数据是否存在重复错误,然后检查(或测试)设计以尝试改进它。manbetx官方网站手机版重写的错误消息通常是第一件要尝试的事情。

更像是创可贴的解决方案,用户多次犯同样的错误后,还可以显示指向更详细帮助信息或文档的链接。

结论

错误流的设计应该能够帮助用户修复表单中的错误manbetx官方网站手机版,并建议他们如何避免犯更多的错误。确保用户能够轻松检测错误,了解如何修复它们,并在纠正相应错误时看到错误消息。去掉猜测,让用户继续他们的任务。