长表单是显示错误的最佳方式。 可用性问题
我们有一个很长的内容，其中包含 3 个部分：
请求者、运输和计费
每个部分屏幕或更长，因此表单的长度超过 3 个屏幕。 从可用性的角度来看，在表单上显示消息的最佳方式是什么。
- 表单顶部的错误消息分组列表。
- 部分顶部。
- 每个部分的分组消息位于实际有错误的表单字段附近的错误消息
We have a long for which has 3 sections:
requester, shipping and billing
each section screen or more long so the form is 3+ screens long. From usability perspective what is the best way to display messages on the form.
- Grouped list of error messages at the top of the form.
- Grouped messages for each section at the top of the section
- Error messages near to the form field which actually has the error.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
就我个人而言，我希望在页面顶部的表单标题之前添加类似以下内容：
其中“运输”和“帐单”是锚点，可将我带到表单的该部分。
然后，在该部分上方添加与该部分相关的消息：
Personally, I would like, at the top of the page before the form headers, to have something like:
Where Shipping and Billing are anchors that will take me down to that section of the form.
Then, above that section, have the relevant messages to that section:
在该部分的顶部对每个部分的消息进行分组，
并对实际存在错误的表单字段进行视觉更改。
Grouped messages for each section at the top of the section
with a visual change to the form field which actually has the error.
我发现如果表单顶部出现一般性错误，提示“提交您的信息时出现错误，请更正红色字段”，然后在每个表单字段旁边显示更具体的错误消息，那么它最有用错误。
I find it most usable if there is a generic error at the top of the form saying something like "There were errors submitting your information, please correct the fields in red" then show the more specific error messages next to each form field that had an error.
Roger Hudson 有一篇关于编写可访问表单的非常好的文章
以及错误处理示例。
Roger Hudson has a very good article on writing accessible forms
and an example on error handling.
我喜欢有一个对话框显示受影响字段的类型，让他们单击“确定”，然后将它们滚动到表单中的第一个错误。
然后，受影响的字段会用某种标志/边框/标记以及一条消息来指示，让他们知道问题的类型。
因此，如果他们输入了格式错误的电子邮件地址（例如“me@me'com”），就会让他们知道该电子邮件地址格式错误。 确切的措辞实际上取决于您所针对的用户类型。
我讨厌那些告诉你顶部有错误，然后字段旁边有小星号的表格……呃。
PS 当表单有“密码”或其他敏感字段并且它被清空而没有将其标记为必填、更正字段时，它也会让我发疯。
I like to have a dialogue that shows the type of effected fields, let's them click okay, then scrolls them to the first error in the form.
The affected field is then indicated with a flag/border/marker of some kind and a message letting them know the type of problem.
So, if they entered a malformed email address like "me@me'com" if would let them know the email address is malformed. The exact wording is really dependent on the type of user you are targeting.
I HATE forms that tell you there are errors at the top, then have tiny little asterisks by the fields.... ugh.
P.S. It also drives me nuts when a form has a "password" or other sensitive field and it gets emptied without marking it as a required, corrected field as well.