top of page
Standard-Bank-Logo.png

Enabling people to bank  better 

Designing new help centre experience for Standard Bank's second generation mobile banking app

Location

Johannesburg, South Africa

Team

Design lead,

Creative director,

Designers (03),

Analysts (02) 

My role

Design lead

Group 9951@3x.png

HELP CENTRE 2.0

Project Type

  • Experience strategy

  • UX/UI Design

  • User testing

My responsibilities

  • Leading research and design phase

  • Identifying search & personalisation logic

  • Creating interactive wireframes to set design directions

  • Managing on-site and off-site teams

  • Co-ordinating with On-site Front-end developers for MVP UI development

Help Centre Header

01. Process and timeline

Identifying solution by exploring all possibilities

Standard Bank was receiving 1000+ customers complaints weekly for their mobile banking app. To help them figure out a solution, they asked us to identify the problem and define scope. We started off a discovery phase for identifying the experience 'vision' and an execution phase to strategise final design elaboration

Process

Research and strategy

Help has to be contextual and evident, otherwise it just doesn't help!

My thinking was to identify best ways to provide help to the users by using innovative methods and conceptualise features which play to the Bank's strength, thus maintaining a balance between user centric approach and a feasible and scalable solution.

 

We started from basic, to understand how people need help, what do they need help for and what are their expectations in the need of the urgency

01

Global Inspirations

Inspirations helped in identifying impact of global trends and successful examples on the context of help experience

Screenshot 2020-02-24 at 2.30.37 PM.png
Screenshot 2020-02-24 at 2.30.44 PM.png

02

Quantitative user analysis 

Understanding customer care data and analysing patterns, we could identify the pain points for matching expectations

Screenshot 2020-02-28 at 9.46.53 AM.png

03

Feature scoping and strategy

We also conducted stakeholder workshops to figure KPI's, Feature analysis and product development road map

Screenshot 2020-02-28 at 9.47.48 AM.png

04

Qualitative User research and data analysis

Through data we collected from our quantitative and qualitative methods, we integrated our findings into user journey maps to identify opportunities to provide a better help experience

Screenshot 2020-02-24 at 4.48.37 PM.png

05

Sprints, Synthesis and design directions

Collaborative problem solving

I designed and conducted various workshops with the teams of Standard Bank to come up with collaborative ideas and features around the identified opportunity areas

IMG_20190605_114305177.jpg
IMG_20190605_114312869.jpg
IMG_20190605_114358089.jpg
Path 5455@3x.png
Group 9951@3x.png

HELP CENTRE 2.0

Enabling users help themselves better

Component 114 – 1@3x.png
Personalised Digital assistant
Component 115 – 1@3x.png
Curated Visual Cues
Component 116 – 1@3x.png
Contextual help with long press
Component 117 – 1@3x.png
Screenshot analysis
Component 118 – 1@3x.png
Conversational help
Mask Group 173@3x.png

A digital assistant which is always there to help

We introduced the Help Centre with a friendly tone of voice and serene visual impulses. With subtle movements, the assistant gives you feedback on your actions, ensuring a presence, simplifying an intimidating task.

Smart search provides results as per user context and journey

After understanding technological feasibilities, we were able to crack the 'Search logic' for Help centre. The current mobile app did not have a specific search option and our logic and UI soon become a precedent for the search functionality for the whole application

Screenshot 2020-05-05 at 11.19.32 AM.png

Introducing 'Help cards' to experience information the way users prefer

Help cards feature became a very appreciated and loved feature by the users. It provides various ways of experiencing information and overtime understands user preferences and prioritises features through the dynamic component design

Screenshot 2020-05-07 at 11.52.22 AM.png

A design structure that learns and enables users help themselves better

Below is the main page of Help centre which illustrates the structure for experience of getting help in different ways as per the banking needs and urgency of users

Testing the validity of our design before getting into development

I created user testing KPI's and along with the team, we came up with several tasks to test. One key task we wanted to test was effectiveness of the help cards as per user profile. 

After several rounds of testing, including heat maps, touch metrics and observational studies, quite a few insights were uncovered which later were discussed with business teams and incorporated in the final production ready design.

User testing

A holistic customer journey for South Africa, also scalable to African region

I designed the customer journey map analysing the entire impact of Help centre on the mobile banking app for South Africa region and also incorporated how the experience would expand for Standard Bank's other served countries in African region

Thank you! Please get in touch for more info on Help centre

More case studies >

Component 124 – 1@3x.png
standard_bank_logo.png
Component 127 – 1@3x.png
Component 128 – 1@3x.png
Component 126 – 1@3x.png
Component 129 – 1@3x.png

...

Screenshot 2023-05-02 at 1.45.23 PM.png

Thank you! Please get in touch for more info about this project

More case studies >

Component 123 – 1@3x.png
standard_bank_logo.png
Component 127 – 1@3x.png
Component 128 – 1@3x.png
Component 126 – 1@3x.png
Component 129 – 1@3x.png

...

bottom of page