表单报错信息放在哪最合适?

  • A+
所属分类:经验思维

本文来源: 于叽叽翻译(公众号:设计白日梦), 共 1272 字

本文讨论的交互点很小,但原作者的讨论很认真,值得好好学习,毕竟对细节的追求是衡量交互能力的一个重要指标。好了,废话不多说看正文吧。
通常你会将表单的报错信息放在哪里?如果放错地方,很有可能会对用户完成表单的效率产生影响。当用户犯错时,他们需要知道错在哪里,然后改正并重新提交。通常用户是想要快速完成表单的,但如果耗费过多精力,他们就会改变主意。
表单报错信息放在哪最合适?

顶部统一位置显示VS逐条内嵌显示

报错信息常见的两个放置位置是统一放在表单的顶部或内嵌放置在错误的选项旁。哪种形式对用户最直观?

一项研究(研究链接1)发现,在表单顶部显示所有错误消息会给用带来很高的认知负担。这会迫使用户在更改错误的时候还要回忆报错的原因。

表单报错信息放在哪最合适?

减少用户认知负荷的方法是将报错内嵌在错误产生的地方。内嵌的方式用识别代替了回想,使用户更容易纠正错误。

另一项研究(研究链接2)发现“错误字段和错误消息之间的距离会影响纠错效率”。放置在表单顶部和底部相比内嵌会耗费更长的纠错时间。

而放置在表单顶部和底部也会导致更高的错误率,更长的完成时间和更低的用户满意度。与表单顶部和内嵌相比,表单的底部纠错成功率最低。
表单报错信息放在哪最合适?

用户最喜欢的报错信息位置

该研究证明,将错误信息与错误字段一起排列可以获得最佳效果。它还显示了显示在旁边的哪个位置最直观。

表单报错信息放在哪最合适?

用户评估了他们认为最满意的错误消息显示的位置。用户的预期更偏向放置在字段的右侧。

放置在字段左侧的错误消息被评为最差的。放置在字段上方的错误消息导致最高认知负载,其次是字段下方的错误消息。
表单报错信息放在哪最合适?

为什么放在右侧最好

重要的是要理解为什么用户更喜欢让错误消息放在字段右侧。通过这种方式,设计人员可以更好地根据用户的行为方式制定设计决策。

表单报错信息放在哪最合适?

西方的阅读习惯是从左到右。当用户将他们的视线输入框移动到报错信息时,是一个自然的阅读顺序,需要很少的心理和视觉努力。而将他们的视线从报错信息移回到输入框以进行校正时,也是遵循重新读取文本的自然流程。
表单报错信息放在哪最合适?

为什么放置在左边最差

在字段左侧放置错误消息违反了阅读习惯。当出现报错信息时,用户将其眼睛移向其自然视线流的相反方向。当用户想要填写表单时,整个视线流也是和阅读习惯反着的。

表单报错信息放在哪最合适?

当然这也是反直觉的,因为用户希望更高优先级的元素在左侧。将错误消息放在左侧使得它比输入框更重要。但显然输入框更重要,因为用户需要专注于他们要纠正的信息。

表单报错信息放在哪最合适?

为什么放在上方会增加认知负荷

用户会体验到更高的认知负荷,如果该字段的标题采用上下排版时会更加凸显。这是由由于错误信息和字段标题容易混淆造成的。

表单报错信息放在哪最合适?

两个紧挨着的文本会产生视觉噪音,当用户试图读取报错信息或字段标题时会分散用户的注意力。同时看到这两个文本使得用户很难专注于其中一个并且可能混淆。

表单报错信息放在哪最合适?

移动端表单的最佳报错位置

移动屏幕缺少水平空间来并排显示字段和报错信息。这意味着该字段右侧无法放置报错信息。

表单报错信息放在哪最合适?

取而代之的是可以将错误消息放在字段下方。这是用户在上面的研究中第二受欢迎的位置。虽然它不符合用户从左到右的自然阅读顺序,但它符合从上到下的阅读顺序。

将报错信息放置得太靠近它下方的字段标题会增加用户阅读文本时的认知负荷。你可以通过用足够的间



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: