Form design · Basics
Form Design Basics
Layout, field types, labels, and structure: the fundamentals that make any form feel shorter and clearer.
Good form design is mostly subtraction and ordering. One column beats two. Native controls beat clever ones. Clear labels beat clever ones, too. This section covers the fundamentals that apply to every form regardless of industry: how to choose field types, how to group and order questions, and how to write labels and help text people do not have to re-read.
Who this is for
- Anyone building or reviewing a form
- Teams cleaning up forms freshly converted from paper
- People who want a checklist of defaults that just work
Key things to know
One column, always
Multi-column layouts are a paper habit. On screen they break scanning order and wreck mobile.
Match the control to the answer
Few options: radio buttons. Many options: dropdown with search. Dates: a date picker. Free text: only when nothing else fits.
Group by topic, order by ease
Start with easy questions to build momentum; save the ones requiring thought or documents for later sections.
Quick answers
Should labels go above or beside fields?
Above. Top-aligned labels scan fastest, translate cleanly to mobile, and leave room for longer label text without breaking layout.
When should I split a form into multiple steps?
When a single page would need meaningful scrolling on a phone, or when the form has distinct topics. Show progress, keep steps short, and let people go back.