当前位置:网站首页>(translation) reasons why real-time inline verification is easier for users to make mistakes
(translation) reasons why real-time inline verification is easier for users to make mistakes
2022-07-01 01:52:00 【gc_ two thousand two hundred and ninety-nine】
Using inline validation in the form will reduce the user's filling speed . Inline validation is the display of an error message inline with the error field . Trigger inline validation before the user submits the form , It will make them make more mistakes , And take longer to complete the form .
Verify the fields before submitting the form
Two studies , One item has 77 participant , Another item is 90 participant , Come to the conclusion , When filling out the form , If the error field loses focus, an error prompt message is displayed , Users will make more mistakes .
Even if the user has the opportunity to correct input errors immediately , They also ignore error messages . The user continues to fill out the form , And see more error messages when submitting the form . In the study , The error message that appears before the form is submitted will frustrate the user .
This discovery proves , Field validation before submitting the form will make users make more mistakes , And then increase users' frustration . It is best to reduce the error rate of the form , Let users fill out the form quickly . The slower the form is filled out , The more frustrated the user is , This may cause them to abandon the form .
Field validation after submitting the form
by comparison , The study found that , After the user clicks the submit button, the error message will be displayed , They make far fewer mistakes .
This finding can be explained by different input patterns in the process of completing the form . When the user opens the form, it will enter the completion mode , At this point they focus on filling out all the fields , It will not consider whether the input content is correct . After filling in all the fields , The user switches to revision mode , Then focus on correcting mistakes .
Inline authentication forces users to frequently switch between completion mode and revision mode , Distract and interrupt their attention , This will increase the cognitive load of users , Cause more mistakes , And extend the completion time of the form .
Users prefer to execute one mode at a time , This will complete the form faster . Executing the completion mode and the revision mode at the same time will affect the user's attention , When all their attention is focused on completion mode or revision mode , You can focus more on implementing this model .
Change blindness
Field verification before submitting the form will cause change blindness . The error message is ignored when the user is in completion mode , When they do this and click the submit button , Any error messages that appear may be missed . When the form is already full of error messages , It is difficult for users to detect visual changes in the form .
Field verification after submitting the form can prevent change blindness . Click Submit button , The user sees that the form changes from no error message to error message , Visual changes are very significant , This indicates that the system has verified their submission .
Exception field
Inline validation after submitting the form does not apply to all fields . The user name field and password field need to be verified before submitting the form , These two types of fields have strict input requirements , If the form is submitted and then verified , The user has to submit multiple times to meet the input requirements .
Users often choose the user name that other users have registered , It may take multiple entries to find an available user name .
To be on the safe side , Password fields have multiple content rule restrictions , Multiple entries are required to meet all rule requirements .
Inline validation before submitting the form is not only applicable to the user name field and password field , It also applies to fields with strict input restrictions .
The user submits the form and then validates the fields
Field validation after submitting the form can shorten the form completion time , Reduce input errors , Reduce user frustration . Designers want to improve the form filling experience , Please do not validate fields before the user submits the form .
The field verification after submitting the form matches the mental model of the user filling in the form . Users want to fill out forms as quickly as possible , How fast can the form support , They'll fill it out quickly . Ensure that field validation occurs when the user is in revision mode , Otherwise, it will slow down the user's filling in the form .
Original address :https://uxmovement.com/forms/why-users-make-more-errors-with-instant-inline-validation/
边栏推荐
- The personal test is effective, and the JMeter desktop shortcut is quickly created
- 远程办公如何保持高效协同,实现项目稳定增长 |社区征文
- System. Csrebot for commandline
- 【agora】用户管理
- Composants de la grille de données portatifs
- Log4j2 ThreadContext日志链路追踪
- 【毕业季·进击的技术er】--毕业到工作小结
- What are the preferential activities for stock account opening? In addition, is it safe to open a mobile account?
- [queue] 933 Number of Recent Calls
- Laravel event & Monitoring
猜你喜欢

Selenium classic interview question - multi window switching solution
![[无线通信基础-14]:图解移动通信技术与应用发展-2-第一代移动模拟通信大哥大](/img/fa/f9bad44147ba9af21183b7bd630e32.png)
[无线通信基础-14]:图解移动通信技术与应用发展-2-第一代移动模拟通信大哥大

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

New opportunities for vr/ar brought by metauniverse

工作八年的程序员,却拿着毕业三年的工资,再不开窍就真晚了...

VirtualBox 安装增强功能

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

Electron pit Addon

思特奇加入openGauss开源社区,共同推动数据库产业生态发展

删除重复的电子邮箱
随机推荐
数学知识:满足条件的01序列—求组合数
【agora】用户管理
[Qt5 basic \u 1] starting from 0, Mr. Detian will study with you - Introduction to the window
Understanding and application of Qt5 layout in creation
How does the property send a text message to the owner?
短信在企业中的应用有哪些?
php将二维数组元素转为键值对
org.redisson.client.RedisResponseTimeoutException: Redis server response timeout (3000 ms)错误解决
Clickhouse 消除由group by产生的间隙
Batch import of Excel data in applet
Log4j2 ThreadContext日志链路追踪
[Qt5 basics] random number display
Creating ASCII art with C #
Log logrus third party library usage
[JS adds attributes to elements: setAttribute; classlist.remove; classlist.add;]
[queue] 933 Number of Recent Calls
AS400 API 从零到一的整个历程
go导入自建包
[Agora] user management
MYSQL 数据库查看磁盘占用情况