Pix and TED transfer unification

Project type

Financial App​

Platforms

iOS and Android

Year

2021

About PagBank app

PagBank is a Brazilian digital bank that offers a complete portfolio of financial services such as Pix transfers, QR code payments, bill payments, mobile top-ups, investments, credit and debit cards, and many other services.

With more than 21 million active users, PagBank is in several states of the country, making it one of the largest digital banks in Brazil.

Introduction

The project came from the need to make the existing contact list feature available in TED transfer to Pix transfer.

After working together with the engineering and business team, we saw that there was an opportunity for improvement for the experience and for the company with the unification of flows (Pix and TED Transfer).

The proposal is for the user to have the same experience, accessing it from the Transfer menu or Pix > Transfer menu.

Main tasks 📝

Main goals 🎯

We defined some of the main goals we had as experience and business improvements.

The challenge 🧗‍♂️

Problem discovery

From discussions and concept analysis, we were committed to challenging our most basic assumptions about how people understand and use bank transfer services. So, the first step of the design process involved benchmarking the main banking institutions and internal research to understand how competitors and users behave. I think it’s important to get this information early in the process, before having an idea or prototyping.

Benchmarks

It was important to understand how the big banks were making the flow of user experiences, but also to know where the opportunities for improvement were. So the benchmarks went two ways:

  • Banking institutions that had a list of contacts for transfer.
  • Banking institutions that allow TED and Pix transfers from the same menu.

Overview – Transfer with Pix Key

Note: BT = Traditional Bank | BD = Digital Bank

Overview – List of contacts on transfer

Note: BT = Traditional Bank | BD = Digital Bank

Quantitative research

For quantitative research, we created an online survey to filter the audience for qualitative research and capture early insights. This survey was sent to our customer base to make things faster and cheaper.

Other research

Looking at internal data, we found some insights from specific user samples using TED transfer. But for the project it was also important to understand the habits and main difficulties of the user in relation to Pix, as it was a new product.

The focus of the research was to seek reports of bank transfers from Brazil. Some of the research findings were:

  • Pix, a little over 4 months old, represented 22.8% of accesses on the PagBank App, the second most accessed feature was common bank transfer (TED), with 30.2%.
  • Pix key transfers accounted for around 88.4% of total Pix transfers compared to bank account transfers.
  • 77.6% of Brazilians have already used the Pix transfer service.
  • Pix with just over 4 months was leading the ranking of transactions. (286 million operations were carried out via Pix. TEDs represented 53.2 million transfers in the same period, that is, only 18.5% of the total Pix.)
  • According to our customer base, 4 out of 5 did not know that it was possible to carry out a Pix transfer with their account details.
  • According to our customer base, 3 out of 5 thought they needed to register a key to receive by Pix.

 

*Some information has been purposely omitted or altered due to its confidentiality.

Flow mapping

Now, with the online survey responses, benchmarking analyses, and survey data, we were able to reach some conclusions to create the initial userflow proposal.

Userflow

After building the user flow, we did two ideation sessions with the engineering and business team, it was an essential step to align and discuss some points:

  1. Present and remember what the TED and Pix transfer flow was like individually, and what we could reuse from each one.
  2. Entender os problemas e limitações que tínhamos da parte de engenharia, pois naquele momento a arquitetura dos dois fluxos eram diferentes.
  3. Understand the problems and limitations we had on the engineering side, because at that time the architecture of the two flows were different.
  4. Align and set expectations.

Prototypes

Only after extensive discussion and brainstorming did we feel ready to start developing the wireframes and prototypes. In this step, we were able to take advantage of some screens of the current TED and Pix transfer flows.

We created all the screens of all the foreseen scenarios, transfer by Pix key, transfer by agency and account for institution that accepts TED and Pix, for institution that only accepts Pix, for institution that only accepts TED, between PagBank accounts, scheduled transfer, exception scenarios, empty states, communication ruler, and many others (there were so many scenarios 😦).

We allowed ourselves to go crazy in the beginning, to build and predict as many scenarios as possible, both the ones that were found by the engineering team in the ideation and the ones we hadn’t foreseen yet.

After mapping all the scenarios, I went into refinement mode, creating more fidelity prototypes, considering design principles such as contrast, hierarchy, brand attributes, and following the design system recommendations. The prototypes were created for both iOS and Android devices.

After finishing building the high-fidelity prototypes, I did a Design Crit with the designers of the digital account to get some feedback and identify if there were any experience gaps. Validation, while part of my usual design process, Design Crit is a post-conceptualization and interface step, and is not discussed in depth in this case.

Usability testing

User usability testing is a central method of user experience. That’s why we chose to approach 7 people, considering the recommendation of Donald Norman’s article, “Why you only need to test with 5 users”, noting that it is possible to learn about 80% of the errors, problems and behavior of the first 5 users .

As we are in a typical pandemic moment, the tests were carried out remotely with Lookback and Google Meet, with navigable prototypes for users to perform 5 tasks in order to collect feedback and validate hypotheses.

Audience interviewed

The interview sample considered men and women aged 21 to 60 years, from 5 Brazilian states, and with different habits.

Usability testing lasted about 40 minutes and included topics to get to the point of what users are trying to do and what their issues are. So the goals were:

  • Investigate the user’s relationship with transfer types, how he understands each one and how he chooses to use one type or another;
  • Understand if Pix has changed how the user transfers and if so, how it has changed;
  • Observe the user’s understanding of the different transfer scenarios;
  • Analyze the usability of navigation flows and components used.

After analyzing the usability tests, we were able to validate our hypotheses and reach satisfactory results.

But we believe that this delivery didn’t end here, analysis of metrics such as transfer usage by TED or Pix, usage of the contact list, comparison of transfers performed by agency and account in relation to Pix keys, and other metrics to be analyzed when the product is available to all users of the PagBank app.

Delivery

Home screens and Pix key transfer

Pix/TED transfer by branch and account

Transfer by agency and account (Institution doesn't accept Pix)

Transfer by branch and account (TED outside the operating)

Transfer by branch and account (Scheduling)

Bottom sheet variations with registered accounts

Results 🏆

Because it is a large delivery, we made the decision together with the engineering team to carry out deliveries in stages. In the first two months after the partial implementation, we were able to get a lot of good results that we had as goals.