Visual hierarchy
Visual hierarchy is the arrangement of page elements by importance so the eye processes them in the intended order. It is built with size, contrast, color, spacing, and position — cues that tell a viewer what to look at first, second, and third, before they read a word.
Strong hierarchy means the most important element (usually the headline or CTA) is also the most visually dominant. When hierarchy is flat — everything competing at the same weight — the eye has no anchor and falls back to habitual scanning patterns, or leaves.
Saliency prediction is essentially a hierarchy audit: the hottest zone in the map should be the element you most want seen. When it isn't — when attention lands on a stock photo instead of the offer — the map has found a hierarchy problem you can fix before launch.
See it on your own page
Free score /100 · no signup · results in seconds
RELATED TERMS