isral Duke | Designer Budget App |

App screen designs for the budget app.

Budget App Details

Budget app which helps first-time budgeters easily learn how to think in terms of a budget.

Try Budget App yourself

Project Role & Goal

During the budget starter app project I was the User Researcher and the UX Designer. It’s a mobile application to teach time first-time budgeters about creating and sticking to a budget. It is not a financial management application such as Quicken or Mint. Its scope is purposely limited in features.

Target Audience

The primary audience is young adults and young professionals. These users have never used a budget before and want to easily learn how to apply budget concepts.

Budget app personas, John and Lucy, representing two user groups.

Key Challenges

The key challenges were to limit the features to just those features which will educate first-time budgeters about budget concepts. Features were often requested which fall outside of the simple scope. Such features will be considered for later addition.

Research

I conducted remote and in-person interviews for a wide range of ages. Participants ranged from early twenties to late fifties. I asked the participants to use the think aloud method as they completed key tasks and explained what they thought to be each screen’s purpose.

Initial Design Concepts

Paper sketches were used to capture initial design ideas, using crazy 8 methodology. Some cues were taken from existing budget apps’ features, reducing complexity.

Initial design concept sketches for the budget app.

Digital Wireframes

The best ideas from initial design concepts were translated into digital wireframes.

Digital wireframes created from the best hand sketches.

Usability Testing

Usability testing data was recorded in a spreadsheet for each of the participants and in affinity diagrams. Two of the users were self-reported as dyslexic readers. The dyslexic users found the application easy to scan and read. All participants’ feedback were taken into consideration for a second round of wireframes.

Affinity diagrams distilled from usability testing insights.

Conclusion

Budget Buddy’s future depends on the signups using its service. Future feature releases will be considered from the perspective of learning about budget concepts. Features which align more closely to financial management apps will probably be ignored as that doesn’t align with Budget Buddy’s mission.

Certifications

Continuing education is an important part of being a designer. Staying on track in technology means serving the users. This also means watching the industry leaders and learning from them.

W3C Accessibility

It makes moral and business sense to ensure everyone can use your app.

Verify isral Duke’s certification for W3C Accessibility

Google UX Design

I studied Google’s own internal UX process for knowing what users need.

Verify isral Duke’s certification for Google UX Design

Interaction Design

People respond to digital products based on prior experiences in combination with our brains’ wiring.

Verify isral Duke’s certification for Interaction Design

Adobe Photoshop

Photoshop is the market leader of for image manipulation.

Verify isral Duke’s certification for Adobe Photoshop

isral Duke’s Skills

UX Skills

UX Design is discovering and knowing what to build. UX means talking to users and getting their input.

  • Accessible Content Development
  • Information Architecture
  • User Research

Design Skills

Interaction Design is creating an interface or process around the users’ problems and goals. It’s informed by the UX research phase.

  • Accessible & Inclusive Design
  • Creative Cloud
  • Figma
  • Graphic Design

Technical Skills

Technology is how users’ solutions are built. Good design takes technology into account.

  • Accessible Markup
  • Bootstrap
  • HTML, SCSS, CSS
  • GitHub