Hello! Welcome to the third and final lesson of our first module on the cognitive foundations for deep work.
In our last session, we built a precise vocabulary for discussing mental effort using Cognitive Load Theory. We distinguished between:
- Intrinsic Load: The task's inherent difficulty.
- Extraneous Load: The "bad" load caused by poor design.
- Germane Load: The "good" load that leads to learning.
We established that to engage a user's "second brain" (System 2), we must first free up their limited working memory by ruthlessly minimizing extraneous load.
Today, we put this theory into practice. Our learning outcome is to analyze real-world digital products to identify design choices that deplete or preserve users' attentional resources. We will act as design critics, using our new framework to deconstruct interfaces and understand the mechanics behind user focus and frustration. This is where theory meets the daily reality of your work as a product designer.
Designs That Deplete Attentional Resources
Many popular digital products are masterfully engineered to capture and hold our attention, often by increasing extraneous cognitive load or exploiting our innate psychological biases. These designs don't just create friction; they actively hijack our focus.
Tristan Harris, a former Design Ethicist at Google, compares these techniques to the methods of a magician, who manipulates perception by understanding and exploiting psychological vulnerabilities. Let's explore some of these "hijacks."
How Technology is Hijacking Your Mind
In his influential article, 'How Technology is Hijacking Your Mind,' Tristan Harris outlines several ways digital products exploit our minds' weaknesses. We will focus on a few key patterns that directly deplete our attentional resources.
Please read the following three sections from the article: 'Hijack #1: If You Control the Menu, You Control the Choices' 'Hijack #2: Put a Slot Machine In a Billion Pockets' 'Hijack #6: Bottomless bowls, Infinite Feeds, and Autoplay' As you read, focus on how each 'hijack' works by either creating unnecessary mental work (extraneous load) or by triggering compulsive, automatic behaviors (System 1).
Let's break down these powerful concepts:
- Controlling the Menu: This is a subtle form of increasing extraneous load. By presenting a set of choices that serves the business's goals (e.g., showing bars with great photos) instead of the user's original intent (e.g., finding a quiet place to talk), the product forces the user to process irrelevant information and diverts their attention.
- Slot Machines (Intermittent Variable Rewards): This is a direct attack on our attentional control. The unpredictable nature of rewards from pulling to refresh a feed, checking notifications, or swiping on a dating app triggers a dopamine loop similar to gambling. It encourages constant, low-value checking behavior, fragmenting our focus.
- Infinite Feeds & Autoplay: These patterns eliminate natural "stopping points." By removing the boundary of a finite experience (like the end of a page or a TV episode), they short-circuit the part of our brain that would otherwise pause and make a deliberate choice about continuing. This keeps us in a passive, System 1 consumption mode, draining our time and attentional energy.
These aren't just abstract ideas; they are visible in the products we use every day. The following video provides a clear, practical teardown of how these choices manifest.
Good vs Bad UX Design - A Comprehensive Teardown!
This video from CareerFoundry offers a brilliant side-by-side comparison of design choices that respect user attention versus those that deplete it.
Please watch from 00:44 to 05:39. First (00:44 - 03:30), notice how the German government website creates massive extraneous load through poor information architecture, contrasting with the clarity of the UK site. Second (03:40 - 05:39), pay close attention to the analysis of Booking.com's 'dark patterns.' See if you can connect these tactics to the 'hijacks' we just discussed.
The Booking.com example is a perfect illustration of how scarcity and urgency—often called "dark patterns"—are used to hijack decision-making. They create anxiety and a fear of missing out (FOMO), pressuring the user into a quick, System 1-driven decision rather than a considered, System 2 evaluation. This intentionally depletes attentional resources by focusing them on fear and pressure rather than the task itself.
The Psychology Behind the Hijack
To become a truly effective designer in this space, it helps to understand why these patterns are so effective. They work by appealing to deep-seated psychological principles—heuristics that our brain uses to make quick judgments. Your interest in human behavior and storytelling is highly relevant here.
How Brands Use Design & Marketing to Control Your Mind
The video 'How Brands Use Design & Marketing to Control Your Mind' dives into the psychological triggers that designers and marketers use to influence our perception and behavior. It provides the 'why' behind many of the patterns we've seen.
Please watch the following three segments: Social Proof (11:40 - 13:00): Focus on how 'most popular' labels work. Authority (15:41 - 17:00): Observe how the 'aura of authority' is created. Scarcity (18:43 - 20:30): Note the connection between scarcity, competition, and FOMO. Think about how each of these leverages a System 1 shortcut, bypassing careful analysis.
As you can see, techniques like social proof ("other people think this is good"), authority ("an expert says this is good"), and scarcity ("this might be gone soon") are powerful because they offload the work of making a decision. They appeal to our intuitive, fast-thinking System 1, which is exactly what we want to avoid when trying to foster deep, System 2 engagement.
Designs That Preserve Attentional Resources
Now for the other side of the coin: how do we design to protect and preserve a user's attention? This is the foundation for creating an environment where System 2 can thrive. The core principle is the minimization of extraneous cognitive load.
Let's look at a new article that outlines specific strategies and provides excellent real-world examples.
The Hidden Cognitive Load Users Carry in Complex Digital Products
This article from Vocal Media, 'The Hidden Cognitive Load Users Carry in Complex Digital Products,' gives practical advice on how design choices can reduce the mental burden on users.
Please read the sections 'How Would A Design Agency Improve Cognitive Load' and 'UI Designs With Cognitive Load.' Focus on the concrete strategies (like clear hierarchy) and the positive examples provided (Dropbox, Medium, Google Calendar).
Let's summarize these preservation principles:
- Clear Visual Hierarchy & Information Architecture: As seen in the UK government website example, a clear structure does the work of prioritization for the user. It tells them what's important and where to go next, reducing the mental effort of searching and navigating.
- Consistency & Familiar Patterns: Using established conventions (like a floppy disk icon for "save" or a consistent button placement) leverages the user's long-term memory. They don't have to spend precious working memory figuring out your interface. This is Jakob's Law in action.
- Clear and Immediate Feedback: Confirmation messages, progress bars, and highlighted fields reduce uncertainty. The user doesn't have to waste mental energy wondering "Did that work?" or "Where am I in this process?"
- Minimalism & Focus: As exemplified by Medium, removing all non-essential elements (sidebars, pop-ups, ads) eliminates distractions and directs the user's full attention to the intrinsic load of the task—in their case, reading.
Products like Dropbox and Google Calendar succeed not because they are simple (they manage complex tasks), but because they expertly manage cognitive load, creating an experience that feels effortless.
Your Turn: Design Analysis
Now it's time to apply these concepts yourself. This exercise will help you solidify your ability to analyze products through the lens of attentional resources.
Activity (allow ~10 minutes):
- Choose a digital product you use frequently (e.g., Notion, Spotify, a news app, your banking app).
- Open it and identify one design pattern that depletes your attention.
- What is the pattern? (e.g., an infinite feed, a notification badge, a confusing menu).
- Using the vocabulary from this lesson, explain why it depletes your attention. Does it increase extraneous load? Does it trigger a "hijack" like intermittent rewards or social proof?
- Next, identify one design pattern that preserves your attention.
- What is the pattern? (e.g., a clear progress indicator, a well-organized menu, a "focus mode").
- Explain why it preserves your attention. Does it reduce extraneous load? Does it provide clear feedback? Does it use a familiar pattern effectively?
Take a few moments to perform this analysis. There's no need to write a formal report; the goal is to practice thinking and articulating in this new framework.
Conclusion
Today, we bridged the gap between cognitive theory and practical design analysis. You are now equipped not just to feel when a design is good or bad, but to articulate precisely why it is, using the language of cognitive load and attentional economics.
Key Takeaways:
- Designs that deplete attention often do so by increasing extraneous load (e.g., poor IA, cluttered UI) or by exploiting psychological shortcuts (e.g., intermittent rewards, artificial scarcity, social proof).
- Designs that preserve attention are built on principles that minimize extraneous load: clear hierarchy, consistency, immediate feedback, and a focus on the essential task.
- Analyzing products through this lens allows you to move beyond surface-level aesthetics and evaluate how an interface truly impacts a user's cognitive state.
Preview of the Next Lesson:
We have now concluded our first module on the cognitive foundations. You understand the two systems of thinking, the nature of cognitive load, and how to spot design patterns that affect them. We've laid the groundwork for how to protect a user's mental energy.
In our next module, "The Psychology of Flow State," we will explore what happens when we can successfully channel that preserved energy. Our first lesson will be "Describe the core conditions for entering a flow state, focusing on the balance between challenge and skill." We will move from preventing frustration to actively designing for deep, effortless absorption.