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.
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


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.

+65
SCREENS
DESIGNED
7
USER FLOWS
MAPPED
2
PROTOTYPES
TESTED

