Layout High Priority 38% Adoption 10 Seconds Saved
A well designed checkout is short, and it signals to the user that the checkout process will feel familiar and quick. Forms should be no longer than necessary and on the same line when sensible. A single-page layout that is concise and clutter-less should be prioritized.
A good example of form length-reduction is to format the address field with City, State, and ZIP on the same line. Not only does it shorten the appearance of the form, but it resembles the same way we read and write addresses on an envelope - a super-intuitive layout.
Reduced form length can reduce abandonments and increase revenue by reducing perceived effort required by the user, thereby encouraging them to finish the checkout process then and there.
Forms are made longer when websites keep it at one form per row, or by only using one column of forms, necessitating more scrolling and perceived effort. One-column layouts also mean that short forms, such as ZIP or State fields, will appear longer than needed for those inputs. This also increases perceived effort for the user when they open the page.
By shortening fields when possible (ZIP, State, Apt/Suite) and putting them on the same line, users have less perceived work in front of them and are more likely to complete their purchase. The same can be done with address lines, where the second address field only needs to be wide enough to contain apt/suite numbers.
Reduce Perceived Form Length has an 38% adoption rate among our benchmark group.
Info such as ZIP codes, States, and credit card security code should be shortened according the input required.
With shorter fields, inputs can be put on a single line to save space. City, State, and ZIP should usually be on one line together. Same with First Name and Last Name, among other fields.
A checkout that is spread over multiple pages will appear longer and more effort-intensive to users than a single-page layout.
Placing field labels inside the field itself reduces clutter on the page, further reducing friction in the checkout.