Product & UX Design
Why some interfaces feel clear and others quietly fight you.
The reasons behind good design, not just the rules. Explain why something works and a tutor pushes you to the edge cases where the principle changes.
Understand the concepts
- What is visual hierarchy? Examples of size, contrast and spacing
See how visual hierarchy changes a simple invitation. Learn to use size, contrast and spacing to communicate priority while keeping secondary information readable.
What you’ll learn
- How visual hierarchy guides attention
- The laws of UX, and when they actually apply
- Why contrast, spacing and alignment carry meaning
- How to reduce cognitive load without dumbing things down
Concepts you’ll explore
Visual hierarchyGestalt principlesContrastAffordancesCognitive loadFitts's lawType scaleWhitespace
Try a question
What is visual hierarchy, and how does it help someone understand a page?
Answer this question →One free answer, instant feedback from an AI tutor, no account needed to start.