In a competitive assessment of personal finance apps, some users expressed frustration with the reliance of pie/donut charts as the only significant graphic component. One user said, “A pie chart show proportion. It doesn’t show me how much I’ve spent or how much is left”.
Problem statement: How might we visualize a user’s money in a way that helps them understand where they stand financially?
Spent Money on Home Screen?
2 of 3
I originally wanted to show spent money—depicted in gray portions of the stacks—on the Home screen. I thought it was important to show how much had been spent since payday. Turns out, users didn’t like seeing the gray portions, so I got rid of them and the Home screen was much more vibrant.
3 of 3
I wanted a crystal-clear connection between the Three Stacks on the Home Screen and the contents of each stack. The answer was to split the stack apart to show how each stack was earmarked. The animation also added a little visual delight, and users liked it.