Tactics / forms
Place form field labels above the input fields
ObservedObserved. Top SaaS sites in the corpus use it. This counts adoption; it does not prove an effect.
Seen on 5 corpus sites · contact, demo, landing, other, signup pages · markdown
Why it works
When labels are positioned to the left of fields, users must continually look back and forth between label and field, which can cause confusion. Labels above fields create a natural top-to-bottom reading pattern where users look at the label then immediately at the field, resulting in smoother data input and easier form navigation.
Evidence
- User-Centered Design: Principles and Examples of UCD (article, supports)
- 5 A/B Tests You Should Be Running on Your Landing Page Opt-In Forms (article, supports)
- Pattern #5: Top Aligned Labels (experiment, supports)
- Website Forms Usability: Top 10 Recommendations, by Kathryn Whitenton, Nielsen Norman Group (article, supports)
- 7 Ways Form Accessibility Can Boost Conversions (article, supports)
Examples
No published examples yet.
Implement it with your agent
The implementation spec (where it goes, structure, copy patterns and acceptance criteria) comes from get_tactic over MCP, so your coding agent can build and verify it in your codebase.