上海市九杜路349号立同商务大厦417/418/419室
021-39517056
你可以了解最新的互联网资讯,了解最新的互联网产品
担路新闻资讯中心

可以快速制作PC网站,手机网站,微信小程序,微场景,网页视频等

可以高度自定义的游戏引擎,用户可以快速制作出集游戏与营销于一体的营销游戏

垂直行业的O2O电商等用户交互功能的电商开发平台,拥有覆盖全行业的解决方案

表单报错信息放在哪最合适?
2018-07-28

      通常你会将表单的报错信息放在哪里?如果放错地方,很有可能会对用户完成表单的效率产生影响。当用户犯错时,他们需要知道错在哪里,然后改正并重新提交。通常用户是想要快速完成表单的,但如果耗费过多精力,他们就会改变主意。

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

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

      在表单顶部显示所有错误消息会给用带来很高的认知负担。这会迫使用户在更改错误的时候还要回忆报错的原因。

      减少用户认知负荷的方法是将报错内嵌在错误产生的地方。内嵌的方式用识别代替了回想,使用户更容易纠正错误。放置在表单顶部和底部相比内嵌会耗费更长的纠错时间。

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

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

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

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

      放置在字段左侧的错误消息被评为*差的。放置在字段上方的错误消息导致**认知负载,其次是字段下方的错误消息。

为什么放在右侧**

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

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

为什么放置在左边*差

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

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

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

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

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

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

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

      取而代之的是可以将错误消息放在字段下方。这是用户在上面的研究中第二受欢迎的位置。虽然它不符合用户从左到右的自然阅读顺序,但它符合从上到下的阅读顺序。将报错信息放置得太靠近它下方的字段标题会增加用户阅读文本时的认知负荷。你可以通过网站设计用足够的间距来防止这种情况。

暂无评论!
我要评论 只有购买过该商品的用户才能评论。

相关新闻动态


加载中
免费注册云账号并登录进行体验

您也可以在线提交合作申请

客服人员会在24小时内联系您
服务热线:021-39517056

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述