By Peter Ramsey

28 May 20

Making my first payment Company Logo
UX of Banking
14 min read
Listen

Making my first payment

Making my first payment Featured Image

The days of paying friends and family with cash are behind us. Why? Well, because paying people online is so delightfully easy.

Tap, tap, tap… okay I’ve sent you £30.

Sending money online—probably through a mobile app—is quickly becoming the norm.

But are the banks ready for this new world? How well will the traditional banks evolve given that they’re now competing with mobile-only companies?

Summary: With a few exceptions, there wasn’t a huge variance in the amount of effort, or time taken to send a payment from any of the banks.

What they do differently

  • ⚡️

    Faster notifications.

  • 👆

    Pre-selecting your only account.

  • 😅

    Reduced the user’s anxiety when making a payment.

  • 💪

    Utilising the power of defaults.

  • 👨‍🏫

    Unlocking extra value through external functionality.

  • ⛔️

    Handling errors well.

Case studies

Number of clicks to make a payment

Firstly, I wanted to compare how many clicks it took to send money to a new payee. Ultimately this would reflect the amount of effort required.

Number of clicks to make my first payment

BarChart_barChartItemValue__G1rUu
11
BarChart_barChartItemValue__G1rUu
11
BarChart_barChartItemValue__G1rUu
11
BarChart_barChartItemValue__G1rUu
13
BarChart_barChartItemValue__G1rUu
13
BarChart_barChartItemValue__G1rUu
13
BarChart_barChartItemValue__G1rUu
14
BarChart_barChartItemValue__G1rUu
14
BarChart_barChartItemValue__G1rUu
14
BarChart_barChartItemValue__G1rUu
16
BarChart_barChartItemValue__G1rUu
18
BarChart_barChartItemValue__G1rUu
20

Number of clicks

Clearly, reducing the number of clicks in this domain is hard—it’s a process with thin margins. Perhaps Starling could shave off another click, but would it make their experience any nicer? Possibly not.

Perhaps a better metric would be how quickly you can actually go through the process of creating a new payee, and then sending them money. So I timed myself.

How many seconds it took me to make a payment

BarChart_barChartItemValue__G1rUu
24
BarChart_barChartItemValue__G1rUu
27
BarChart_barChartItemValue__G1rUu
31
BarChart_barChartItemValue__G1rUu
32
BarChart_barChartItemValue__G1rUu
33
BarChart_barChartItemValue__G1rUu
36
BarChart_barChartItemValue__G1rUu
38
BarChart_barChartItemValue__G1rUu
39
BarChart_barChartItemValue__G1rUu
45
BarChart_barChartItemValue__G1rUu
46
BarChart_barChartItemValue__G1rUu
56
BarChart_barChartItemValue__G1rUu
81

Seconds

This demonstrates that the number of clicks does not always translate into a faster experience. Certainly not a better experience. For example, I was 39% faster on Monzo than I was on Lloyds, despite Lloyds requiring fewer clicks.

Does it matter that it took me 1 second longer to send a payment with HSBC than with Revolut? No. But you would notice when the process was twice as fast.

It was more than 3x faster for me to send a payment with Monzo than it was with Nationwide.

What are the differences?

So what exactly do these banks do to make this process faster? And ultimately, is speed even a good way to measure the experience? The rest of this chapter explores that question.

1. Faster notifications

One of the first things people notice when using one of the challenger banks is how fast the payment notifications are.

But are they actually any faster than the traditional banks? To test this I made a series of identical payments for £1 with the same online merchant. I timed how long it took for that payment to appear in my app, and did this 3 times for each bank—averaging the results.

These were online transactions, and I started the timer from when I clicked to make the purchase. So these times will be considerably slower than making a contactless payment in-person.

The challenger banks

The traditional banks

⚡️ Avg. (mean) time to show payment was between 11-12 seconds.

⚡️ Avg. (mean) time to show payment was at least 25 seconds. Often a lot more.

🏖 App updated in realtime, without any refresh needed.

🤳In most instances app required a hard refresh to show pending payments. Exceptions: Metro, Santander & Nationwide.

📊 Very consistent.

📈 Very inconsistent. Some banks weren’t showing a payment even after an hour.

Frustratingly, most of the time the results were inconsistent, and without doing hundreds of payments I’d be unable to accurately compare each bank fairly. But, after completing 3 payments for each bank it was obvious that the challenger banks have done something to speed the process up.

The challenger banks were at least 2x faster at displaying the payment in the app. In some instances they were 100x faster.

Whilst this difference may seem fairly small, its effect is far more significant. Monzo, Revolut and Starling feel instant.

Say it took an extra second for the light to come on when you flip a light switch, you wouldn’t consider the light to be nearly instant. It’d feel slow.

In comparison that’s how the traditional banks feel. Consumers are now aware that it’s possible to get a notification immediately, so anything less than instant—be it 30 seconds or 30 minutes—feels like a step backwards.

2. Pre-selecting my only account

I only have one account open with each bank, so being asked to ‘select which account I want to make a payment from‘ is a waste of time—and an annoyance.

Instead, it should just default to my only account, but they don’t all do that.

Pre-selected my only account:

Forced me to select my account:

Co-op

Barclays

HSBC

First Direct

Lloyds

Santander

Metro

Monzo

Natwest

Nationwide

Revolut

Starling

This simple default option would make the process require less input, and therefore be completed faster. Perhaps only by a few clicks, but over the course of a year, or a decade, that’ll add up a significant amount of wasted energy.

