colorblind.cc — Alfabank

Alfabank

Design of the new Benefits

section for the mobile app

and internet bank

Design of the new Benefits section for the mobile app and internet bank

task

The section is designed to show the client how much money they receive from the bank and to provide unobtrusive advice on how to increase their benefits

process

Before showing the mockups, I thought you might

be interested in reading about how the process was organized

Before showing the mockups, I thought you might be interested in reading about how the process was organized

We are compiling a list of hypothese

Information about the benefits received from the bank will help reduce the outflow of funds from accounts

Information about the benefits received from the bank will help reduce
the outflow of funds from accounts

Information about the benefits received from the bank will help reduce the outflow of funds from accounts

Increase the amount in current, savings accounts and deposits

Boost POS transaction volumes at partner locations

We put together a draft prototype for hallway testing, refine the result,
and hand it over to the UX researcher for testing

We put together a draft prototype for hallway testing, refine the result,
and hand it over to the UX researcher

for testing

The UX researcher conducts prototype testing with respondents

My role was to be present, stay silent, and analyze. The results of the testing helped us understand the next steps, and the prototype testing process was repeated multiple times.

After each significant iteration, we ran a quick hallway test. If we realized we needed respondent-based testing, we turned again to the UX researchers. This cycle could repeat for quite a while — honestly, I lost count of how many times we tested micro-scenarios.

Skipping the most internal details, the results were then handed over
to development and rolled out to N percent of the bank’s employees

My role was to be present, stay silent, and analyze. The results of the testing helped us understand the next steps, and the prototype testing process was repeated multiple times.

Skipping the most internal details, the results were then handed over to development and rolled out to N percent of the bank’s employees

Example of a UX Research Study

Preparing mockups for developer handoff

Structuring by user flows, reviewing components, ensuring cross-platform support, dark theme, states, etc

ios

android

desktop and mobile web

flows & mockups

User entry points and navigation to the main section

There are two main entry points — on the home screen and in the profile.
The main 'Benefits' section functions as a dashboard where users can see how much they have earned with the bank overall, view a forecast of accruals for the current month, and check statistics for previous months