Сryptopay

How we changed buttons on the account page

A small use case: how we changed the buttons on the account page and noticed a more obvious issue

🔥 The initial request

Initially, the design team received a minor request from the support department stating that the buttons "Buy", "Exchange" and "Send" on the internal account page do not fit into a single row.

Mostly, the issue was encountered on Android devices and with some languages.

The issue checking

Initially, we began by verifying the issue and confirmed that it indeed existed on some languages and on narrow screens. We tested various models of iPhones as well as different Android devices. The issue was confirmed for both crypto and fiat accounts.

Gathering information about the account screen

We began gathering information about the account screen and came across some interesting findings. It turns out that in the first quarter alone, we received 24 inquiries from users who didn't understand where they should click to receive  funds. And this number of users was constantly growing.

24 requests

"I can’t find the wallet address on the app"

Modification of account control buttons

We started considering adding the QR button to the general list of account management buttons. Because ideally, some users simply didn't notice it, while others didn't understand what it meant.

The button name for receiving

After analyzing market leaders such as Revolut, Coinbase, banking apps, we realized that users are more accustomed to seeing 'Receive' instead of 'Deposit'

Therefore, we settled on this option. In summary, we added the button to the general list and renamed it to 'Receive'

Testing on different screens

Next, we tested the new style of control buttons on various screens, including a width of 320px. We tested both crypto and fiat accounts.

Testing the new buttons on users

We prepared a clickable prototype for users to test the new buttons.

Testing task: Deposit funds into the account

Testing type: Remote moderated

Success criteria: The user finds the 'Receive' button on the account page, navigates inside, and copies the address.

The first test results

The initial test results didn't seem successful to us. From the surveys, we understood that about 20% of users didn't realize that it was the page of their crypto account and tried to exit it by pressing the back button.

This happened because the user saw the graph and assumed it was some kind of general Bitcoin screen.

Therefore, we decided to conduct the testing again, taking our mistake into account.

60%

Positive

20%

Negative

20%

With difficulties

Modifications to the 1st screen

Taking our mistake into account, we placed the modified first screen in the clickable prototype. This is the state where the user has already performed some operations, and we show them their history.

The second test results

The results of the second test seemed more successful to us.

This time, users clearly understood that they were on their Bitcoin account. Only 10% of users failed the test, but the reason was different.

90%

Positive

10%

Positive

As a result:

As a result, we corrected several issues on the page at once. There were no more cases of misunderstanding how to deposit funds. Therefore, the solution can be considered successful