All insights

Design

Visual Hierarchy Is Conversion Infrastructure

Design is not decoration when it controls what the buyer understands first.

Visual Hierarchy Is Conversion Infrastructure editorial visual

Design is not decoration when it controls what the buyer understands first.

What this means

NN/g supports scanning, but Refactoring UI turns that into craft: size, spacing, contrast, grouping, and order. In practice, hierarchy is conversion infrastructure because it decides which idea, proof, and action the buyer processes first.

Why buyers feel stuck

A page can look premium while still making the buyer work too hard.

This is the moment where attention can die quietly. The buyer is not only asking whether the offer is good. They are asking whether the choice feels clear, believable, timely, socially sensible, and worth the effort.

The move

Make claim, proof, action, and sequence visually unmistakable.

Turn the idea into something the buyer experiences: the page structure, proof sequence, offer, form, follow-up, sales conversation, or retention system.

Where it shows up

Quick check

Use scale, spacing, contrast, and grouping to make the correct reading order obvious.

Where this comes from

Core reading

For readers who want the background, this idea is shaped by work on how people notice, trust, compare, decide, and act.

  • Refactoring UI: Spacing, scale, grouping, contrast, typography, color, and practical polish.
  • Don't Make Me Think: Scanning, navigation clarity, mobile usability, and goodwill.
  • 100 Things / 100 More Things: Perception, memory, peripheral attention, emotion, online skimming, and decision constraints.

Further reading

Optional reading for readers who want to go deeper:

Your next chapter

Turn an idea
into progress.

Tell us what you’re trying to grow.

Start a Project