Framework⚡ Medium

Emotional Design

Design that makes users feel something makes them remember, return, and recommend. Emotion is not decoration — it is a design material that drives retention, word-of-mouth, and loyalty more powerfully than feature parity.

Onboarding DesignEmpty StatesError MessagesMicrocopyBrand VoiceRetention Design

01 — TL;DR

Two sentences.

Emotional Design is the practice of deliberately creating products that trigger specific emotional responses — delight, trust, calm, confidence, belonging — at the moments that matter most in the user's journey, rather than treating emotion as a byproduct of good visual design. It is grounded in the understanding that humans remember how products made them feel far more reliably than they remember what the products did.

Don Norman formalised the framework in his 2004 book Emotional Design, describing three levels at which products operate emotionally: visceral (the immediate sensory response), behavioural (the experience of use), and reflective (the meaning and identity a product creates over time). For product designers, emotional design is not about adding delight on top — it is about identifying which emotional moments are load-bearing for retention and engineering those moments deliberately.

02 — When to Use

Apply this when…

→Your product has strong usability but low retention — users can use it but do not feel compelled to return

→Empty states are blank or generic — they represent a missed opportunity to create a first positive emotional impression

→Error messages recite technical codes — they create frustration rather than resolving it

→Users complete core tasks but never mention the product to others — emotional neutrality rarely produces word-of-mouth

→Your product operates in an emotionally charged context — finance, health, career — where tone directly affects trust

When NOT to apply it

Skip it in emergency or high-stakes professional contexts where emotional elements become noise. Also skip when using "emotional design" as a reason to add animations without identifying the moment they serve, when unresolved usability problems exist (emotion on top of broken = mockery), or when power users have optimised away all non-functional elements.

03 — How It Works

The mechanism

Emotional Design works through Norman's three-level model: visceral responses set the initial tone before conscious thought; behavioural responses determine whether the experience feels effortful or fluid during use; reflective responses determine what the product means to the user after use. Designing for emotion means identifying which level is most important at each moment.

Affect influences cognition and memory encoding

Antonio Damasio's research showed that patients with damage to emotional brain centres could evaluate options but not choose between them. Combined with memory research showing emotionally arousing events encode more strongly, this established that emotion is integral to cognition. Products that create positive emotional states improve decision confidence, increase recall, and produce stronger associations.

Emotional moments are designed, not hoped for

Visceral level: visual design, motion, sound — the immediate sensory impression. Behavioural level: smoothness, responsiveness, flow — the feeling of using. Reflective level: microcopy, brand voice, meaning over time — the story users tell about why they use it. Most products invest in visceral (visible) and neglect reflective (requires words and decisions about meaning), which is where the most durable emotional connections are built.

Negative emotions, used correctly, strengthen engagement

Duolingo's streak loss anxiety, LinkedIn's profile completeness pressure, and Fitbit's gentle shame about inactivity are deliberate negative emotional triggers. The principle is not "make users feel good" — it is "make users feel something that serves their goals and yours." Anxiety and urgency can be load-bearing, provided they are honest and proportionate.

Emotional response is measurable

Direct: self-report scales like PrEmo or Microsoft's Desirability Toolkit. Indirect: NPS (captures likelihood to recommend — a strong proxy), retention curves (emotional engagement drives return), and session recordings coded for hesitation and abandonment at specific moments. If users abandon at an empty state, its emotional design is failing.

Not the same as manipulative design

Emotional design creates genuine value — it makes hard things feel achievable, uncertain things feel trustworthy, and good things feel rewarding. Manipulative design exploits emotional responses against user interests. The test: does the emotional response serve the user's goals, or only the product's metrics?

04 — Real Example

Mailchimp's Freddie and the high-five before you send

Mailchimp's send confirmation screen features Freddie with his hand raised for a high-five at the moment of genuine user anxiety: you are about to send something irreversible to thousands of people. The design acknowledges the moment's weight and responds with human warmth rather than a confirmation dialog.

Users who described the send screen in research consistently mention Freddie — not the button, not the copy. The emotional memory is stronger than the functional memory. The design works at the reflective level: Mailchimp is a brand that understands what it feels like to be a small business owner about to hit send.

Mailchimp · Send Confirmation

Emotional design at the highest-anxiety moment in the journey

Emotional memory > functional memory

05 — In the Wild

Test yourself & see real examples

No examples yet — be the first.

Spotted a product that nailed an emotional moment — or one that felt cold at exactly the wrong time? Submit what you found.

✓ Reviewed before publishing✓ Your name on every example you submit✓ Violation or fix — both welcome

Seen Emotional Design violated in a real product? Help grow the evidence base.

06 — Common Mistakes

Where teams go wrong

✗Adding illustration and animation without identifying the emotional moment. A bouncing loading animation does not constitute emotional design. A loading animation that acknowledges impatience and gives a reason to wait does. Start with moment identification — where does the user's emotional state most affect their next action?

✗Applying delight uniformly across the experience. A celebratory animation on onboarding is appropriate; the same style on a password reset is tone-deaf. Teams that apply one "delightful" voice uniformly create emotional dissonance — the voice becomes noise or feels inappropriate at high-stakes moments.

✗Neglecting the behavioural level. A product that looks beautiful but whose interactions are sluggish, unpredictable, or require unnecessary effort creates frustration that overrides all visceral and reflective investment. Responsiveness and flow are emotional design. Slow load times are emotional design failures.

✗Treating emotional design as a single phase. The celebratory animation that delighted new users on day one becomes noise by day thirty. Emotional design requires periodic auditing — identifying which moments have lost their charge, which new moments have emerged, and which responses no longer serve users at their current stage.

07 — Variations & Related Principles

Connected ideas

Emotional Design operates across all three of Norman's levels and connects to several frameworks that address specific aspects of how products create and sustain emotional responses.

The most important pairing is Emotional Design with the Peak-End Rule. The Peak-End Rule tells you where emotional investment produces the greatest return — at the peak and the end. Without this prioritisation, emotional design spreads across the experience and dilutes. With it, teams concentrate on the moments that most determine how users remember the product.

08 — 10-Min Exercise

Run it right now

⏱ 10 minutes · Team · No prep

The Emotional Audit

1. Navigate through your core user journey. Write down every moment the product communicates: empty states, errors, confirmations, loading states, success moments, onboarding prompts. Aim for 8-12 moments.

2. For each moment, write the emotional state a user is likely in — frustrated, anxious, uncertain, excited, impatient, proud. Be specific: "relieved that the form submitted" not "happy."

3. For each moment, write the emotional response the current design is likely producing — not what you intended, but what the actual copy, visuals, and interaction feel like.

4. Identify the two moments where the gap between user state and product response is largest. Those are your highest-priority emotional design opportunities. Sketch a revised treatment for one.

10 minutes