Background
With the long term goal of providing the end user with an overall control of her economy, the first step was to create an easy way of getting a quick overview of all monthly expenses. This would also include the ability to categorise and re-categorise expenses.
Wireframes
The PFM uses a three level hierarchy where each level present a more detailed view of the users expenses. The first view (category view) display a sum of the users total expenses as well as graph illustrating how these expenses are distributed over the main categories. Below the graph is a chronological list of the transactions for the current month. The second view (sub-category view) is displayed when the user click a category bar from the graph in the category view. Like the Category view the Sub-category view display a sum of the users total expenses but only for the particular main category. The view also contain a graph but uses a horisontal bars the vertical bars used in the Category view. A subset of the transactions are displayed in a list below the graph. 
Clicking one of the bars in the Sub-category graph takes the user to the Sub-category detail view. This view display a sum for the sub category as well as the subset of transactions categorised with that sub-category.
Clicking a transaction in either of the views will open the transaction detail view. In this view the user can see details for a specific transaction as well as change the category. The user then have the option to change only the specific transaction or include similar transactions, both past and future.
Prototype

You may also like

Back to Top