CIBC - Design Sprint

Research/Storyboarding/ Prototyping/Usability Testing
‍Please note that this project was purely for academic purposes.

My role: Researching trends, prototyping savings goal pages, and conducting 4 usability tests
Team: Gabrielle Craievich, Matteo Distefano, Hanan Khalif, Nader Meleika, Sarah Reniers
Date: April 2024

Overview: During a 2-week design sprint with the University of Waterloo, led by CIBC, our team tackled the challenge of enhancing user retention in the CIBC banking app. Users of the app weren’t fully utilizing it's features, so to address this, we embraced gamification—a proven strategy with success in other domains.

How Might We design a gamified experience to encourage clients to explore new features and products while boosting user retention?

Sneak peak

Our Solution

1. Visualized Savings Goals

Savings goals that are built overtime as users progress towards their savings targets.

2. Badge Challenges

Challenges that incentive users to engage with the app in exchange for badges and points.

3. Reward System

Rewards that can be redeemed through points accumulated from completing challenges.

The screens above represent the final versions of these features, but it took a few steps to reach this point. Let's s have a look at where the design process started.

Starting with Research

Gamification Insights

To kick things off I took part in a research session spanning existing best practices in gamification as well as notable uses of gamification among competitors. The purpose of this process was to understand how gamification could be incorporated meaningfully and effectively within CIBC’s app to enhance its features rather than becoming an unneeded distraction. We found several key findings that informed the rest of our design process:

1. Make points matter

A clear virtual economy is important for users to understand the value of in game currency.

2. Introduce rewards early

Introducing rewards early in an experience can increase user engagement.

3. Help users achieve goals

Gamification should help users achieve goals that are important to them.

4. Personalize the experience

The experience should react and evolve according to the user's unique choices.

Introducing the user

Storyboarding

We created storyboards to visualize how our solution could address the needs of our persona, Sam. These storyboards helped us envision how Sam might interact with the app, including discovering new features like visualized savings and the gamified reward system. From these scenarios, we designed the core screens and user flows for our prototype. See below some examples, but note that it has been shortened to be more concise.

These images were created with the assistance of AI

Building the first iteration

Mid-fi Prototyping

I designed screens for a savings goal page where Sam could track progress toward a new car. The page included a visual representation of the car, a progress bar, and a date picker to view prior goal status. Initial prototyping was completed swiftly in one day before testing on the next.

Challenging our assumptions

Testing & Feedback

Our testing process involved both moderated and unmoderated, with a total of 14 participants. I personally conducted 4 remote tests over video calls. Our questions combined qualitative experiential inquiries with quantitative scales to gather data. We conducted two rounds of testing, refining our iterations in-between based on feedback. Between rounds we also conducted a midway sprint review with our CIBC stakeholders.

Live user-test footage with early prototypes

Round 1 testing results

Lack of clarity of some written content
The placement of the button to adjust savings goals and add funds was unintuitive.

9.2/10

avg. ease-of-use score

4.3/5

avg. motivation score

Stakeholder Feedback

Our stakeholders provided these key recommendations:

Ensure that rewards and points are consistently integrated.
Clarify how visualized goals differ from current functions
Don't be afraid to make things fun and playful.

Round 2 testing results

Lack of clarity on value of points towards user experience
Changing the position of the savings goal button made it more clear following iteration from round 1 feedback
The date picker required trial and error from users to grasp.

8/10

avg. ease-of-use score

4.5/5

avg. motivation score

Note: Decrease in score likely due to an outlier in responses.

Iterate, iterate, iterate

Post Testing Changes

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

1. Badge Redesign

In line with stakeholder feedback, I redesigned our badges to adopt a fun and playful style that would express the new gamified feel of the app.

2. Tutorial Carousel

To enhance user understanding of the app’s new virtual economy I designed a tutorial carousel to demonstrates the value of earning points and how they can be redeemed for tangible rewards.

3. Savings Goals Page

This page was simplified by removing the date picker, and relocating the adjust goal button. Otherwise badges were incorporated to increase engagement for this function.

Now let's see it in action

Final Walkthrough

Finally, here is a narrated walkthrough envisioning how Sam may interact with our gamified version of theCIBC banking app. In line with our goals derived from our research and testing results, the walkthrough illustrates how the application is effective at introducing new features to Sam while communicating the value of receiving points early on in the process. Furthermore, it shows how the redesigned app could integrate gamification in a meaningful way that promotes positive financial behaviour and incentivize sexploring features of the product.