长表格显示错误的最佳方式。可用性问题答案

【问题标题】：Long forms best way to display errors. Usability Question长表格显示错误的最佳方式。可用性问题
【发布时间】：2009-04-09 19:53:35
【问题描述】：

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

请求者、运输和计费

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

【问题讨论】：

取决于很多事情。你什么时候验证（直接在编辑时，对于每个屏幕，或者在用户应该完成之后）？您为每条消息提供多少信息？我不熟悉用户体验。
我相信 UX 代表用户体验（设计）。
您可能希望使用与错误字段相关的正确“for”属性将每个错误消息包装在标签标记中。这很方便，尤其是在长表格上。这意味着用户可以单击错误消息以转到他们需要修复的字段。

【解决方案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]

【讨论】：

【解决方案2】：

每个部分顶部的分组消息

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

【讨论】：

【解决方案5】：

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

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

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

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

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

【讨论】：