（翻译）表单中显示错误消息的最佳位置

  设计人员设计表单时应将错误消息放在什么位置？如果放的位置超出用户预期，则会影响他们填写表单。
  用户填错了表单信息，需要让他们清楚出错之处，以便纠正后重新提交表单。用户愿意填写表单，但要是纠错花的精力太多，他们也可能会弃填表单。

表单顶部验证 VS 内联验证

  错误消息的两个常见显示位置是表单顶部和出错字段周围，哪个位置对用户更直观？
  研究发现，将所有错误消息显示在表单顶部会增加用户的认知负荷，迫使用户记住错误消息和出错字段的对应关系。

  将错误消息显示在出错字段周围能降低用户认知负荷，内联验证依赖于识别而不是回忆，他们看到错误消息就能便捷地纠正错误。
  另一项研究发现：“出错字段和错误消息的距离会影响纠错效率”。将错误消息显示在表单顶部和底部时纠错时间最长，而显示在出错字段周围时纠错时间最短。
  表单顶部验证和底部验证还会导致最高的出错率、最长的纠错时间和最低的用户满意度。与顶部验证和内联验证相比，底部验证的纠错成功率最低。

用户偏好的错误消息显示位置

  研究证明将错误消息显示在出错字段周围效果最好，同时也展示了字段周围最直观的显示位置。

  用户评估了他们最满意的错误显示位置，最受欢迎的位置是在字段右侧。
  字段左侧显示错误消息评价最差。显示在字段上方造成最高的认知负荷，其次是字段下方。

错误消息放在字段右侧最合适的原因

  认识到将错误消息显示在出错字段右侧最合适十分重要。通过这种方式，设计人员可以更好地教导其他人做设计决策时应考虑用户的行为。

  西方人习惯从左向右阅读内容。用户的目光从出错字段移动到错误消息上时，动作很自然，不需要思考。同时将目光从错误消息移回出错字段也遵循重读文本的自然流程。

错误消息放在字段左侧评价最差的原因

  将错误消息显示在出错字段左侧违背了西方人的阅读习惯，用户的目光移动路线与自然阅读时的方向相反。用户填写表单时会感觉不自然，而且左侧是次优位置，右侧才是最佳位置。

  将错误消息显示在出错字段左侧也违反直觉，用户认为放在左侧的元素优先级应该更高。错误消息放在左侧，会让人觉得它比出错字段重要，但实际上恰恰相反，用户需要关注出错字段以纠错。

错误消息放在字段上方会增加认知负荷的原因

  错误消息放在字段上方（如表单标签顶部对齐），会增加用户的认知负荷，错误消息和字段标签混在一块会弄晕用户。

  用户阅读错误消息或字段标签时，这两者靠得太近会产生视觉干扰，分散用户注意力。错误消息和字段标签同时出现在用户视野内，他们很难将精力集中在其中一处，有可能会看混。

移动端表单显示错误消息的最佳位置

  移动端屏幕水平方向空间有限，无法并排显示错误消息和出错字段，此时字段右侧不是显示错误消息的最佳位置。

  相关，应将错误消息显示在出错字段下方，这是前面提到的研究中第二受用户欢迎的位置。虽然这不符合用户从左向右的阅读习惯，但也确实符合用户从上到下的阅读方式。
  用户阅读页面内容时，其目光从左向右、从上往下移动。错误消息显示在字段下方比在字段上方更自然，这遵循用户的垂直阅读习惯。
  用户阅读时，错误消息与其下方字段的标签靠得太近会增加认知负荷，可以在错误消息和下方字段的标签间设置足够的间距。

字段右侧 VS 字段下方：哪个位置最好？

  字段右侧和字段下方都是显示错误消息的最佳位置，位置的选择取决于设计人员能做多少工作。
  如果想短时间内在移动设备和台式机上实现错误提示，请在出错字段下方显示错误消息，这样在台式机上实现的错误提示功能也适用于移动设备。
  如果时间足够，请在台式机上将错误消息显示在出错字段右侧，同时在移动设备中将错误消息显示在出错字段下方，这样不仅更便于用户浏览，也能减少表单尺寸。

直观的错误消息显示位置

  遵循上述实践，将错误消息显示在用户期望的位置。错误消息应符合用户的阅读习惯，这能减少用户纠错所需的认知负荷。
  用户做得少、想得少，就能更快地填完表单。没有人喜欢填写表单。设计人员越快帮助用户填完表单，用户就能越快转向真正想做的事情。

原文地址：https://uxmovement.com/forms/the-best-place-for-error-messages-on-forms/