By Peter Ramsey

29 Aug 24

Cheatsheets5 min read
Listen

Justifying the Value of User Delight

Justifying the Value of User Delight Featured Image

"I had an idea to animate this button so that it explodes into tiny pieces. It'll only take a day or so, I think. I've never done it before".

"Maybe later."

    Designers crave the freedom to add moments of joy into their products. They have an intuition that these small ideas are worthwhile, but find it hard to justify the business case.

    To be clear, a lot of the time 😍 User Delight is a massive distraction.

    But not always.

    When used intentionally, these touches can:

    • Retain attention to reduce churn
    • Celebrate moments to encourage habits
    • Set a tone to improve conversion rates
    • Create a moment to be shared or talked about
    • Replace traditional onboarding

    In this Cheatsheet, I've framed different approaches to user delight, in 7 very tangible benefits.

    They overlap, and most examples fall into many categories.

    But I hope it at least gives you a more structured way of framing your next "crazy" idea.

    7 ways of framing User Delight

    Creating a feeling...

    1. Retain attention

    While asking you to opt in to receive offers, the Lego store shows a toy megaphone that if you tap, will shoot out Lego bricks.

    The value here is that an interesting moment gains attention.

    i.e., a novel, interesting or interactive element like this stops people zoning out.

    Compare it to a "more boring" alternative below (left)

    Boring

    Boring

    Less boring

    Less boring

    You'll see the wall of text and switch off.

    Lego would need to recapture your attention after this screen.

    In this instance, Lego aren't directly increasing purchases. 

    They're just retaining attention—which is useful for whatever comes next.

    Another great example is the weather app Carrot.

    The app homepage starts out as an empty animated garden, and a promise that it'll grow over time.

    You can watch animated drones carrying bricks and parcels, and over a number of weeks it'll build an entire castle.

    You want to see what the next stage is. 

    It objectively does nothing except create interest.

    And interest (or attention) can be leveraged in a number of ways.

    2. Celebrate moments

    One of the most obvious uses of 'delight', is to emphasise a moment.

    In other words: to make a moment more celebratory.

    It's like the candles on a birthday cake. It both does nothing, and everything at the same time.

    For example, after completing your last to do item for that day, TickTick will turn that row into a celebratory banner.

    This micro dose of celebration could help create stickier habits.

    It certainly makes completing an action more satisfying.

    Or, during certain sporting events, Google will show celebratory animations like this.

    It creates a moment out of a data point.

    3. Set a tone

    After ordering on Uber Eats, you get to watch your driver trundle towards you on a scooter.

    And if you look closely, they cast an animated shadow on the ground.

    This demonstrates an impressive attention to detail.

    When ordering a coffee on Philz coffee, you'll see who's actually making your order.

    It sets a tone of being personalised. A human touch.

    Or, when typing your password on ReadMe, the owl will animate to cover their eyes.

    This tells you that the experience will be playful and friendly.

    They're small cues that create a tone. 

    It can make an app feel inviting, professional, productive, secure, fun, cheap or premium.

    And yes, perceptions directly impact conversions.

    4. Happier waiting

    It's hard to actually reduce waiting times with UX (there's a whole Cheatsheet about loading and waiting if you're interested).

    But, you can absolutely make people happier waiting, or reduce the perception of time.

    While placing an order, the Lego store will reveal a series of Lego heads lighting up

    You want to see what the next Lego head is going to be. I found myself kind of wishing that the wait was even longer.

    It's a combination of User Delight and the 🧩 Curiosity Gap.

    Or, while waiting for Fitness+ to personalise your workout recommendations, the loading animation shows a stick figure running across the screen.

    It's an animation that objectively does nothing.

    But it gives you something to watch for a few seconds. 

    That's it. That's what it does.

    Encouraging an action...

    5. Talking points = action

    Sometimes, User Delight simply makes an experience more memorable, or more likely to be shared and talked about.

    These can be relatively small things.

    For example, on the iOS app, Spotify will show a sparkle inside the playbar for Taylor Swift songs.

    But they're often much more complicated.

    Particularly for features that most people won't have even noticed.

    Did you know that Spotify have a playable game of Snake in their menus?

    Or that Instagram have built a working 'Pong' mini game into their private DMs.

    (Tapping on an emoji in an Instagram chat will trigger this game).

    What's the long term value of this? 

    There really isn't one, other than being memorable and creating something for people to tell their friends about. It's working, because I'm telling you.

    🙏 Caveat: I only recommend that large companies (with capacity) attempt to build mini-games like this. The expected value is very low, and you're better off just fixing the bugs you already know about.

    6. Directly encourage action

    User Delight can be used to encourage immediate action.

    For example, on the app Clear, you can pull up to clear completed items from your to-do list.

    When you do, the letters start jiggling and eventually explode over your screen.

    The first time you do this, you'll be impressed.

    Then you'll try it again, and it'll be slightly different. The variability is addictive.

    And before you know it, you've done this action multiple times.

    Imagine plotting these actions on a chart of retention.

    This moment of User Delight is likely to increase the number of actions a new user does in the first few days.

    (Because they want to see the next animation).

    null image

    e.g., instead of the average number of tasks cleared being say, 1, it might be 3.

    This doesn't mean that they're automatically going to be better long term users.

    But if you think on a step-by-step basis, you've retained their attention a little bit more, and increased short term engagement.

    You can now build on that.

    Other benefits...

    7. Replacing onboarding

    How could Arc browser tell you that their incognito mode is more private?

    They could tell you in words. They could show a pop-up or a splash screen.

    Or, they could have an animated set of eyes that close when you enter incognito mode.

    It's non-verbal onboarding.

    This kind of "see, look over here" onboarding is everywhere.

    When adding an item into your basket on Shop, you'll see that item animate and fly into the specific menu tab.

    Yes, it's a satisfying animation.

    But it also literally shows you where your basket is.

    The argument against User Delight

    In general, Built for Mars champions predictable techniques, reliable improvements that you can measure and fixing very tangible things that annoy users.

    Building 😍 User Delight is none of these.

    But, there is still a place for it.

    Many of my clients reserve a small percentage of their build capacity to "flare".

    Typically something like 5%, and often during hackathons or Friday afternoons.

    This cheatsheet should help you frame the value of that 5%.

    UX Exercise

    Question 1 of 3
    BFM+

    If you send a Deliveroo order to someone as a gift, they'll receive a wrapped present which tears as they open it.

    What is the main value of this?

    Quiz Question Image
    To create a memorable moment
    You need to be a BFM+ member to use exercises
    To increase purchases
    You need to be a BFM+ member to use exercises
    To collect their email
    You need to be a BFM+ member to use exercises
    To reduce churn
    You need to be a BFM+ member to use exercises
    Select an answer

    You’ve finished this Cheatsheet

    +1

    Become a BFM+ member to track your progress, create a library of content and share learnings within your team.

    You’ve finished this Cheatsheet

    Other cheatsheets picked for you

    BFM+ Exclusive

    Unlock all 7 cheatsheets with BFM+

    View Plans
    Gamification

    GamificationPreview this content

    Gems, coins, XP points, milestones, badges and achievements—this is everything you need to know about gamification.

    BFM+ Exclusive

    Unlock all 7 cheatsheets with BFM+

    View Plans
    Loading & waiting

    Loading & waitingPreview this content

    Why it's often more effective to reframe the experience of waiting, rather than objectively make something faster.

    BFM+ Exclusive

    Unlock all 7 cheatsheets with BFM+

    View Plans
    Framing

    FramingPreview this content

    The way in which information is presented, is influential in how it's perceived and understood.

    All of the UX analysis on Built for Mars is original, and was researched and written by me, Peter Ramsey.