MAS APPLICATION

UX/UI DESIGN

Year

2022

 

Client

Mas

Role

Sr UX Designer

 

Scope

UX Design
Strategy

Mission

The most challenging part of this redesign was that it’s a white-label application that OneSpan offers to banks, so colors, graphic elements and text can be customizable.

As well as features and flows which can be enable or not.

So the experience would be different for a bank who would only offer Push notification authentication to their users, versus a bank who would have scanning QR code as an authentication method.

User Research

 

01-02 : Leading a proto-persona workshop with POs, sales people and the UX researcher. Based on this and on additional researches, the UX Researcher created user journeys and personas.

Problem Statements

 

03-06: MAS screens before the redesign

  • There is no prioritization of actions, all the actions users can perform from the main screen are at the same level which is confusing for users. On top of that, buttons to perform these tasks don’t look like buttons. We should emphasize primary action, reinforce affordance and follow standards to reduce the cognitive load​
  • Users don’t feel the app is easy to use. Also, the help/guidance is only available on the Welcome screen, so users have to go back for troobleshooting. We should adopt a more natural language, explain technical terms and guide users using contextualized help.
  • Activation and authentication processes are not intuitive and too technical “what is this code, where do I have to enter it?”​

  • Users go through too many steps during the activation process. Some of these steps are permissions for which the benefit is not explained to users. Also, the permissions are not asked at the right time during the experience​ which leads to users being less inclined to grant permissions.

Design

 

07 : User flow proposals

Mobile-Workshop-MAS-Flows-7

Prototyping for usability testing

 

08 : Figma prototypes | 09 : Extract from the Usability testing report that I used to iterate

quote
Overall setting it up was pretty easy, but understanding the main page with the authenticator was a little bit confusing.

Answered a participant after the usability testing when the UX Researcher asked if the app was easy to use.

quote-rotate

+65

SCREENS

DESIGNED

7

USER FLOWS

MAPPED

2

PROTOTYPES

TESTED