Monordus

Monordus

Organize Your Spending, Simplify Your Life.

Organize Your Spending, Simplify Your Life.

Project Overview

Duration

Duration

March 2024 – May 2024

Tools

Tools

  • Figma

  • iPad

    • Goodnotes Application

      • Procreate Application

  • Apple Pencil

  • Figma

  • iPad

    • Goodnotes Application

      • Procreate Application

  • Apple Pencil

Product

This app, Monordus (“moneta” means money; “ordo” means order), is designed to cater to users of all ages and genders, providing them with a simple yet effective tool to track their spending habits. Users can easily record each expenditure and organize these entries into specific categories, allowing for a clearer understanding of their financial patterns and better management of their budget.

Role & Responsibilities

UX/UI Design Generalist

I handled the entire design process from start to finish, which included conducting user research, designing wireframes and high-fidelity mockups, developing interactive prototypes, and carrying out usability testing. Additionally, I led the visual design initiatives, created content strategies, and independently managed the project timeline to ensure seamless and timely execution.

UX/UI Design Generalist

I handled the entire design process from start to finish, which included conducting user research, designing wireframes and high-fidelity mockups, developing interactive prototypes, and carrying out usability testing. Additionally, I led the visual design initiatives, created content strategies, and independently managed the project timeline to ensure seamless and timely execution.

Challenge

Challenge

Many budgeting and banking apps lack the feature that allows users to create custom spending categories.

Many budgeting and banking apps lack the feature that allows users to create custom spending categories.

Goal

Developing an app that enables users to organize and manage their spending by creating custom categories.

Goal

Developing an app that enables users to organize and manage their spending by creating custom categories.

Goal

Developing an app that enables users to organize and manage their spending by creating custom categories.

Research

User Research Summary

In conducting user research for my budgeting app, I initially assumed that users would prioritize simplicity and ease of use in navigating the interface, and that they would predominantly use the app to track personal expenses rather than complex financial management. I conducted interviews and surveys with a diverse group of potential users spanning different ages and genders. Through my research, I discovered that while simplicity was indeed important, users also valued customization features that allowed them to tailor spending categories to their specific needs. Additionally, I found that users desired robust reporting functionalities to gain insights into their spending habits over time. These insights prompted us to adjust our assumptions, emphasizing the need for a balance between simplicity and customization, along with the integration of comprehensive reporting tools to better meet user needs.

User Pain Points

With the current app in the market, users are unable to categorize their spending.

1

With the current app in the market, users are unable to categorize their spending.


1

Users want to track their monthly spending by category.



2

Users seek insights into their remaining budget based on their assigned categories.

3

The app in the market lacks the ability for users to edit or adjust details of their spending records.



4

Users want to track their monthly spending by category.

2

Users seek insights into their remaining budget based on their assigned categories.

3

The app in the market lacks the ability for users to edit or adjust details of their spending records.

4

Meet the Users

User Journey Map

My next step involved illustrating how my personas were currently performing their tasks.

My next step involved illustrating how my personas were currently performing their tasks.

Starting the Design

The New User Flow

Sketch Wireframes

Low-Fidelity

Usability study: Round 1

With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences. 

With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences. 

Users have a hard time adding categories.


1

The Transaction page appears too cluttered, which makes users feel overwhelmed.



2

Each category should have different color codes or icons.

3

Users have a hard time adding categories.



1

The Transaction page appears too cluttered, which makes users feel overwhelmed.

2

Each category should have different color codes or icons.


Each category should have different color codes or icons.


3

Mid-Fidelity

After completing Usability Round 1, the Mid-Fidelity prototype is refined based on initial user feedback. It represents a more polished version of the product with improved functionality, layout, and interaction design. There key features are:
• Users can easily adjust categories by clicking on the category table within the Transaction page.
• The wheel visually represents the current balance and breaks down the amounts allocated to each category.
• Categories are color-coded for quick identification.
• Users can now view different years on the History page.

Refining the Design

Usability study: Round 2

With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences. 

With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences. 

Some colors are hard to see and visually unappealing.


1

Users dislike the wheel for displaying their balance but still want a graphic representation.

2

The History page did not effectively display spending and income information.

The History page did not effectively display spending and income information.

3

Some colors are hard to see and visually unappealing.

1

Users dislike the wheel for displaying their balance but still want a graphic representation.



2

The History page did not effectively display spending and income information.

3

Final-Iteration

After completing Usability Round 2, the Mid-Fidelity prototype was refined based on initial user feedback. Colors have been adjusted to create a clearer visual hierarchy. The balance wheel and categories have been updated for improved readability. Additionally, the add items button has been integrated into the bottom navigation bar to reduce visual clutter. Users can now view detailed spending information and track their spending across weeks, months, and years.

Style Guide and Assets

Accessibility Considerations

The balance wheel and category items have been adjusted to draw users' attention, as they are key features of the app.

1

The colors have been adjusted to create better contrast, enhancing visual clarity.

2

Recent transactions have been adjusted and minimized to create more white space and reduce visual clutter for users.

Recent transactions have been adjusted and minimized to create more white space and reduce visual clutter for users.

3

The balance wheel and category items have been adjusted to draw users' attention, as they are key features of the app.

1

The colors have been adjusted to create better contrast, enhancing visual clarity.


2

Recent transactions have been adjusted and minimized to create more white space and reduce visual clutter for users.

3

Going Forward

Take away

Impact

Impact

Impact

This app can assist users in categorizing their spending, making it easier to track expenses and manage their budget more effectively each month. By organizing their finances into specific categories, users can gain better insights into their spending habits and make more informed financial decisions.

This app can assist users in categorizing their spending, making it easier to track expenses and manage their budget more effectively each month. By organizing their finances into specific categories, users can gain better insights into their spending habits and make more informed financial decisions.

This project has deepened my understanding and empathy for users' needs, which has not only improved the project but also broadened my perspective on the journey to becoming a UX designer.

What I learned

This project taught me to think more deeply about the design challenges. For example, I initially didn't consider the best approach for users to add or subtract items. However, I eventually found a simple solution by combining both functions into a single button, which is conveniently placed at the bottom-center of the page alongside the navigation bar.

This project has deepened my understanding and empathy for users' needs, which has not only improved the project but also broadened my perspective on the journey to becoming a UX designer.

Next steps

Experimenting with different color schemes to determine what works best for users.


1

Updating the navigation bar, particularly by positioning the add/minus button at the center, to enhance usability and accessibility.

2

Further study is needed to understand users' preferences and to identify how the app can be improved to better meet their needs.

Further study is needed to understand users' preferences and to identify how the app can be improved to better meet their needs.

3

Experimenting with different color schemes to determine what works best for users.



1

Updating the navigation bar, particularly by positioning the add/minus button at the center, to enhance usability and accessibility.

2

Further study is needed to understand users' preferences and to identify how the app can be improved to better meet their needs.

3

Let’s connect!

jedsada.thavornfung@gmail.com

Let’s connect!

jedsada.thavornfung@gmail.com