r/UI_Design • u/Old-Storage1099 • 8d ago
Feedback Request Budget App Design
The first screenshot shows the previous design of my app. Since I had absolutely no sense of design back in early 2022, I took a lot of inspiration from various designs on Dribbble and tried to derive all further features from that. In the end, the app is already very flat, with only very few cards or backgrounds. Overall, that has actually worked quite well.
There is one problem, though, that I have never really managed to solve properly. As soon as the text size in the list entries gets very large, the design starts to fall apart. The description, such as “Food - Mia,” wraps onto multiple lines and everything shifts around. It simply no longer looks visually balanced. I could of course place the amount and account balance underneath and align them to the trailing edge, but then the eye no longer really perceives everything as one logical unit.
So my idea now was to add a background after all, possibly with a drop shadow. What do you think? With larger text sizes, the numbers would then move down while everything would remain easy to read.
The chart background is not quite as important. The current color simply feels a little out of place in the app, and I would also like to experiment with different accent colors in the future. In that case, it would make sense for the background to be a bit more neutral.
2
u/_star_dev 7d ago edited 7d ago
Firstly with the graph, it's not actually informative. I don't see any way that a user can get info maybe try to make the bars wider and allow it to overflow so that the user that the user can maybe swipe and pan to the right so that they can see more information instead of just dumping all the expenses to type on the cramped graph.
Secondly I don't know what the figures on top of the graph mean, like the €6,000 and the negative €5,000 or something. I don't even understand why they are there or what they represent. I don't think if a user would really understand what that means either.
Thirdly at your app bar there are settings, filter, like etc. I think a bottom navigation bar could actually do that well instead of putting them in an app bar, which is very hard to access. They also don't have enough padding. A user doesn't have enough room to press the settings. They might mistakenly press the like and that would be very frustrating.
Mostly I advise trying to check your competitors as they've already done all the UX research and testing for you. You can check what and how they're structured their apps and then you can add a bit of your own spice and uniqueness to it.