When creating an effective form, spacing is important. Placing form labels near the associated text field and grouping related fields helps users to complete forms quicker and with less confusion.
The following examples show how the layout of form elements can help users.
Label and field spacing
Make sure that each label and its field are clearly associated with each other and separated from surrounding labels and fields. Equal spacing makes it unclear which label relates to which field. This may cause incorrect user inputs.
This can be avoided by the proper use of spacing so that the user can quickly identify which label relates to which field.
Just as with field and label spacing, it is important to separate groups of inputs. Uniform or not enough spacing between groups can make it difficult for to understand the form’s structure.
Make sure each part of the form is discinct and easy to scan for the user.
Feedback, help or support
If you need any help or want to give any feedback you can e-mail us at: firstname.lastname@example.org