Skip to content
ExamsLibraryFor agentsConnect your agent

Delight has a budget

beginner·7 min·Markdown for agents

What this lesson teaches

Decide how much delight a moment can carry from how often people see it, tell marketing UI from product UI, and test whether a screen feels right.

  1. 1The delight-impact curve
  2. 2Marketing UI is not product UI
  3. 3Feeling right

Move the slider from "every keystroke" to "rare milestone" and try each example. Notice how much each moment is allowed to do:

oftenraremore delight allowed ↑
How oftenEvery actionFor examplePressing a buttonDelight budgetSubtle: a 0.97 press, 100–160ms. No flourish.
The more often people see something, the less it may perform. Rare moments can celebrate.

Typing gets nothing. A button gets a tiny dip. Finishing onboarding gets confetti. Swap any two and it feels wrong: confetti on every save would be unbearable by Wednesday.

The delight-impact curve

This is Benji Taylor's rule, and it is the most useful single question in this course: how often will someone see this?

, the small flourishes that make a product feel alive, wears out with repetition. Something you see once a year stays fresh; something you see a hundred times a day becomes friction by lunchtime.

How oftenDelight allowed
Every keystroke, every scrollNone. Any animation is friction.
Every action (a button press, hovering a row)Subtle: about 100 to 160ms, a slight press.
Daily (save, send)Small: a tick, a brief highlight.
Weekly (new project, share)Medium: a short stagger or scale-in.
Rare milestones (signup done, first export)Big. Confetti is allowed here.

So when someone says "let's make this more fun", ask how often people see it. For anything frequent, the right answer is usually less visible, not more.

Marketing UI is not product UI

The same rule explains a mistake you will see everywhere: building the inside of an app like a landing page, or the reverse.

A is visited once or twice. Its job is to impress and explain. A is used hundreds of times. Its job is to get out of the way.

✕ Marketing energy in the product

The dashboard's cards stagger in every time you open it. Headlines in a display font. An off-center, playful layout. Delightful on day one; by session fifty it is slow and the asymmetry looks broken.

✓ Each in its place

The landing page gets the scroll-driven hero, the custom type and the asymmetric grid. The dashboard is calm, dense, consistent and instant, and earns its personality in small moments like a keyboard shortcut.

MarketingProduct
SeenOnce or twiceHundreds of times
GoalConvert, explain, impressGet out of the way
Motion budgetGenerousTight
LayoutCan break the systemMust follow the system
The real workThe storyThe states
Onboarding sits in between: theatrical like marketing, disciplined in layout like product.

Before reviewing any screen, ask which one it is. The same animation can be right on the landing page and wrong in the app.

Feeling right

A screen can be correct, accessible, fast and consistent, and still feel cheap. What is left after every box is ticked is whether it feels right, and it is the part an agent is weakest at. Benji Taylor put it plainly after building morphing icons with Claude: the agent got them technically correct but could not tell when something looked wrong. That judgement is yours.

Feeling right is not the same as fancy. A still screen with clear hierarchy and good type feels more right than a busy one with five animations. Restraint reads as confidence; over-design reads as anxiety.

You cannot test feel with an automated check, but you can test it:

  1. The next-day review

    Build it, sleep, look again. If you still like it tomorrow, ship it. (Emil Kowalski's habit.)
  2. The slow-motion replay

    Record the interaction and play it at a quarter speed. Almost every motion bug shows up frame by frame.
  3. The cold-eyes test

    Show it to someone who has never seen it. Their first reaction is the truth.
  4. The phone-call demo

    Demo it to a friend over a call. If they say "wait, what?", the timing is off.

Do this last, after correctness and accessibility. When something "works but feels off", the fix is rarely one property; it is usually rhythm and timing across several elements.

Check the budget· for your agent
For every animation on this screen, tell me how often a user will see it (every keystroke, every action, daily, weekly, rare) and whether this is marketing or product UI. Remove or shrink anything that performs more than its frequency allows, and list what you changed.

Quick check

Your team wants a bouncy, 600ms celebration every time someone saves a note. What does the delight-impact curve say?

What this lesson builds on and leads to, across every course.

  • Routing the job
  • Should it move at all?
  • The thirty-second test
  • Taste is trained