top of page
Marble Surface

SnapBudget

2022

Role: UX Designer

Overview:

A financial managing mobile application designed for low maintenance user experience focusing on camera features for in depth tracking.

snapbudget.gif

Research Problem Statement

The aim of this study is to comprehensively examine individuals' attitudes towards their finances and assess how these attitudes influence their budgeting behaviors

Research Objectives

1. Understand how aware an individual is of their financial spending

2. Discover how each person plans to reach their financial goals

 

Hello

Meet Alex Ro, 25

Goals & Needs

Alex needs to learn how to organize finances for short and long term savings. She's wants to feel financially secure with her retirement and real estate investments while being able to go on vacations. 

Her goal is to become more understanding of her finances by being able to review finances quarterly and yearly more time efficiently. 

 

Pain Points/ Potential Solutions

Alex is annoyed with reviewing expenses and having missing data from cash transactions. 

She struggles with determining big spending budgets for vacations.

She lacks the time with her long shifts at work to manage finances.

ProtopersonaAlex.png

Demographics & Behavior

  • ISFT-J: Mostly Introverted, hardworking and reliable. 

  • Full time nurse in ER department

  • Single

  • Likes to read nonfiction books, foodie  

  • Loves to travel, low impact sports: Yoga and Golf

  • Dislikes high impact sports: Tennis, Basketball, Soccer, etc. 

Research Questions

questions.png
Interviewees

Empathy Map

3 Interviewees

Bay Area Residents

21-26 Years Old

Says

 ”I actually are really terrible on tracking them because I just can't promise myself to do it. I would like to check every day”

“I mostly transact with credit cards.”

“I spend most of the money on my wants. I mean, I don't think about before buying anything.”

Does

General plan for Financial Goals

Reviews Finances not as often as they want

Uses Credit Cards for most transactions where they can view expenses on bank statements

Thinks

Maintaining a budget and looking at finances often is inconvenient and time costly

Feels

Wants to be able to manage their finances more often and more time efficiently

Be able to be more involved in finance and budgeting

Pain

Convenience & Time

Lack of Planning for Financial Goals


Lack of Self Awareness of Finances

Gain

Convenient & Time Efficient Finance Tool

Planning function for Finance Goals

Categorized Expenses for Organization

User Centered Problem Statement

We believe that by offering financial organizational tools specifically designed for busy working professionals, we can foster financial self-awareness and enable individuals to create well-informed budgets that effectively align with their financial goals.

Competitor Analysis

Competitor.png
Findings
  • 'Linking to multiple accounts is a common feature

  • No Features regarding linking to multiple devices and international banks 

  • Motivation/Goals for budgeting should be defined in onboarding to provide users clear usability

Feature Priority Matrix

Screenshot 2023-12-01 at 11.17.13 PM.png

User Flow Diagram

Screen Shot 2023-06-07 at 6.19.10 PM.png

Low-Fidelity

lowfi.png

Splash/Welcome Screen

Log-In Screen

Home Screen

Add Transactions Screen

Snapping Screen

Error Message Screen

Snapping Screen

Confirmation and Options Screen

Manually Entering Transaction Screen

Calendar Feature

Category Feature

Iterations
  • Added Graphs and Icons to upgrade UI
  • Added Interactions to create a clickable Prototype
midfi.png
midfi.png

Color Scheme & Testing for Accessibility

Accessibility Testing was completed against the “WCAG Compliance Information” chart to ensure colors pass conformance.

Color Scheme

color scheme.png
Frame 11.png
Test 1. Tab Bar
 
PASS
Test 2. Submit Button
Frame 10.png
FAIL
INITIAL
FINAL
snapbudget.gif
Iterations
  • Corrected typography to SF Pro for Consistency
  • Checked Accessibility of colors on site
  • Removed “time” from date and time section
  • Edited words: “Rescan” to “Missing information” message for user clarification
  • Increased “x” button for Accessibility
Frame 9.png

Next Steps

Gather Data and Insights from User Testing focused on function and interaction

Usability Testing 1
High Fidelity Wireframe and Prototype
Usability Testing 2

Based off User Testing, address possible issues and create iterations 

Gather Data and Insights from User Testing focused on website design details and UI.

bottom of page