Native digital receipts in banking apps

Guidelines for banks to enrich their transactions with item-level data.

Background

Flux's API is used by banks to enrich their transactions with instant digital receipts, allowing bank users to see not only how much they spent where, but exactly what they bought.

Flux's first partner was Starling Bank, shortly followed by Monzo and, finally, by Barclays.

When we begun working on the project we quickly realised all the jobs receipts do, including the variety of data they were displaying in a simple plain text format. We set out not to simply add receipts to banking apps, but to do something useful for the user with the data that's been hidden in them.

Connecting the receipt data to banks allowed us to rethink, among the rest:

Responsibilities

I worked closely with banks and merchants to define the requirements for digital receipts:

Research

We looked at a lot of receipts. We looked at receipts from grocery stores — long, and messy. We looked at receipts from restaurants — with menus and sub-items. We looked at receipts from takeaways — with all their custom modifications, additions and tweaks. We studied what online stores were already doing with item-level data, and what high street retailers were missing out on.

Off this research, I worked on documenting the most common cases. Our documentation ranged from content specs for receipts, to user journeys covering the most common actions.

Receipts examples

The documentation included some low fidelity receipt mockups to show the range of data banks would have to account for:

With some of our partner banks, I was able to run joint usability sessions to validate our decisions.

Challenges

Video interview

Designs

Native banking app

In support of our bank API documentation, I designed a generic banking app covering:

Flux receipts in generic banking app

Our webview

Alongside our native bank integration I designed a web app — it afforded us a place to test experimental features with users quickly, without having to wait for banks to implement them.

Flux receipts in our web app

Partners implementation

A couple of examples of how Flux receipts ended up being implemented by our bank partners. These designs belong to their respective design teams.

Example of Flux receipts in partner banks