The Elements of User Experience (LAYERS!)

Jesse James Garrett's Five-Layer UX Model
📌 The model uses five interconnected layers to inform product development, listed from top to bottom: Strategy, Scope, Structure, Skeleton, and Surface.
⚙️ Each layer supports the layers above it, emphasizing that deeper layers inform the ones closer to the user.
💡 The layers are: Strategy (Why/Who), Scope (What it does), Structure (User journey), Skeleton (Layout/Interaction), and Surface (Visuals/Aesthetics).

Deep Dive into UX Layers
🎯 Strategy defines the product's reason, target users, and business objectives; critical questions include feasibility, desirability, and sustainability.
📝 Scope addresses functional requirements (what the product must do) and content requirements; poor scoping often leads to slipping deadlines and disappointment.
🗺️ Structure focuses on the expected user journey and information architecture, requiring testing assumptions, especially for money-making paths.
🦴 Skeleton deals with layout, positioning, grouping, navigation design, and information design to optimize arrangement for maximum effect and efficiency.
🎨 Surface is the sensory design layer, encompassing visible elements like text, photos, icons, and aesthetics, requiring checks on color contrast and button size.

Designer Focus and Layer Penetration
🤔 A designer's constant question should be: "Am I designing at the right layer?" If not, achieving deeper layer penetration is necessary.
🛠️ Deeper penetration involves learning underlying business needs, conducting user tests to invalidate scope assumptions, or workshopping agnostic problem statements with stakeholders.
👑 Providing the best experiences to the user is the top priority; a bad product cannot be saved by a "pretty facade."
🗣️ True product design happens in the toughest conversations—the ones about purpose, user testing, idea origin, and risk assessment—not just pixel pushing.

Key Points & Insights
➡️ Designers can work on multiple layers concurrently, but skipping directly to Layer 4 (Skeleton) or Layer 5 (Surface) without addressing deeper layers is discouraged.
➡️ Strategy layer assessment must confirm if the idea is innovative, feasible (money, time, knowledge available), desirable (matters to users), and sustainable.
➡️ To avoid project failure symptoms like overblown expectations, focus on clearly defining functional requirements during the Scope layer.

📸 Video summarized with SummaryTube.com on Dec 23, 2025, 13:16 UTC