Issue (1)
- Problem: users have to scroll down and click each expand button to access the full data
- Heuristic: visibility of system status
- Description: If the user wants to access the details of any added expense or the full expense data list,
he/she must click through the expand buttons. This causes problems with the visibility of the system status
because the user cannot distinctly detect what has happened after he/she saves the expense (especially since
the inputted data disappears under the New Expense section).
- Severity: major
- Recommendation: display data in one chart instead of creating multiple mini versions
- Screenshot:
Issue (2)
- Problem: the colors corresponding to certain buttons are not the typical colors used to indicate such
actions
- Heuristic: match the real world
- Description: The cancel and clear expense button are red and gray respectively. Usually, I am used to seeing
red for cancel and clear item as gray instead, so it took me a moment to reorient which button did what
action.
- Severity: minor
- Recommendation: switch the colors (cancel to be gray and clear to be red) OR remove one of the buttons
because both conduct similar actions (not adding an expense)
- Screenshot:
Positive Contribution (3)
- Contribution/Description: The overall design of the app is minimal and aesthetic. Nothing feels cluttered or
old fashioned at first glance. Everything is succinct such as the new expense section (nothing is
overcomplicated when inputting data). Although there was an issue regarding the visibility of the full
expense data list, the past expenses section by itself (without any clicks on the expand buttons) looks very
simple for data visualization, so users are not overwhelemd when first accessing the app. Additionally, the
app had a consistent color scheme (dark blue and gray), font family, and spacing to make it more appealing
and aesthetic.
- Heuristic: aesthetic & minimalist design
- Screenshot:
Issue (4)
- Problem: when users click the delete icon (trash can), they cannot access that data back if the delete
action was accidental
- Heuristic: error prevention
- Description: While editing multiple expenses to add to the datalist, users might accidentally end up
deleting an expense that they wanted to keep. Although the delete icon is highly accessible, there is no
efficient way to add the deleted data back. Instead, users have to manually input all the data again to add
it back to the list. There is a lack of error prevention in this case, and such an issue may potentially
cause harmful effects for the couple’s finances in the future (especially if they forget to add the deleted
data back in).
- Severity: major
- Recommendation: add a back button next to the delete icon in order to add the removed data back in
- Screenshot:
