Prototyping Dashboard Layouts
Designing for a Mobile Banking App
The Ask
Designing Dashboard Flow for a Mobile Banking App
For this project, the idea is to create screens for a user who wishes to track and improve their budget.
Mid Fidelity Prototypes
Moving from Sketches
These dashboards were created to demonstrate how a user would check in on their weekly budget, savings, and progress over time.
The Screens
Budget Home
On this screen, the user can see their total budget as well as their savings goal.
The "See More" button takes you to the next page!
Budget Categories
Here, the user can clearly see how much money is going to each budget category. Each line is clickable and the Food Budget is demonstrated in this flow.
By clicking on the Food Line, the user will be taken to a page with all the Food Budget information.
Food Budget
​On this screen, users can see how much they have available to spend this month and a list of transactions.
Progress Page
Users can check on their saving progress and detect spending patterns.
Click here to see the user's trends in spending.
Spending Habits
Top spending categories are listed here. Users can compare this to their savings trends on the previous page.
Users are given financial resources to help them save.
Next Steps
The next stage of the project will focus on user testing to gain feedback on the usability and credibility of each screen. Then, the UI will be adjusted according to reports on layouts and functionality.