User Experience
Layout
Plain English
How things are arranged on a screen.
Definition
Layout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences glossaryReadabilityReadability is how easily written content can be read and decoded, shaped by sentence length, vocabulary, structure, and typography. It measures the effort the text demands, not whether the meaning actually landed.Open glossary term, glossaryUsabilityUsability is how easy and efficient it is for users to complete tasks within a product. It focuses on clarity, simplicity, and reducing effort so users can achieve their goals without confusion or friction.Open glossary term, and overall experience.
In practice
Used to structure pages and glossaryInterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term so content is clear, balanced, and easy to navigate.
In context
It carries meaning before anything is read. Two things placed side by side are understood as related, whether or not they are.
The reality
A poor layout can break even well-designed content and glossaryInteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term.
Compared with
Layout vs Grid
A grid is the underlying glossarySystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term of columns and spacing. Layout is what you place within it. The grid enforces glossaryConsistencyConsistency is the use of uniform patterns, behaviours, and visual elements across a product to create familiarity and predictability. It helps users learn once and apply that knowledge throughout the experience.Open glossary term; the layout is where the decisions about emphasis get made.
FAQ
Common questions
A few practical answers to the questions that usually come up around this term.
What is layout in UX?
Layout is how elements are arranged on a page or screen.
Why is layout important?
It affects glossaryReadabilityReadability is how easily written content can be read and decoded, shaped by sentence length, vocabulary, structure, and typography. It measures the effort the text demands, not whether the meaning actually landed.Open glossary term, glossaryUsabilityUsability is how easy and efficient it is for users to complete tasks within a product. It focuses on clarity, simplicity, and reducing effort so users can achieve their goals without confusion or friction.Open glossary term, and glossaryUser FlowA user flow is the sequence of steps, screens, and decisions a person moves through to complete a task inside a product. It includes the branches, errors, and recovery routes, not only the path where everything works.Open glossary term.
What makes a good layout?
glossaryClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term, balance, and logical structure.
How does layout impact UX?
It influences how easily users can understand and navigate content.
Related Services
Related Guides
Related Terms
