Form structure - Design System

Skip to main content

A good form should have a well-defined structure and be easy for the user to complete.

Always use a one column structure and design for mobile devices first. A form which avoids confusing structures is easier for the user to complete.

A form with its fields arranged in two columns, with a criss-crossing arrow suggesting one possible path through the fields — Multi-column layouts can create an unclear form structure.

A form with its fields arranged in a single column with an arrow showing the clear path through the form fields — A single column layout creates a clear path to complete the section.

Feedback, help and support

If you need help or support you can e-mail us at designsystem@gov.scot

Thanks for your feedback