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 distcinct and easy to scan for the user.
Feedback, help and support
There is a problem
Thanks for your feedback