By Peter Ramsey

31 Oct 24

Cheatsheets4 min read
Listen

Reducing Anxiety

Reducing Anxiety Featured Image

Think about the psychological difference between making a £1 and a £100,000 payment.

Only one would make you physically sweat.

Very different emotions and behaviours—yet most banks offer a single interface

Frame 846
Frame 845

Weird when you think about it, right?

Why isn't it more common to show dynamic "anti-anxiety" context to users who are making large transfers?

Even something as simple as this:

null image

I doubt many people sending £100,000 would opt for efficiency over clarity.

So why not experiment with adding even more friction when making very large payments?

For example, an optional challenge to make users more comfortable.

null image

As product builders, we need to remember that anxiety happens in the user's mind, not inside the interface.

However, that doesn't mean you can't control it. People are incredibly perceptive to subtle signs of disorder.

This is why one of these checkouts feels less comfortable to use.

Uncomfortable

Uncomfortable

Familiar

Familiar

Now take that familiar design, and consider the difference that simply misaligning the CTA label makes.

null image

"Should I trust this site? Is this a scam? Maybe something's broken".

Anxiety is hesitation to take an action. It's uncertainty.

It's mostly subconscious and automatic—but in this Cheatsheet, I'll demonstrate simple ways to give a proverbial cup of digital tea.

Anxiety in UX

The power of context

Let's get warmed up with a few simple examples of how context can help reduce anxiety.

As you'll see, the hard part is usually identifying what might make people nervous in the first place.

This is so challenging because once you know how something works, it can be hard to remember what it's like to see it for the first time.

But the fix can be a single line of context.

For example, Figma understands that updating their app may cause anxiety about losing work between versions.

The fix: 5 words.

The anxieties might be around data privacy.

ChatGPT will reassure you that the creator of a custom GPT can't view your chats.

Or perhaps it's simply to clarify the context of what you're being shown.

If you’re planning a trip to a different time zone, Citymapper will specify which time zone it’s using for the departing time.

And this contextual buffer doesn't have to be text.

When recording an audio clip on Discord, the footer will bounce around to the input volume of your voice.

What it's actually doing is reassuring you that your input method is working.

i.e., it reduces the anxiety that you'll finish recording the perfect clip, and it wasn't capturing any noise.

Making actions comfortable

In many cases, anxiety causes actions to feel uncomfortable.

Whereby have identified that when joining a video call, one source of anxiety is that people don't know if their camera is on, off, or loading.

So they use words, "join with cam off", not just an icon.

Or, think about the general anxiety you have when booking a trip.

You get to the final step and normally have two actions:

  • Complete the purchase
  • Go back

When making a reservation on Booking, the secondary CTA isn't to 'cancel', but to "Check Your Booking". 

This subtly calms hesitation, with a much lower risk next step.

It acknowledges the anxiety of that moment, and gives you a way to act upon it, without taking a step backwards.

Or think about signing up to Rise.

During sign up, users can opt in to be reminded before the trial ends—reassuring them that they won’t forget.

Similarly, after downloading Arc, you'll be asked if you want to set it as your default browser. 

But what's smart here, is that they offer a lower commitment option to try it for a week.

It reduces the anxiety that you'll hate Arc and need to go back and change your settings.

Or think about becoming an Airbnb host.

Perhaps someone will trash your house or lose your only set of keys.

To ease you into how it all works, Airbnb will let you specify that your first guest has to be experienced, with a good track record.

In that instance, a feature (or filter) is designed to get you to take an action.

Anxiety after an event

Often it's; "what just happened?", "did it happen?" or "will my boss find out?".

Let's re-look at the example of waiting to join a video call. 

You're running late, you know that people are probably talking already, so you click to join, but then.... nothing.

"Oh no, they've missed me. Nobody saw that. Maybe I should message someone on Slack".

Well, while waiting to join a Whereby call (in the lobby), you'll see when the host has acknowledged your 'knock', and they can message you in a single click.

When sending yourself a test alert (i.e., to mimic if your website has gone down) with BetterStack, you'll be reassured that your colleagues have not been messaged.

If you hide a movie on Amazon Prime, you'll see reassuring context that you can still search for this title later.

This is important because it explains the mechanism of hiding.

A successful action alone doesn't mitigate anxiety. You need the user to understand what's happened (and sometimes why).

Without BetterStack, Whereby and Amazon Prime contextualising the outcome, people might be nervous to take the action again.

Daily usage

But what about products you use every day?

Once you're familiar with something, do you still get anxious?

Yes. As an extreme example, think about what it means to see your Mac Pinwheel spinner.

null image

The state of the unknown (between two moments) can cause anxiety.

i.e., a point in time where you were expecting something, but it hasn't happened yet.

It might still happen, but the lack of feedback is worrying.

For example, imagine pasting something into Figma.

You've pressed paste, but nothing happened. Has it crashed? Will it paste? Should I try again? Will I lose my work?

They've got a clever way of subtly calming you down. If pasting takes longer than a second, you'll see this message.

Or, if you zoom out of your artboard in Framer, and your content exists (but is out of view), you'll see a reassuring prompt.

i.e., "don't worry, you haven't lost your work, it's just you're not looking at it".

Once you start to recognise this as being damaging, it's everywhere (and solvable).

For example, Google Docs will always show the first page as the cover, even if it's empty, and the content starts on Page 2.

Why not show previews from the first real page?

Current

Current

Reduced anxiety

Reduced anxiety

Let me reiterate an earlier point: anxiety happens in the user's mind, not inside the interface.

With the Google Docs example, that preview is showing exactly what it's designed to. 

This isn't a bug.

But the lack of a preview, could mean that the document is empty, or it could mean that they've lost their life's work.

The user might not know which of those it is.

UX Exercise

Question 1 of 2
BFM+

When uploading an image for ID verification on Revolut, you're see this.

What are they trying to do here?

Quiz Question Image
Increase trust in Revolut
You need to be a BFM+ member to use exercises
Collect better photos for KYC
You need to be a BFM+ member to use exercises
Reduce anxiety around data privacy
You need to be a BFM+ member to use exercises
Remove anxiety about failing KYC
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 8 cheatsheets with BFM+

View Plans
User Delight

User DelightPreview this content

It's not just confetti cannons, User Delight can improve retention, conversion rates and reduce churn—this is why (and how).

BFM+ Exclusive

Unlock all 8 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 8 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.

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