Connecting the dots: how UX optimisations are driving success rates

14 min read|Published September 18, 2024
This image depicts a person's hand holding a phone which displays a confirmation screen saying 'Payment successful'.

In today’s instantaneous, digital landscape, customer experiences can shift based on what may seem like minor tweaks. Understand how to make small yet impactful changes with Tink’s recent UX updates, designed with success rate optimisation in mind.

Table of contents
Table of contents

Open banking flows – what are they?

Before we dive into the weeds, it’s important to have an understanding of what a typical open banking flow looks like. Skip to the next section if you’re already familiar with this. 

This visual depicts several consecutive mobile phone screens that demonstrate an example user payment flow.

An example payment user flow

Here is a journey where a user takes a series of steps to complete an action, such as making a payment in this example, or proving account ownership. It can broadly be broken down into the following steps: 

  • Checkout: the user selects Pay by Bank at checkout or chooses to prove account ownership through open banking

  • Consent: user permission is requested to initiate the process

  • Bank selection: the user is prompted to pick their bank from a list

  • Authentication: depending on the bank, market or other conditions, the user is taken to the appropriate authentication method

  • Success: the definition of success differs depending on the product and use case. For PIS (payment initiation services), it’s usually a payment confirmation screen, while for AIS (account information service) products, it’s usually to confirm that the data has been aggregated successfully.

If a user successfully makes their way through each stage of the flow, this contributes towards what we call the ‘end-to-end success rate’. If a user drops out or fails to complete the flow, this is where a better optimised user experience (UX) comes into play. 

The big impact of small changes 

Now we know what a typical open banking user journey looks like, let’s take a look at how our teams have been hyper-focused on tweaking our UX to make these journeys slicker than ever. Below we’ll highlight some of the more notable changes where our customers saw the biggest impact on end-to-end success rates from a whole host of tests our teams recently ran. 

Paying multiple invoices in one easy flow

Traditionally, online invoice payments are one-to-one (i.e. you pay your rent bill separately to your internet bill). This means that for each individual invoice, customers need to repeat the entire payment process. Across the EU, customers pay multiple invoices on a monthly basis, which can result in an unnecessarily repetitive and tiresome process. If we take Sweden as an example, invoices are the second most common way of paying online – and are used by over 50% of the population, according to the Central Bank of Sweden*. You can imagine the amount of time spent by the population just on paying invoices alone. 

This image depicts a mobile phone screen that visualises a mobile payment experience for paying an invoice with Tink.

Users can pay multiple invoices simultaneously with bulk payments

To combat this issue we introduced a new feature to help simplify the invoice payment process: bulk payments. This enables end users to pay all of their invoices in one go, providing a number of benefits for Tink customers: 

  1. Shorter payment journeys: allowing users to sign multiple payments in a single authentication flow, significantly reducing the time it takes to pay them all individually

  2. Contributing to greater user satisfaction: for invoice-heavy markets, having to pay invoices separately is a key point of friction for users 

  3. Potential increase in payments volume: enabling users to easily pay multiple invoices within the same interface is likely to keep them coming back. 

Initially in Sweden, we have seen an average of three invoice payments per transaction, taking just 37 seconds to complete. Previously, it would have taken around two minutes to pay all three invoices. And now it doesn’t matter if the user is paying three invoices or ten – the time difference to complete the payments is minimal.

You can learn how to bundle up to 100 invoices into one payment request here.

Preventing mistakenly cancelled flows with just one screen

User cancellations are a burden to success rates. It's inevitable that a small percentage of users will cancel the flow for one reason or another. However, it's the unintentional cancellations that truly hinder market-leading success rates. More often than we’d like to think, user flows are cancelled due to inadvertent errors rather than a deliberate desire to exit the flow.  

This image depicts a mobile phone screen visualising how a single screen can look with Tink's user experience.

The new exit screen prevents users from accidentally dropping off

This is why we introduced a new exit screen to Tink products, which prevents users from accidentally dropping off – while providing the opportunity to acquire direct feedback from users who actively intend to cancel.  

Users are asked to submit a reason for cancellation, with the option of providing qualitative feedback for additional context. The initial impact to end-to-end success rates has been nothing short of remarkable.  

 At the time of writing, in nearly 1 million sessions where the new exit screen was shown, approximately 150,000 users returned back to the flow to complete it. That’s a recovery rate of 15% of users who were ready to cancel. 

Streamlining returning users’ experiences

For frequent buyers, having to repeat the entire payment process can become a monotonous experience. To make returning users’ lives easier, the new ‘remember my bank’ toggle allows users to explicitly opt in to remembering their bank, which places it at the very top of the bank selection screen the next time they return.

So far, our metrics show that 85% of returning users who are shown their previously connected bank will select the same bank again. The time it takes for a user to select their bank has dropped dramatically, from an average of 5.5 seconds to 2.3 seconds.

This feature alone has contributed towards a rise in end-to-end success rates of 8% for users who opted in, compared to users who do not have their bank pre-selected.

This image visualises how an easy-to-use payment flow could look where users can toggle on a ‘remember my bank’ option, allowing them to explicitly opt in to remember their bank.

The 'remember my bank' toggle enables bank preselection for returning users

Tink’s bank selection screen allows users to find their bank using the search box, or by scrolling through an alphabetically sorted list. Either way, there is a small group of banks that the majority of people typically use.

By grouping the most common banks together at the top of the screen, tailored to the country in which the user resides, this eliminates the need to spend time scrolling or searching.

The likelihood of a user’s bank being shown in the ‘most common’ list is pretty high – in mature markets such as Sweden and the UK, over 90% of users connect with banks from this group.

This image visualises Tink’s bank selection screen, which allows users to find their bank using the search box, or by scrolling through an alphabetically sorted list.

