The Web has been built on the fundamental principle that people need to converse to stay connected and it acts as a bridge to eliminate the distance. As Swedish Author, Annika Thor says “A conversation is so much more than words: a conversation is eyes, smiles, the silences between the words.” Web forms are not considered to be great conversationalists as many consider them to be a clerical and mundane in nature. Turns out that with inline validation developers can actually make sure that users are guided at each stage and also improve form completion rate. Implementing Inline Validation means that your form can have a conversation with the user.
“A conversation is so much more than words: a conversation is eyes, smiles, the silences between the words.”
Luke Wroblewksi, Usability Expert, and author of acclaimed book ‘Web Form Design’ conducted a research to check the effectiveness of real-time validation. The research gathered the below insights on the effects of real-time validation in an e-commerce setting. Smoother check-out process means more conversions for e-commerce brands.
Let’s take a hypothetical example to prove the point. With real-time inline validation, the user gets instant feedback as and when he is in the data entry phase and doesn’t have to wait to click the submit button to understand where he has gone wrong. In the below example the user gets a feedback at every step which reduces the time to fill-up the form and also improves the chances of the visitor converting.
Implementing Inline Validation
<input /> attributes:
require. If you want more details on implementing client-side validation using HTML5 site-point has great tips here.
Implementing Inline validation makes the whole mundane process of filling out the form more enjoyable for the user, in turn, improving the user experience. Better user experience translates into better conversions and higher retention rates for the brands.