← Back to the wall
Interaction

Visual Hierarchy.

Make the important thing obvious first.

01 / THE IDEA

What does it mean?

Use size, position, contrast, and grouping to guide attention. On a busy screen, check whether the page title and main action stand out when you scan it quickly.

02 / IN PRACTICE

Make it concrete.

Illustrative example: A billing page emphasizes amount due and payment action while keeping account details secondary.

03 / WHAT TO WATCH FOR

A common mistake.

Making every title, button, and badge equally loud.

04 / WHEN IT HELPS

When should you use it?

When people cannot tell where to focus on a busy page.

05 / FURTHER READING

Explore the source.

Nielsen Norman Group — Visual Hierarchy ↗

A reference for further learning, not an endorsement or verbatim quotation.