An example of common UK bank grouping

Assisting users along the way

Occasionally, users need a guiding hand to explain how or why they're required to complete certain steps. This is especially true when they need to prove account ownership prior to making a payment. Clickable callouts have been added to the authentication process, tailored to the method of authentication available, to explain why the user must authenticate twice.

In Germany for example, those who use a card reader will be provided with an explanation of how to obtain and submit the relevant TAN code. In Sweden, the user will be prepared to authenticate twice using their mobile BankID app.

Reassuring users as to how and why they need to authenticate builds confidence and reduces the number of unnecessary drop offs.

This image visualises how clickable callouts might look in Tink's user experience environment to help users along their journey.

Clickable callouts explain why users may need to authenticate twice

Reflecting the look and feel of merchant brands

Tink Link has long been customisable, allowing you to adapt the appearance to match that of your company brand. Through the Tink Console, you can upload a logo, adjust colours, fonts, alter buttons and more, in one simple editor.

For payment service providers (PSPs), we’ve introduced the option to customise each merchant individually. This feature is now available for merchants who utilise Pay by Bank and results in a seamless transition between the merchant and Tink flows, ensuring users feel safe and secure in using the service. 

This image depicts how payment service providers (PSPs) who use Tink can customise each merchant individually with Tink's Pay by Bank technology, for a seamless transition between the merchant and Tink's flows.

PSPs can now customise individual merchant flows through the Tink Console

Enabling hybrid experiences in payment journeys

For context, there are two methods of integrating Tink products with your services: 

  1. Redirect integration – where Tink runs in the full browser window 

  2. Iframe integration – where Tink is embedded inside part of a web page or app 

Redirect integration

Typically, we recommend the redirect integration method as this is most suitable across platforms and devices. The user journey follows a linear path where users move from step to step, from the point of initiation through to the confirmation message. The following simplified user flow depicts this linear path:

iframe integration

The iframe integration offers a non-linear experience, where instead of the user progressing screen-to-screen, a popup opens in a new window or mobile browser tab for authentication purposes before returning the user to the flow. 

This GIF image depicts Tink's iframe integration.

This can work well for desktop experiences. However on mobile devices, this integration type has historically been avoided. On mobile, a new browser tab is opened for the user to authenticate which, once completed, may leave the user outside of the original user flow with no obvious way to return back – other than having to close the tab and manually find the original tab.

Further reasons as to why we’ve advised against this integration method is that popups can be blocked from opening on desktop, there may be sizing and layout issues on mobile and scrolling can be challenging when the iframe is nested within a larger page – all resulting in sub-par user experiences.

Hybrid integration

To resolve these issues, we've recently tested a new hybrid integration with a pilot customer that combines the best of both redirect and iframe integrations. The first part of the journey is experienced in an iframe, then instead of a popup opening at the authentication stage, the entire web page is navigated away, which removes the issues associated with popups on mobile devices. Any subsequent steps occur in a full-screen experience, just like how an ordinary redirect integration works, prior to automatically returning the user back to your service upon completion.

This GIF image depicts Tink's hybrid integration.

The benefit of this approach is that for specific use cases, the user journey starts on your website, allowing you to add your own content around the iframe if required. Common issues such as blocked popups or users ending up outside of the flow are eliminated due to the redirect journey initiating at the authentication step. Do keep in mind that it's still important to take into consideration how the initial iframe is placed within the website to avoid spacing or nested scrolling issues.

The work doesn’t stop here

Iterating and testing with user experiences is a continual investment – one which pays off with market-leading success rates. The journey doesn’t end here, as our teams continue to work hard to improve user experiences. We’ll continue to share our progress throughout the year, with actionable insights that you can implement in your own Tink integrations.

Want to dive deeper into the world of UX optimisation – in particular for account-to-account payments? You’ll find the below reads interesting:  

With this guide, we reveal how you can build and optimise your Pay by Bank flows to ensure the highest possible conversion rates. 

In this webinar, our team discusses how account-to-account payments can vastly improve your user journey – and demo how it works. 

We go deep on open banking conversion rates – and show how today’s benchmarks are already higher than you might think. 

Ready to future proof your UX with our payment services and data enrichment platform? Get in touch with our team today.

About the research

All performance statistics references above are based on Tink data collected between Jan–Jun 2024.

Case studies, statistics, research and recommendations are provided “AS IS” and intended for informational purposes only and should not be relied upon for operational, marketing, legal, technical, tax, financial or other advice. Tink does not make any warranty or representation as to the completeness or accuracy of the Information within this document, nor assume any liability or responsibility that may result from reliance on such Information. The Information contained herein is not intended as legal advice, and readers are encouraged to seek the advice of a competent legal professional where such advice is required.

More in Product

INT_Blog revamped savings Blog cover

2024-08-05

5 min read

Feature update: Savings Goals elevates your money management experience

Reaching financial goals can be daunting – so we’ve updated Savings Goals, a feature of Tink Money Manager designed to help banks empower customers to proactively save and achieve financial wellness.

Read more

Tink white paper, Banking on engagement

2024-07-17

2 min read

Banking on engagement

This Tink white paper introduces new consumer and retail banking executive research from key European markets, setting the scene for banks to take the next step with Personal Finance Management (PFM).

Read more

This image depicts a tablescape from above with a slice of cake, fork, drinking glass and mobile phone, with the phone screen displaying Tink's Variable Spend feature in action.

2024-05-30

5 min read

Meet Variable Spend: our latest feature for intelligent expense tracking

Expense tracking can be detailed as well as intuitive – say hello to Variable Spend, a new feature of Tink Data Enrichment designed to help banks offer their customers more insight.

Read more

Get started with Tink

Contact our team to learn more about what we can help you build – or create an account to get started right away.

Rocket