Table of Contents
HeaderThe Header has three main links—Past Activity, Dashboard, Future Planner, and Account Settings and Help. The labels used in the Header are short and precise and use title-style capitalization (the first letter of each word is capitalized), making them easier to read. However, the only indicator of a currently selected tab is a thin blue line as a highlight which is not a very strong visual cue for the user. There is also no visible connection between a selected tab and its respective content area.
Left ColumnThe left column remains constant across the app’s various pages and gives a quick snapshot of your linked accounts. Each section has a help icon, clicking on which an information box opens which shares some simple tips with the user. This feature is an excellent way to educate new users about the app’s functionalities. Clicking on Manage Accounts takes you to a new page where you can change the color used to represent that account, change login details of accounts, add new accounts and delete existing ones. This page also gives you information about when your account details were last updated. However, they should consider making ‘2 HOURS’ as ‘2 HOURS AGO’ across the app. Sometimes, making things fool-proof helps!
Your Spending SectionThe doughnut chart provides an overview of your spending across categories in the last 30 days. This data contains both the amount and a percentage of total spending (in the tooltip). You can drill down into details of your spending in each category. Let’s say we click on Household. The first-level drill down shows you another doughnut chart with more information about your household spending. You can drill down into this doughnut chart further. Let’s say we click on Supermarket: We get a popup showing the specific details of our Supermarket visits (date, name of superstore, amount spent, etc.). I like the detail they have gone into in this section. Also, to make users aware of a drill-down feature available for these charts, they have indicated it (Click on a section to drill down) in all the charts. (Related read: How to create an intuitive drill-down interface?) However, the data labels of the doughnut chart make them look slightly cluttered. By avoiding overlapping of data labels and by connecting each data label to its respective wedge, they could make the doughnut chart look cleaner and less cluttered. (Here’s how we do it!)
The Payday and Credit Card SpendingThe big, bold numbers in this section draw your attention—the number of days to your payday and your credit card spending for the month. Both are crucial figures, but they generate opposite emotions in you. This feature is displayed in the choice of colors and the icons used in their representation.
Current Account Balance Trends SectionThis section compares the current account balances for each day of the ongoing calendar month to the previous month with line charts. It helps you to understand the trend of your account balance. The details for each date can be seen in the tooltips. However, in the caption, the chart should mention the comparison to the previous month (e.g., the current account balance trends compared to the last month). This will set the context for the users even before they go into the particulars of the chart. (Related read: 5 tips for writing great chart captions) Clicking on this chart takes you to the Past Activity > Balance History page. This chart helps in spotting trends in your balance history over a longer period of time. The checkboxes in the My Accounts section (left column) help you to select the accounts you want to analyze. At the bottom is a scrollable “mini-graph.” Using its sidebars and the bottom scrollbars, you can select the start date and length of the period of your analysis.
Clear CashThe Clear Cash section shows the amount of cash available in your Current Account(s) before payday, considering your budgeted outgoings and incomings. Simply put, it gives you an idea of the money available at your disposal and helps you to know if you can still afford that exotic beach vacation with your spouse. The Adjust button takes you to the Future Planner > Budget Tracker section. A process of gradual reveal follows on this page. At first, you get to see only broad figures of Money In and Money Out. As you click on the arrows, you see more data. This reveal reduces the cognitive load on the user. More data is revealed only when the user shows interest (through a click).
Money In/OutThis section shows the actual and predicted income and expenses of the month. The big, bold numbers and the upward and downward moving graph icons indicate what each value represents. The predicted values are shown in black using a smaller font size. Proper prioritization of data is crucial in dashboard design, and here it is achieved quite well.
My GoalsThis section allows you to set goals and uses a progress bar to indicate where you stand in terms of buying that SUV.
Alerts and TipsThough Alerts occupy an essential position in most personal finance dashboard layouts (e.g., Mint, where it comes at the top), in Money Dashboard, it occupies the position of least importance (bottom right). Due to its position and background color (grey), it somehow gets lost in the whole scheme. Help tips are there throughout the app and are very useful for new users getting used to the app and old users trying to explore some new features.
Final ThoughtsOverall, the Money Dashboard does an excellent job in helping users manage their personal finance by giving them a quick snapshot view of their income, expense, budget, etc., and providing them a platform for further analysis. The use of interactive charts makes the app furthermore engaging. However, they do need to improve on certain fronts. Their export feature is limited and currently allows the export of transaction details only. Their recently introduced weekly Financial Summary Email, which provides users with a snapshot of their finances over the previous seven days, somehow tries to make up for it. They need to make their design more responsive for their on-the-move users (It seems they are already working on it.) We recommend:
- Some minor design changes in the Header (like a more robust visual cue for a selected tab and linking it to its respective content area)
- Also, adjustments to the overall information flow (like Alerts, should be placed at a more critical position) are needed. You can easily count this app amongst the best money management apps.