Chapter 13. Nailing Form Layout

Fortunately, the vast majority of forms we encounter on a daily basis online are decently short. They consist of only a few fields, maybe a drop-down list or two, and a button. And they exist to help us get to things we want, enabling us to register for a new site or application, make a purchase, or contact a company.

But have you ever wondered why something as simple as a short form seems different on every single site?

Some have two-column layouts with left-aligned labels. Some are right-aligned. Some are single-column with left-aligned labels above fields. Submit and Cancel buttons and the like appear on either the left or right side of the form, sometimes with the Submit button on the left of Cancel, sometimes ...

Get Designing the Moment: Web Interface Design Concepts in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.