What is it?

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.