Problem
Users of Spenny are looking for a way to see an overview of their finances across all their bank accounts. They find logging into each individual app time-consuming and confusing.
Cashback offers are difficult to find and offer small discounts, making users feel it’s not worth the effort. Users need a way to filter and search for specific offers depending on what product they want to buy.
Solution
The Spenny app allows users to see an overview of all their bank accounts. Through the app they can make payments, view transactions, download bank statements, create saving pots and more.
The user can filter and activate relevant cashback offers at independent businesses to find exactly want they are looking for. Then use the Spenny card to shop securely online and in-store.
Discover
Competitive Analysis
I researched some competitors for money managing apps that also offered cash-back. Identifying strengths, weaknesses, opportunities and threats for the Spenny app.
User Interviews
I conducted three in-person interviews to determine pain points when using online banking apps. I also wanted to discover any thoughts and reservations user had about using cashback offers.
Survey Results
I surveyed 24 participants aged between 21 and 70, asking questions about their banking habits and how likely they are to use key features of the app.
Discover
Feature Prioritisation Matrix
I took learnings and insights from the user research and organised them into a feature prioritisation matrix. This helped me to determine the features that would have the most impact on the target audience.
User Flow
The user flows were developed from desired goals and pain points and translated into step-by-step flows for 2 user personas.
Information Architecture
To determine the information architecture for this app I used card sorting techniques and asked users to blind sort each item into groups.
Prototype and Test
Key Features
Determined through user research.
Low-Fidelity Wireframes
User Testing
I developed a usability test script and tested the high fidelity wireframes on 5 participants. After finding out background information relevant to the project, I described 3 scenarios followed by tasks to carry out related to these scenarios.
Following this I categorised and quantified test results to determine the severity of the issues found.
Findings
Evidence: 50% of participants mentioned that the were unsure if the balance was for each account individually or a combination of all.
Solution: Show the individual balance of each card and a combined total balance below.
Evidence: 66% of participants first tried to drag the progress bar to set an amount for the saving goal.
Solution: Create multiple screens to provide users with steps to complete and reduce cognitive load.
Design
UI and Visual Design
With tested and iterated high-fidelity wireframes I began to develop a brand identity and style guide to ensure Spenny remained consistent across all platforms.
This included guidelines for the colour scheme, logo design, typography, iconography, development of design patterns and grids for responsive breakpoints.
Key Takeaways
This project gave me the opportunity to refine my skills writing interview and survey questions, conducting usability and preference testing, and analysing the results. It also taught me ways to make the participants feel comfortable while doing a study.
I found that collaborating with my peers gave me very valuable insight into what problems needed to be fixed.
By developing a design style in the early stages of this project, I could keep consistent throughout the wireframing and prototyping stages.
Next Steps
The next steps for the Spenny app include developing and testing more user flows in the app such as making a payment and the instant chat to answer user queries. I would like to explore AI technology to assist with chat.
I also want to further test the desktop versions to iron out any usability issues.
I want to develop my skills with animation so this will be a focus for following projects.