INF1601 - UX and UI Design of CIBC Mobile Banking for International Travelers

With the Non-Disclosure Agreement, I can't disclose detailed features that CIBC is developing. However, I can talk about the contents on our briefing poster and the already released features of this UX project.

Team Members

My Roles

Methods

Interview, Questionnaire, Persona, Scenario, Requirement Engineering, Use Case, Prototyping, Usability Testing, Presentation

I Learned

Kickoff

Initial Problem Statement/User Story:

As a client paying a bill in foreign currency (physical store or website) , I want to determine whether I should pay in the foreign currency or a pre-converted amount in my home currency, so that I can save money or minimize transaction costs.

Revised Problem Statement/User Story:

As a client travelling abroad, I want my bank to be my travel financial assistant so that I can make the most out of my money.

Methodology

The whole project was divided into the major stages, one is Research stage, the other is Design and usability testing stage.

In the research stage, we firstly used research methods like questionnaires, semi-structured interviews, and literature review combined with leads validation workshop led and user tests carried by the CIBC. All the data collected from the researches led to our persona and journey map. After identifying the pain points during the user journey map, we generated design themes and user cases.

With the use cases, we entered the design stage to engineer the requirements, and then prototyping with softwares. With several iterations of the prototypes, we organized six usability sessions inside CIBC. The comments and results from the usability workshop contribute to the final recommendations on the app UX design.

Research

Literature Review:

To get up to speed on Foreign Exchange landscape, latest FinTech technologies, and traveller segmentation

Survey:

To understand users and travel financial behaviours, resulted on 107 responses that provided insights on financial behaviours during travel

Interviews:

Semi-structured discussions with 8 users produced deep ethnographic insights regarding technology preferences and financial behaviours during travel

Data Analysis of Survey Results in Tableau

Interview Insights Workshop (Affinity Diagram Method)

Ideation

Personas:

Based on the research data, we generated two personas:

Vivian: Graduate Student, 24, travel for 1–2 times a year

"Would be great for an app to help organize my financials, alert me when close to my budget and help me save money"

Rajesh: Financial analyst, 32, travel for 1–3 times a year

"I'd like greater transparency around the fees I pay when traveling, at the POS and in my bill, to make smarter decisions."

Journey Map:

To identify experience pain points and opportunities for Vivian and Rajesh.

Use Cases:

Based on the pain points identified in the journey map and reconciliation with stakeholders at CIBC LIVE Labs, we decided to focus on designing for the following six use cases in the design phase (Solution Stage).

Solution

Low-fidelity Prototypes:

8 iterations

Lo-fi

Low-fidelity Prototypes Created in Balsamiq

High-fidelity Prototypes:

More than 10 iterations

High-fidelity Prototypes Created in Sketch & Linked with InVision

Usability Testing:

Summary

After going through the entire design cycle, the team confirmed that the major functions and vision of the app was found to be useful and helpful by users. The focus on user research and the Lean UX approach served to solve most of the big open questions that inevitably arose throughout the process. With that piece of the puzzle in place, and as revealed by the usability tests that were conducted, the focus going forward with future design sprints should revolve around validating the app's information architecture to ensure users can easily find what they are looking for in a very intuitive fashion.

The work files, presentations, and other materials will be made available for the client so they can proceed with implementation which, it is encouraging to hear, we understand is already in the bank's implementation roadmap. Throughout the project the team made an effort to integrate into CIBC LiveLab's workflow, for example by translating requirements into user stories, and we are confident this will in turn translate into a transition with a high degree of continuity as the team moves towards the next iterations.

Updates on the Projects

Delivered App Features this June