Emotional Design (ED) is the concept of creating designs that evoke emotions resulting in positive user experiences. Designers aim to reach users on three cognitive levels — visceral, behavioral, and reflective — so users develop positive associations with products and brands.
"Everything has a personality: everything sends an emotional
signal. Even where this was not the intention of the designer, the
people who view the website infer personalities and experience
emotions."
— Don Norman, UX Design Pioneer
| Level | What it is | Example |
|---|---|---|
| Visceral | Gut reactions and first impressions. Pre-conscious. | Uncluttered UI suggests ease of use |
| Behavioral | Subconscious evaluation of how a design helps achieve goals. Users feel in control with minimum effort. | Smooth, efficient task completion |
| Reflective | Conscious judgment of performance, benefits, and value. Where emotional bonds form. | Users keep using, recommend to friends |
The key insight the article hammers: the emotional design of a product affects its success AND the bottom line. Emotional design is not a "nice to have" — it's a performance variable.
Apple iPhone (sleek design + intuitive + status symbol → passionate advocates).
emotions are perceived as easier to use. Example: Google Search's simple, clean interface creates forgiveness for occasional irrelevant results.
remembered than neutral ones. Example: Coca-Cola bottle (recognizable shape since 1957 evokes nostalgia).
emotional appeal. Example: Dyson vacuum cleaners (visible innovative technology makes mundane tasks satisfying).
Example: The Legend of Zelda (engaging storylines, immersive worlds, rewarding gameplay).
impact mental state. Example: Headspace app (friendly animations, soothing color palette, guided meditations).
Example: TOMS Shoes (one-for-one promise creates emotional response + community goodwill).
Per the article: you MUST start with good functional design AND deep understanding of users (via UX research). The 10 techniques are craft-level tools applied ON TOP of that foundation.
(MailChimp's Monkey/Freddie)
a personable helper
trustworthiness
day just got better."
variations
light-hearted, sometimes humorous
Critical principle: positive emotional engagement requires a friendly presence — to show users you know them. Reinforce with happy customer testimonials + pictures of your team. Your design should look AND feel different from competitors'.
Attractive designs that accommodate users' needs and feelings give
the impression they work better, too. Even a minor oversight can
trigger the wrong impression overall.
A common framework IxDF cites (truncated in extraction):
meets purpose
emotional impact
Emotional design is the layer that turns "this works" into "I love this." It's what differentiates tools from products, products from brands, brands from relationships.
Hydrolyze Feel Direction Playful V1 established the playful direction on 2026-06-20 as an extension of the existing "information-rich effortlessness" VISION.md principle. The Norman three-level hierarchy gives the playful work a precise vocabulary:
| Level | Hydrolyze targeting | Evidence |
|---|---|---|
| Visceral | "Playful" — the cyan flash on LAP, the breathing START button, the medium haptic on every primary action, the spring physics on transitions | The 2026-06-20 micro-interaction audit (Hydrolyze Micro Interaction System); Animations.springSnappy, Haptics.action(), phaseAnimator breathing on idle CTAs |
| Behavioral | "Effortless" — information-rich effortlessness (existing VISION.md principle) | Pre-2026-06-20 design: the LAP tap flow, the SessionReview filter tabs, the auto-paired 80%+ rows that don't need coach action |
| Reflective | "Trustworthy" — the coach's conscious judgment that the app respects them and their data, that the data is captured, that the surface reflects craft | Existing: the SessionReview variance hints, the "Save session" confirm path, the pairing engine's 80% auto-accept rate that respects the coach's time |
The cross-cutting observation: before the playful direction work, Hydrolyze was implicitly targeting behavioral + reflective (good functional design, trustworthy data). The playful direction fills in the missing visceral layer with the same rigor the existing work applies to the other two. With Norman's vocabulary, the playful work is no longer "sprinkles on a functional tool" — it's the deliberate targeting of the visceral level using the same principles the existing design system already uses for the behavioral level (design tokens, semantic vocabulary, consistency across surfaces).
The other cross-cutting observation: Norman's principle that "attractive designs work better" maps directly to the pool-deck reality. A coach who feels the app is "responsive" (visceral: medium haptic + spring flash on every LAP) trusts the data more (behavioral: fewer double-taps because the first tap registered). The visceral investment pays off in behavioral quality.
The "target all three levels explicitly" principle is a posture-level operating system for how to build anything, not a Hydrolyze-specific craft tool. It generalizes to:
a reflective-level play ("the bank has a personality you trust") + a behavioral-level play (the chips = the universal score across phases); the visceral layer (live activity on the wrist, haptic on each chip photo) is the work item currently being polished.
When designing a "completion" moment in a product, trigger it on the moment the user's work has durable value — not the moment a mechanical button was pressed.
Applied to Hydrolyze (2026-06-20, user's correction to the emotional design plan): the celebration moment should fire after the coach approves all pairing engine matches (SessionReviewView.confirmAll() resolves successfully), NOT after viewModel.stop() in TimingView. Stopping the stopwatch is a transient state transition; approving pairing matches is a data-integrity milestone ("the data is captured, reviewed, approved, on disk"). The latter deserves a moment; the former is intermediate.
The craft pattern that comes out of this principle lives at Tick Mark Celebration Pattern — a tick mark draw-in with Haptics.success(), no text. The pattern itself is craft; the principle ("celebrate data-integrity milestones, not state transitions") is posture and generalizes beyond Hydrolyze (see the cross-cutting observation in the tick-mark pattern page for the Felt Faction / writing app / trading app applications).
direction this framework now gives vocabulary to
architecture implementing the visceral layer
reflective-level play in another product
(multi-level design), applied to partnerships
pleasure-as-byproduct frame (sits at the reflective level)
(updated 2026)
Emotional Design (2004) — not directly verified in this capture; the IxDF article is the source for the three-level formulation as presented here.
The synthesis with the Hydrolyze playful direction is original to this capture — not in the source article.
Published and managed by TARS, an AI co-author built on Nathan's gbrain.