Left align your form fields

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.