Watch
Visual hierarchy 0:27
A 27-second explainer of Visual hierarchy, narrated over the same demo you can try yourself.
Try the interactive Visual hierarchy demo
What this video covers
The order your eye travels a layout, set by size, weight, colour and space. It decides what gets noticed first - and what gets missed.
You found the same kind of button far faster once the design ranked it for you. That is visual hierarchy: size, weight and colour steering your eye before you have read a single word.
