user-interface - 长表格显示错误的最佳方式。可用性问题

Question

我们有一个 long for 其中有 3 个部分：

请求者、运输和计费

每个部分屏幕或更长，因此表单长度为 3+ 个屏幕。从可用性的角度来看，在表单上显示消息的最佳方式是什么。

1. 表单顶部的错误消息分组列表。
2. 该部分顶部的每个部分的分组消息
3. 实际有错误的表单域附近的错误消息。

Answer 1

就个人而言，我希望在表单标题之前的页面顶部有类似的内容：

There was an error with your form submission in the following section(s):
Shipping, Billing

运输和计费是将我带到表格的那个部分的锚点。然后，在该部分上方，有该部分的相关消息：

Shipping
- You need to fill in an address

[rest of form here]

Billing
- You need to fill in a name

[rest of form here]

Answer 2

该部分顶部的每个部分的分组消息

对实际有错误的表单字段进行视觉更改。

Answer 3

我发现如果表单顶部有一个通用错误说“提交您的信息时出错，请更正红色字段”，然后在每个表单字段旁边显示更具体的错误消息，我发现它最有用错误。

Answer 4

我喜欢有一个显示受影响字段类型的对话框，让它们单击确定，然后将它们滚动到表单中的第一个错误。

然后用某种标志/边框/标记和一条消息指示受影响的字段，让他们知道问题的类型。

因此，如果他们输入了格式错误的电子邮件地址，例如“me@me'com”，那么会让他们知道该电子邮件地址格式错误。确切的措辞实际上取决于您所针对的用户类型。

我讨厌告诉你顶部有错误的表格，然后在字段旁边有很小的星号......呃。

PS 当表单具有“密码”或其他敏感字段并且它被清空而没有将其标记为必填、更正的字段时，它也会让我发疯。

Answer 5

Roger Hudson 有一篇关于编写可访问表单的非常好的文章 和一个关于错误处理的示例。