...
Team members: Stephanie Chang, Qian Long, Isabella Lubin
Prototype Photos
Briefing
What is MoneyManager?
Answer: MoneyManager is a mobile app that allows students to create a monthly budget and enter their expenses so they can see how well they stick to their budget.
MoneyManager also allows its users to share their budget with other users. This way, they can show their parents that they are being responsible with their money.
Scenario Tasks
Task 1:
Register and create a budget with at least 3 different categories.
...
Your brother Luke shares his budget with you. View a pie chart of his spending.
Observations
First Iteration
Task 1 (Register and create a budget)
...
Users had no trouble with this task. This was a new task added in the 2nd iteration after we removed the feature that allowed users to track their budget over multiple months and added the feature to allow users to view a pie chart of their monthly budget and spending.
Prototype Iteration
The first paper prototype we chose to create was the third design we created for our GR2 - a design that we thought was straight-forward and learnable, while still being reasonably efficient and safe. When performing user tests, however, it became apparent that our UI lacked certain key elements, and that other components were confusing for the users. Our second prototype was modified in two main ways: new elements added to make the UI more usable, and existing elements modified to make the UI more learnable. Throughout our user testing, we also experimented with different screen flows (that is, when the user pressed save on a given window, where the user was taken). It became apparent to us as we were user-testing that the flow of screens can greatly contribute or detract from the learnability of our UI, so in our second prototype we tried to ensure that our UI was less screen-flow dependent and that the location for different user tasks would be clear from anywhere in the UI.
...