Best practices in web form design are becoming increasingly important. Proficient web users develop a very clear sense of the optimal web form experience. This Tech Tip contains five practices to ensure your web forms follow the best practices for usability and accuracy.
Top Aligned Field Labels
If you have a public-facing web form, it is a good idea to top align your labels above the corresponding input fields. This format scores much higher in comprehension and ease of completion rates.
Align Your Submit Button
The best place for your form’s Submit button is exactly where the next input control would go. Especially if you have a single-column input form, make sure that the submit button is aligned like all of your other elements.
Mouse Over Help Icons
If you have difficult or unclear form elements you should consider adding a mouse over help icon. Just the presence of help images on web forms have been shown to increase usability scores because of the reassurance that help is available if needed. This article shows you how to provide sample input or a brief explanation in a mouse over tool tip.