Essay

How to Design for Cognitive Scarcity

Stop designing for the idealized 'Hero User.' Build resilient interfaces that work when your user is stressed, tired, and operating on 15% battery.

5 min read Originally published on The Crumple Zone

Hero User versus Sleepy User — designing for cognitive scarcity

Every interface has an imagined user standing behind it. Call them the Hero User: a well-lit desk, a cup of coffee, a stable fiber connection, fully rested, emotionally regulated, reading every line of text on the screen. The Happy Path is the path that person walks.

The real user arrives on the “Sleepy Path.”

They are operating on 15% battery — biologically and technologically. They are scrolling one-handed while holding a crying baby, standing on a crowded train with spotty signal, or trying to pay a bill at 1:00 AM while panicked.

This is Cognitive Scarcity: a temporary drop in mental bandwidth caused by stress, fatigue, or distraction.

When you design for the Hero User, you build fragility. When you design for the Sleepy User, you build resilience.

Pattern 1: The Session Timeout

Session timeout — Amnesia versus The Bookmark

Amnesia vs. The Bookmark. A user gets halfway through a complex application (insurance, taxes, housing) but gets distracted by real life. They return 20 minutes later.

Session timeout
Hostile UIResilient UI
The standard security pattern prioritizes the database over the human. A cold modal stating "Session Expired." When the user clicks "OK," they are booted to the login screen. Their data is wiped. They quit. The "Soft Landing" pattern assumes the distraction was involuntary. A warm modal stating "Welcome back. We saved your progress." The user enters their password, and the screen restores exactly to the field they were editing.

Pattern 2: The Critical Error

Critical error — Panic versus Assurance

Panic vs. Assurance. A payment fails or a sync breaks. The system needs to inform the user that a process has stopped.

Critical error
Hostile UIResilient UI
A red banner reading "Error 503: Gateway Timeout." The user thinks: Did I lose my money? If I click it again, will I be charged twice? I don't have time to call support. A yellow banner reading "We couldn't process this yet. Don't worry, you haven't been charged. We will auto-retry in 5 minutes." The user thinks: Okay. My money is safe. I can go to sleep.

Pattern 3: The Destructive Action

Destructive action — Fear versus Forgiveness

Fear vs. Forgiveness. The user hits a button that destroys data (Delete Project, Cancel Subscription, Remove User).

Destructive action
Hostile UIResilient UI
A modal asking "Are you sure? This cannot be undone." Sleepy users operate on muscle memory. They see a modal, look for the bright red button, and click it before their prefrontal cortex registers the warning. The item disappears immediately, but a toast notification appears: "Project moved to Trash. [Undo]" The principle: never demand perfection from a tired person.

Pattern 4: The Login Loop

Login loop — The Memory Test versus The Key

The Memory Test vs. The Key. The user is trying to log in on a new device but can’t remember their password.

Login loop
Hostile UIResilient UI
A shaking text field saying "Password Incorrect. Try Again." The user tries three variations, gets locked out, and churns. After one failed attempt, the UI expands: "Looks like that wasn't right. Want us to email you a login link instead?" The principle: when the front door is stuck, open a window.

The Designer’s Checklist for Low Energy

Designer's checklist for low energy — the 2 AM test, tunnel vision test, safety net test

Three questions to stress-test a flow against:

  1. The “2 AM Test” — If I looked at this screen at 2:00 AM with one eye open, is the primary action obvious? Or do I have to read a paragraph to understand what to do?
  2. The “Tunnel Vision” Test — Sleepy users ignore grey text. If I remove all the helper text and subheaders, do the buttons alone still tell the accurate story?
  3. The “Safety Net” Test — If I tap the wrong button by accident, how many seconds (and how many clicks) does it take to fix it?

Attention is a finite resource, and most interfaces spend it as though it were free.

designproductinterfaces

← Back to writing