当前位置:网站首页>(翻译)实时内联验证更容易让用户犯错的原因
(翻译)实时内联验证更容易让用户犯错的原因
2022-07-01 01:12:00 【gc_2299】
表单中采用内联验证会降低用户填写速度。内联验证是指显示与出错字段内联的错误消息。用户提交表单前触发内联验证,会让他们犯更多错误,并花费更长时间填完表单。
提交表单前进行字段验证
两项研究,一项有77名参与者,另一项有90名参与者,得出结论,填写表单时,如果出错字段一失去焦点就显示错误提示消息,会让用户会犯更多的错误。
即使用户有机会立即纠正输入错误,他们也会忽略错误提示消息。用户继续填写表单,并在提交表单时看到更多的错误消息。在研究中,提交表单前出现的错误消息会让用户受挫。
这一发现证明,提交表单前进行字段验证会让用户会犯更多的错误,进而增加用户挫折感。最好降低表单的错误率,让用户快速填完表单。表单的填写速度越慢,用户的挫折感越强,这可能会导致他们弃填表单。
提交表单后进行字段验证
相比之下,研究发现,用户点击提交按钮后再显示错误消息,他们犯的错会少得多。
这个发现可以由完成表单过程中的不同输入模式来解释。用户打开表单时会进入完成模式,此时他们关注的是填完所有字段,不会考虑输入内容是否正确。填完所有字段后,用户切换到修订模式,然后专注于纠正错误。
内联验证迫使用户频繁在完成模式和修订模式间切换,分散并打断他们的注意力,这会增加用户认知负荷,导致更多的错误,并延长表单完成时间。
用户更喜欢一次执行一种模式,这样能更快地填完表单。同时执行完成模式和修订模式会影响用户注意力,当他们的全部注意力只集中在完成模式或修订模式上时,就能将更多精力放在执行这种模式上。
变化视盲
提交表单前进行字段验证会造成变化视盲。用户处于完成模式时会忽略错误消息,当他们这样做并点击提交按钮后,任何出现的错误消息都有可能被遗漏。表单已经充斥着错误消息时,用户就难以检测到表单中的视觉变化。
提交表单后进行字段验证能防止变化视盲。点击提交按钮,用户看到表单从没有错误消息变为显示错误消息,视觉变化十分显著,这表明系统已经验证了他们的提交内容。
例外字段
提交表单后进行内联验证并不适用于所有字段。用户名字段和密码字段需要在提交表单前进行验证,这两类字段有严格的输入要求,提交表单后再验证的话,用户得提交多次才能满足输入要求。
用户经常选择其他用户已经注册的用户名,可能需要多次输入才能找到可用的用户名。
为安全起见,密码字段有多种内容规则限制,需要多次输入才能符合所有规则要求。
提交表单前的内联验证不仅适用于用户名字段和密码字段,也适用于那些有严格输入限制的字段。
用户提交表单后再验证字段
提交表单后进行字段验证能缩短表单完成时间,减少输入错误,降低用户挫折感。设计人员要想提升表单填写体验,请不要在用户提交表单之前验证字段。
提交表单后进行字段验证与用户填写表单的心智模型相匹配。用户想尽可能快地填完表单,表单能支持多快的操作,他们就会填得有多快。确保在用户处于修订模式时进行字段验证,否则就会降低用户填写表单的速度。
原文地址:https://uxmovement.com/forms/why-users-make-more-errors-with-instant-inline-validation/
边栏推荐
- 数学知识:求组合数 III—求组合数
- 测试必备工具—Postman实战教程
- What are the preferential activities for stock account opening? In addition, is it safe to open a mobile account?
- Complete software development process
- [queue] 933 Number of Recent Calls
- PHP通过第三方插件爬取数据
- AS400 大廠面試
- KS009基于SSH实现宠物管理系统
- Selenium classic interview question - multi window switching solution
- With regard to the white box test, you have to master these skills~
猜你喜欢

Sun Yuchen told Swiss media Bilan that the bear market will not last long

3500字归纳总结:一名合格的软件测试工程师需要掌握的技能大全

For the sustainable development of software testing, we must learn to knock code?

Selenium经典面试题-多窗口切换解决方案

zabbix如何配置告警短信?(预警短信通知设置流程)

Basic knowledge II - Basic definitions related to sta

Upstream and downstream in software development

PHP crawls data through third-party plug-ins
![[problem handled] -nvidia SMI command cannot obtain the GPU process number of its own container and the external GPU process number](/img/51/e48e222c14f4a4e9f2be91a677033f.png)
[problem handled] -nvidia SMI command cannot obtain the GPU process number of its own container and the external GPU process number

测试必备工具—Postman实战教程
随机推荐
Some items of OCR
1500w播放下还藏着什么热点?B站2个未来趋势你不得错过
QT web 开发 - video -- 笔记
VirtualBox 安装增强功能
数学知识:求组合数 IV—求组合数
[queue] 933 Number of Recent Calls
[content of content type request header]
Microbiological health, why is food microbiological testing important
AS400 大厂面试
那些一门心思研究自动化测试的人,后来怎样了?
Ks009 implementation of pet management system based on SSH
【动态规划】路径dp:931. Minimum Falling Path Sum
laravel 事件 & 订阅
AS400 entretien d'usine
1175. Prime Arrangements
Mathematical knowledge: finding combinatorial number IV - finding combinatorial number
【Content-Type请求头的内容】
How to select securities companies? In addition, is it safe to open a mobile account?
Matlab farthest point sampling (FPS improved version)
正向代理和反向代理快速理解