How visual design earns trust and supports usability.

<aside> <img src="/icons/book_yellow.svg" alt="/icons/book_yellow.svg" width="40px" />

Read The Five Planes of UX Series

Introduction to the five planes of UX — How to align your team from strategy to interface without the chaos.

1. The strategy plane: start with the right problem — What good UX starts with and what teams skip when they’re in a rush.
2. The scope plane: define what you’re building — How clear boundaries turn strategy into a plan your team can actually deliver
3. The structure plane: organize the experience — How structure helps users move through your product without getting lost.
4. The skeleton plane: shape the experience — How layout, navigation, and hierarchy guide what users notice and do.
5. The surface plane: make it clear and trustworthy — How visual design earns trust and supports usability. </aside>

The surface is what users see first — but it should be the last thing you design.

Color, typography, spacing, icons, and imagery all live in this layer. This is where the product comes to life. But when teams jump to styling too soon, they end up covering confusion with polish.

The surface plane is the sensory layer. It includes every visual and interactive detail the user sees and touches. But those surface-level choices only succeed when they’re rooted in strategy, structure, and clarity.

Everything the user sees — text, images, and controls — is part of the surface. — Jesse James Garrett

I’ve been guilty of this early in my career, designing and coding pretty screens without asking the hard questions first. It took years (and plenty of rework) to learn that visual design doesn’t fix broken flows. It only works when it rests on a strong foundation.

In this article, we’ll walk through what the surface plane is, how to design at this layer, and how it connects to every plane beneath it.

What the surface plane is

The surface plane is the final layer in the user experience stack. It’s where everything becomes visible.

In Chapter 7 of The Elements of User Experience, Jesse James Garrett calls this the sensory design layer. That’s exactly what it is. This is where users see, touch, and respond. It includes:

• Typography and color
• Branding
• Visual hierarchy and spacing
• Icons and illustrations
• Motion and transitions
• UI controls and visual feedback

But here’s the catch: it’s not just decoration.

The surface plane’s job is to support usability and build trust. When done well, it makes interactions feel smooth, content feel clear, and decisions feel confident. When it’s done poorly, users get distracted, confused, or worse, suspicious.