|
|
Mobile optimized form The Munich VHS form is also available in a smartphone-friendly version. Tanja Klein has summarized in detail what is important with mobile forms on the mediaman blog . And Stephan Heller explains at Webkrauts to what extent you can use HTML5 form attributes to optimize the usability of your mobile forms so that they can be edited more easily on a tablet or smartphone. 8. Insert a back button Sometimes the user wants to check or correct an entry again.
Don't make it unnecessarily difficult for him to get back India Car Owner Phone Number List there, but integrate a back button into the form! Make changes to the form using the back or change button On the one hand, Mymuesli.de has integrated the back button into the checkout process, and on the other hand, information such as the billing address can be easily corrected using the red “change” link. 9. Make breadcrumbs usable As an alternative (or in addition) to the back button, breadcrumbs are a great way to make it easier for the user to “jump” between different form pages. Unfortunately, it often happens that breadcrumb navigation is visible in web forms, but not clickable.
Typically, users click there when they want to go back a step. be sure to allow users to jump back to an earlier order step! 10. Optimize error messages: inline validation User-friendliness is also required when dealing with incorrect entries. Ideally, you use inline validation in your forms: This way, the user receives feedback as soon as they enter, i.e. “in real time”, and not just after submitting the form. Subconsciously, the positive feedback when the correct information is provided (such as a green check mark) gives the user the feeling that they have completed their “task” well. In this way you increase its joy of use and at the same time prevent incorrect entries.
|
|
發表於 2024-3-11 13:50:18