Form fields should be stacked in a single column vertically, with the labels positioned above the fields to facilitate an effortless reading experience through a constant vertical direction.
- How should the fields and labels be organized on a site or a form and in what order?
- How wide should form fields be?
How should the fields and labels be organized on a site or a form and in what order?
Takeaway: If you want users to scan a form quickly, put labels above the fields. The layout will be easier to scan because the eye will move straight down the page. However, if you want users to read carefully, put labels to the left of the fields.
How wide should form fields be?
For form fields with a variable input (name or email) length but within a standard average, you should find a suitable width based on the average length of possible inputs. Studies show that those input fields typically range from 18 to 33 characters.