TD MySpend Redesign

Designing an easier to use TD My Spend App, so users can spend less time analyzing data and more time into saving their money

Team

Hossein Boroji and Shaina Danzinger

Tools

Figma, Balsamiq, InVision, Pen & paper

Timeline

5 Days

Role

UX/UI Designer, UX Writer, UX Researcher

Overview

The TD MySpend App helps users keep track of their money so that they can improve their spending habits.

The Facts

Our first step in the redesign process was exploring what we do know about the current state of the app. How many users use it? What is the main demographic like? After scouring the web, we noticed some patterns.

The current rating of the TD MySpend app (iOS) lies at 2.6. Much of the feedback revolved around wanting new features or other bug-related issues.
Millennials are 3x more reliant on mobile banking technology than their Boomer parents.
More than one-third (36 per cent) of Millennials are mainly using banking apps

The takeaways: looking at these numbers, it is evident that Millennials are increasingly relying on mobile apps to do their banking. Whether it's to save, transfer money, or view their spending history, people are growing more and more trusting towards the technology. It’s important to understand that the TD MySpend app is a relevant and popular form of banking/tracking and that Millennials are more heavily inclined to use it.

Meet the User

Understanding that Millennials are more likely to be using the TD MySpend app, we created a persona. We merged our findings to represent what we felt best personified the “sticky”, or returning user. Including ‘Catherine’s’ pain points and struggles ensured that we would keep our design entirely human centred.

Task Prioritization

Because the TD MySpend app has various features, we chose to work on redesigning the features that would:

Meet customer expectations
Generate satisfaction

We mapped out the various tasks a user may journey through, and prioritized from there.

TD MySpend current Information Architecture

Journey Mapping

Creating a journey map gave us the opportunity to gain a more robust understanding of our target user. We understood pivotal moments of design intervention and used it as a groundwork for building our redesign.

Affinity Mapping

We went on to categorize our user’s challenges, motivations, and tasks - again, helping us really pick apart our target user and relate to them completely. We realized that some of the charts and graphics were doing more harm than good, because of the lack of clarity. The categories tab seemed ambiguous and messy. We wrote these down to organize and be able to refer to as we make our changes.

Task Flow

Using Balsamiq to break down the existing pages of TD My Spend App. Collaborating with Hossein and Shaina, we all came up with an easier way to use the navigational flow.

Re-Designing

Using all the groundwork we established, we began redesigning the screens. We kept in mind that our user is a busy millennial, pressed for time and perhaps not the most bank-savvy. We prioritized changing the look of the transaction history to make the cards clean and much easier to reference. Changing the donut graph to a bar graph reflected the user’s spending in a more accurate, intelligible way. We also redesigned the categories and menu to allow easier navigation for the users.

Usability Testing

After redesigning, we conducted usability tests to ensure our redesigns were intuitive, effective, and delightful.

Although we did gather insight towards some small details (hierarchy, etc), for the most part our redesign was well-received. People found it natural and easy to follow. Being that we limited our sprint to 1 week, we did not iterate on our feedback, but had we the time we would have charted our feedback and prioritized which changes to make.

Next Steps

Due to the nature of this Design Challenge, this project was completed in less than a week. As a result we were not given the chance to iterate our screens based on the feedback we received in our Usability testing. Going forward, I’d love to make the changes charted from our feedback and improve certain features of the screens.