当前位置:网站首页>(翻译)实时内联验证更容易让用户犯错的原因
(翻译)实时内联验证更容易让用户犯错的原因
2022-07-01 01:12:00 【gc_2299】
表单中采用内联验证会降低用户填写速度。内联验证是指显示与出错字段内联的错误消息。用户提交表单前触发内联验证,会让他们犯更多错误,并花费更长时间填完表单。
提交表单前进行字段验证
两项研究,一项有77名参与者,另一项有90名参与者,得出结论,填写表单时,如果出错字段一失去焦点就显示错误提示消息,会让用户会犯更多的错误。
即使用户有机会立即纠正输入错误,他们也会忽略错误提示消息。用户继续填写表单,并在提交表单时看到更多的错误消息。在研究中,提交表单前出现的错误消息会让用户受挫。
这一发现证明,提交表单前进行字段验证会让用户会犯更多的错误,进而增加用户挫折感。最好降低表单的错误率,让用户快速填完表单。表单的填写速度越慢,用户的挫折感越强,这可能会导致他们弃填表单。
提交表单后进行字段验证
相比之下,研究发现,用户点击提交按钮后再显示错误消息,他们犯的错会少得多。
这个发现可以由完成表单过程中的不同输入模式来解释。用户打开表单时会进入完成模式,此时他们关注的是填完所有字段,不会考虑输入内容是否正确。填完所有字段后,用户切换到修订模式,然后专注于纠正错误。
内联验证迫使用户频繁在完成模式和修订模式间切换,分散并打断他们的注意力,这会增加用户认知负荷,导致更多的错误,并延长表单完成时间。
用户更喜欢一次执行一种模式,这样能更快地填完表单。同时执行完成模式和修订模式会影响用户注意力,当他们的全部注意力只集中在完成模式或修订模式上时,就能将更多精力放在执行这种模式上。
变化视盲
提交表单前进行字段验证会造成变化视盲。用户处于完成模式时会忽略错误消息,当他们这样做并点击提交按钮后,任何出现的错误消息都有可能被遗漏。表单已经充斥着错误消息时,用户就难以检测到表单中的视觉变化。
提交表单后进行字段验证能防止变化视盲。点击提交按钮,用户看到表单从没有错误消息变为显示错误消息,视觉变化十分显著,这表明系统已经验证了他们的提交内容。
例外字段
提交表单后进行内联验证并不适用于所有字段。用户名字段和密码字段需要在提交表单前进行验证,这两类字段有严格的输入要求,提交表单后再验证的话,用户得提交多次才能满足输入要求。
用户经常选择其他用户已经注册的用户名,可能需要多次输入才能找到可用的用户名。
为安全起见,密码字段有多种内容规则限制,需要多次输入才能符合所有规则要求。
提交表单前的内联验证不仅适用于用户名字段和密码字段,也适用于那些有严格输入限制的字段。
用户提交表单后再验证字段
提交表单后进行字段验证能缩短表单完成时间,减少输入错误,降低用户挫折感。设计人员要想提升表单填写体验,请不要在用户提交表单之前验证字段。
提交表单后进行字段验证与用户填写表单的心智模型相匹配。用户想尽可能快地填完表单,表单能支持多快的操作,他们就会填得有多快。确保在用户处于修订模式时进行字段验证,否则就会降低用户填写表单的速度。
原文地址:https://uxmovement.com/forms/why-users-make-more-errors-with-instant-inline-validation/
边栏推荐
- Strictmode analysis registration strictmode principle (4)
- [Office PDF] PDF merging and splitting will free us from the functional limitations of paid software, OK
- Laravel+redis generates an order number - automatically increase from 1 on the same day
- AS400 大廠面試
- 物业怎么发短信通知给业主?
- Unknown database connection database error
- Mathematical knowledge: finding combinatorial number III - finding combinatorial number
- 聚焦绿色低碳,数据中心散热进入“智能冷却”新时代
- electron之坑addon
- php将二维数组元素转为键值对
猜你喜欢

工作6年,来盘点一下职场人混迹职场的黄金法则

Complete software development process

3500 word summary: a complete set of skills that a qualified software testing engineer needs to master

Basic knowledge 3 - standard unit library

The whole process of AS400 API from zero to one

Microbiological health, why is food microbiological testing important

Lecun, a Turing Award winner, pointed out that the future of AI lies in self-learning, and the company has embarked on the journey

软件测试的可持续发展,必须要学会敲代码?

What will Web3 bring in the future?
![[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实战教程
小程序中实现excel数据的批量导入
Use of laravel carbon time processing class
Mathematical knowledge: 01 sequence satisfying conditions - find combinatorial number
数据探索电商平台用户行为流失分析
3dsmax plug-in development traversal node object and object acquisition and inode transformation matrix description
软件开发中的上游和下游
Qt5 mvc: revealing the secrets of data visualization
Sun Yuchen told Swiss media Bilan that the bear market will not last long
Applet Custom Grid
Matlab farthest point sampling (FPS improved version)
短信在企业中的应用有哪些?
测试必备工具-Postman实战教程
[Qt5 basic \u 1] starting from 0, Mr. Detian will study with you - Introduction to the window
AS400 大廠面試
股票开户有哪些优惠活动?另外,手机开户安全么?
VirtualBox 安装增强功能
Draw some interesting figures with flutter's canvas