Visual hierarchy is the arrangement of elements to indicate importance and guide user attention. It helps users understand what to focus on and in what order.
Hierarchy is created through size, contrast, spacing, and placement.
Examples in Action
- Prominent headlines and CTAs
- Grouped related content
- Progressive disclosure of information
- Clear differentiation between primary and secondary actions
Typical Outcomes / Results
- Improved content comprehension
- Faster navigation and scanning
- Reduced cognitive load
- More effective guidance through journeys
This glossary entry reflects widely used design principles.