How to align your team from strategy to interface without the chaos.

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.

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

Why do some products just work while others feel clunky, confusing, or disconnected?

It usually comes down to this: the team jumped to visual design without first aligning on goals, features, or structure.

The Five Planes come from Jesse James Garrett, a UX designer in the early web era who helped shape the field. He introduced the model in his 2002 book The Elements of User Experience to bring clarity to the messy process of designing for the web. It’s still one of the clearest ways to think through what you’re building and why.

The user experience design process is all about ensuring that no aspect of the user’s experience with your product happens without your conscious, explicit intent. — Jesse James Garrett, The Elements of User Experience

Each plane builds on the last: strategy, scope, structure, skeleton, and surface. If you skip one, it shows. The experience breaks down. The team wastes time fixing things that should have been clear from the start.

This article walks through each layer, shows how they connect, and gives you a simple way to keep your work aligned from the big picture to the final design.

Why the five planes of UX matter

You don’t design a great product by jumping straight into Figma.

You start by thinking through what matters most. What are we solving? Who is it for? What are we building, and what are we not building?

That’s what the Five Planes help you do. They force clarity.

Each plane gives your team a different lens. Strategy focuses on purpose. Scope locks in the features. Structure maps the flow. Skeleton shapes the layout. Surface brings it all to life.

When you follow the layers, decisions get easier. You can explain your thinking. You can catch gaps early. You can move faster without losing your footing.

I didn’t always think this way. Early on, I treated UX like a checklist: make the wireframes, choose the colors and type, hand it off to the dev team. But as the problems got more complex and the company grew, I kept running into the same patterns of misalignment, rework, rushed decisions, and frustrated users.

The Five Planes gave me language for what was missing. Once I started thinking in layers, the work got clearer. My teams moved faster. And the customer experience actually worked.

Plane-by-plane breakdown

Jesse James Garrett’s original diagram was just the starting point. It gave teams a clear, simple way to think about UX. His book broke it open, giving each layer the space it needed and explaining what couldn’t fit on one sheet.

In this section, I’ll walk through each of the Five Planes in a way that’s simple and easy to apply. Over the years, I’ve learned which hard and soft skills show up in each layer, along with the artifacts teams use to bring them to life.