<?xml version="1.0" encoding="utf-8"?>

Maintain a natural reading flow

Maintain a natural reading flow Bad Practice
Maintain a natural reading flow Best Practice

One-column form layouts have been shown to be considerably faster for users to complete when compared to multi-column forms. A study conducted by the Baymard Institute reveals that users are prone to skip inputs in multi-column forms, type data in the wrong fields, get confused about how to process such forms, or simply abandon them.[1]

Multi-column forms slow users down because they have to jump back and forth between inputs, which can even cause them to lose track of their progress within the form. A single column flows naturally from top to bottom, easing the effort users must exert.

Pro Tip: Certain fields that users perceive as a coherent entity (like card number, expiration date, and CVV) can be placed in one row without confusing users.

Improve your UX & Product skills with interactive courses that actually work