Watch

Visual hierarchy 0:27

A 27-second explainer of Visual hierarchy, narrated over the same demo you can try yourself.

The Visual hierarchy explainer. Prefer to do it yourself? Try the interactive demo.

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.

More UX term videos

All UX term videos