One of the most important things to consider when designing forms is it’s scanability. Before making the decision to even begin filling out a form, most users will quickly scan the form, taking a quick mental inventory of what will be required of them. If the user feels that the form is too long or too complicated to be worth their time and effort, they may likely decide not to complete it. When choosing how to align your form’s input fields and their labels, there are a number of variations you can use, but left alignments in general tend to aid scanability slightly more than others. Left alignments create a natural flow of information from top to bottom and ease scanability. Avoid right aligning field labels against their input fields, creating a ragged left edge and making more work for the eyes. Instead, try your labels left aligned, next to their input fields. Try also testing a version where the labels are left aligned above their input fields.
Try a single column form
One of the most important things to consider when designing forms is it’s scanability. Before making the decision to even begin filling out a form, most users will quickly scan the form, taking a quick mental inventory of what will be required of them. If the user feels that the form is too long or too complicated to be worth their time and effort, they may likely decide not to complete it at all. By vertically stacking your fields and sticking to a single column layout, your form fields will appear more organized and will be easily scanable from top to bottom.
There are a few related form fields, however, that are much more acceptable to list side by side. To make your form seem slightly shorter, try listing closely grouped items, such as first and last name, city and state, and dates next to each other horizontally.