Project information
Year
2024
Industry
Mental health
Things I Do
UI KIT
UX Research
UI & Visual Design
Case Study Article
Documentation
visit
Know better yourself
Use of mood tracking & self-reflection features in mental health app design
In today’s fast-paced world, maintaining emotional well-being is crucial for overall health and happiness. The mood we have will have an impact on the other activities we will do. We are often so focused on what we want to achieve or do, that we forget about our mental health.
Mental health issues have become increasingly prevalent, yet accessing timely and effective support can be challenging. Traditional mental health services may not adequately address the unique needs and preferences of individual users, leading to suboptimal outcomes.
Many people face barriers in accessing mental health support due to factors such as cost, stigma, and limited availability of resources.
People need listeners who can advise them on how they are feeling.
Many people also need attention to be able to give them reminders to get to know themselves better.
They need a comfortable place where they can share their feelings.
design
Objectives
"
The objective was to create a user-friendly mental health app that aims to break down barriers to mental health support and incorporate features such as mood tracking and self-reflection to help individuals gain insight into their emotions, identify patterns in their behavior, and develop strategies to improve their mental health.
"
Research
The discover and define phases aim to find the problem to be solved, so that there is a clear target. After knowing the problem to be solved, I made sure to find a solution in the right way in the development and finalize phases.
I also conducted an in-depth interview with a student regarding mental health issues. I then started to gather insights about the problem and identified it as the initial foundation.
Next, I defined the target audience using the insights I gained earlier and proceeded to create user personas and user story maps.
Design method
Research
Challenges & Solutions
"
After gathering insights and knowing the target users. I did some mapping related to this to find out the challenges in designing the application so that I could find suitable solutions to the challenges that had been identified.
"
Challenges & solutions
Ideate & Design
At this ideation stage, I brainstormed to find solutions that I could come up with to design the overall design and its components.
After finding a design solution, the initial design began by organizing the layout of the components and arranging the features in the app.
I wanted to make functionality and aesthetics work well together, to guide users through a personalized journey of self-discovery and emotional management.
Font
I used Lora as the heading text to enhance the aesthetics of the design and Inter font as the body text to provide clear readability.
Colors
The color palette I used aims to represent moments of tranquility, balance, and growth, making it ideal for delivering peaceful and positive emotions.
design
Testing
Quantitative usability testing was conducted against the design prototype and then refined through an iterative process, to ensure its readiness for evaluation and obtain end-user feedback on the application's features and interface.
It aimed to assess the mood tracker, self-reflection, and insights features of the Moodyan app.
Testing was conducted on a maze platform using unmoderated and remote usability testing, involving 20 participants. The overall score obtained from the test was 81.
testing
Conclusion
In this case study, I designed an application concept related to mental health. With the research conducted and the work done in stages, it can provide solutions and ideas for making application designs.
In the design, I used the Double Diamond method. The discover and define stages aim to find clear problems and targets. The development and finalize phases are useful for finding solutions and testing to find out the assessment of potential users.
More work