But more importantly, users have an awareness that it’s a waste of time as they’re doing it. Unlike having an additional few clicks in the menus, one can easily categorise this as a useless activity.

And in life, doing something that you suspect is useless will feel like a lot more effort than doing something you believe is necessary.

3. Anti-error UX

How many times do you check that you’ve typed the account details correctly when paying someone new? You’re not alone—we all do it and it’s a rational time to worry.

From a user experience point of view, it’s a moment of heightened panic, which makes it a great opportunity to implement minor UX changes that could have a meaningful impact on the user’s overall experience.

Some of the banks display to the user which bank you’re about to send money to.

Showed which bank the money was going to:

Did not show that:

Lloyds

Barclays

Metro

Co-op

Monzo

HSBC

Natwest

First Direct

Santander

Nationwide

Revolut

Starling

Now, does this really stop people sending money to the wrong account? Possibly not. But that doesn’t actually matter.

What’s important to understand here is that the metric you use to measure the success of this feature, will determine if you think it’s worthwhile.

The relatively small act of saying “you’re about to send money to an HSBC account” might not actually reduce the number of incorrect payments made. So if your sole objective is to reduce this number, you’d have a reasonable argument to not bother building this feature.

But instead, if you measure success in terms of the experience, then it’s totally conceivable that the user knowing their money is going to the right bank dramatically reduces their stress.

The value of this feature isn’t in reducing payment errors—which are rare events—but reducing anxiety when sending money—which many people feel.

It’s worth noting that many banks are doubling-down on this feature now with something called ‘confirmation of payee’, which also verifies their name. There’s more detail on this topic in the footnotes, and a link to a funny baby.

4. Pre-populating the reference field

Typically there are two approaches that the banks have taken in regards to the payment reference:

1. Force the user to type something.

2. The field is optional.

This is absolutely thinking inside the box. It’s either off or on.

But there were two exceptions: Monzo and Starling.

Monzo pre-populates the reference field with ‘Sent from Monzo‘. You can change it if you like, but it sets that as the default.

null image

Starling takes a different approach and doesn’t pre-populate the reference field, but provides sensible ‘one-tap’ suggestions.

null image

This may seem insignificant, but it’s brilliant user experience. Subsconciously, people generally aren’t happy just typing “aaa” into the payment reference field—they’ll want to put something somewhat useful in there instead.

In effect, this means you have to stop and think of a suitable payment reference for every transaction. For some payments this would be easy, but for many you’d struggle to think of anything meaningful.

The reason why this is so delightful is that it’s slightly better than nothing, but considerably better than being forced to always type something. It’s better than both the ‘inside-the-box’ options.

5. Adding Apple pay from within the app

You can add almost any card to your Apple Wallet through the Wallet app itself. But to do that you need to go into your iPhone settings and know what you’re looking for.

But what about people who either don’t know how to do that, or don’t know enough about Apple Pay to even know that you can do that?

The better option is to provide a link inside the banking app. It’s in context and discoverable.

First Direct

First Direct

HSBC

HSBC

Natwest

Natwest

It’s really simple: it quite literally just loads up the iPhone Wallet app. So which of the banks have bothered to add this?

Can add Apple pay from the app:

Have to add Apple Pay via the wallet:

Barclays

Co-op

First Direct

Metro

HSBC

Nationwide

Lloyds

Santander

Monzo

Natwest

Revolut

Starling

The subtle reason why this is so important is not that it saves clicks, but rather that it allows more people to discover Apple Pay—and therefore get more value out of their bank account.

A study from 2019 showed that 48% of all iPhone owners have used Apple Pay. Of the remaining 52%, there will be a cohort of people who would like to use Apple Pay, but either don’t know enough about it or never bothered setting it up.

But by making it slightly easier for them, and promoting it in the right context, these banks are unlocking additional external value for their users.

This is a benefit that costs almost nothing to implement, but will unlock additional value for a very specific cohort of users.

6. Handling incorrect account details

Errors are unavoidable, but companies can control what is shown to the user when they do happen. Remember; an error doesn’t always have to be a technical bug—it could be due to the user entering an unexpected input.

To test this, I tried to make a payment to an invalid account (101010, 10101010).

The correct way to handle this would be to notify the user that the account details are incorrect. The user may have got the sort code wrong by a single digit, and not noticed.

Notifies you that the details are incorrect:

Shows a generic error:

Barclays

Monzo

Co-op

Nationwide

First Direct

HSBC

Lloyds

Metro

Natwest

Revolut

Santander

Starling

Yeah, I was surprised too. So what did Monzo and Nationwide actually show?

Monzo

Monzo

Nationwide

Nationwide

Generic error messages like these imply that it may work if you just try it again. Say you were attempting to pay your window cleaner, but they sent you invalid account details. How many times would you try before you went back to that person to double check the details were correct?

Conclusion

I think there’s significant room for improvement for all the banks here: they’re all falling short in at least one category. This is more evident in the case studies, where I show just how confusing each flow can be.

If you take Nationwide as an example—who underperformed on nearly every test—there’s the realistic possibility that if they improved in these areas they’d make their experience many multiples better.

And that should be the takeaway here: nobody has finished optimising the experience. The gains will not be made in reducing the number of clicks, but improving the context and ancillary features around them.

A better experience might even have more clicks.

Footnotes

Show +
Study Complete

That was an easy way to consume 50 hours of UX research, right?

What will you dive into next?

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

Never miss the free UX analysis

Free case studies, the moment they’re released, plus a digest of the best UX Bites every few weeks.