Mentatt Mobile App

Track your mental health the fun & easy way!

Role: Product designer

Project Summary

Context

Mentatt is a software startup that provides a mobile app to track early signs of declining mental health, enabling users to take preventive measures.

Role, team & timeline

Product designer
7 UX designers, hybrid
5 weeks
November-December 2023

My contributions

  • UX research planning

  • In-depth interview

  • Synthesis

  • Ideation

  • User flow construction

  • Sketching & wireframing

  • Prototyping & Testing

  • Client presentation

Design challenge

Making regular mental health tracking a common practice for students, the client’s target users.

Design challenge

Making regular mental health tracking a common practice for students, the client’s target users.

Solution

A user-friendly app prototype with 5 essential features:

  • Engaging Character

  • Interactive Survey

  • Daily Wellbeing Check-in

  • User-friendly & Positivity-driven Graphic Display

  • Holistic External Resources

Solution

A user-friendly app prototype with 5 essential features:

  • Engaging Character

  • Interactive Survey

  • Daily Wellbeing Check-in

  • User-friendly & Positivity-driven Graphic Display

  • Holistic External Resources

Impact

Our solution aims to enhance user engagement, build unique selling proposition, and sets the strategy for future product development.

Impact

Our solution aims to enhance user engagement, build unique selling proposition, and sets the strategy for future product development.

So, what’s the whole story?

Scroll down to read how Buddy, your new mental health guardian, was created.

Let’s break down the design process.

The process is divided into the 2 phases with 3 sub-stages each:

Hypotheses based on desk research

  1. People not experiencing mental disorders will not have enough incentives to use this app.

  2. There is mistrust in professional help for mental health.

  3. People might think that merely answering questions in an app will have very limited impact on their mental health.

  4. A user might need a specific scenario to trust a digital tool.

  5. People would expect to receive coaching inside the app.

However, what do the users actually think?

In-depth interviews help us find that out.

What’s the research objective?
Understand what attitudes students have towards digital mental health tools.

Key questions

In-depth interviews also led to more competitive analysis.

Findings: digital mental health products should include...

Insights & supporting quotes

Information sharing and being listened to are essential.

“The importance is just to talk, not always to receive proper replies.”

Information sharing and being listened to are essential.

“The importance is just to talk, not always to receive proper replies.”

Information sharing and being listened to are essential.

“The importance is just to talk, not always to receive proper replies.”

Information sharing and being listened to are essential.

“The importance is just to talk, not always to receive proper replies.”

Scoring is perceived as judgmental and may cause additional stress.

“Why is the score? (...) People will have mental problems when you see scores.”

Scoring is perceived as judgmental and may cause additional stress.

“Why is the score? (...) People will have mental problems when you see scores.”

Scoring is perceived as judgmental and may cause additional stress.

“Why is the score? (...) People will have mental problems when you see scores.”

Scoring is perceived as judgmental and may cause additional stress.

“Why is the score? (...) People will have mental problems when you see scores.”

The survey function is acknowledged but elicit a negative reaction from users.

“Survey makes people stressed already.”

The survey function is acknowledged but elicit a negative reaction from users.

“Survey makes people stressed already.”

The survey function is acknowledged but elicit a negative reaction from users.

“Survey makes people stressed already.”

The survey function is acknowledged but elicit a negative reaction from users.

“Survey makes people stressed already.”

Trust is crucial due to sensitive and private data. Transparency in data handling is vital.

“If you're a new company, what type of credit do you have? How can people trust you?”

Trust is crucial due to sensitive and private data. Transparency in data handling is vital.

“If you're a new company, what type of credit do you have? How can people trust you?”

Trust is crucial due to sensitive and private data. Transparency in data handling is vital.

“If you're a new company, what type of credit do you have? How can people trust you?”

Trust is crucial due to sensitive and private data. Transparency in data handling is vital.

“If you're a new company, what type of credit do you have? How can people trust you?”

Users expect an overview of mental health status, actionable choices, and behavioral patterns to foresee mental disorder.

“(I expect) A personalized plan about how to reduce my stress.”

Users expect an overview of mental health status, actionable choices, and behavioral patterns to foresee mental disorder.

“(I expect) A personalized plan about how to reduce my stress.”

Users expect an overview of mental health status, actionable choices, and behavioral patterns to foresee mental disorder.

“(I expect) A personalized plan about how to reduce my stress.”

Users expect an overview of mental health status, actionable choices, and behavioral patterns to foresee mental disorder.

“(I expect) A personalized plan about how to reduce my stress.”

Now, we’re (finally!) ready to dive into design.

The team aims to offer the users with a tool that doesn’t bring extra stress and is trustworthy.

The design challenges are broken down as below:

Brainstorming & Evaluation

Ideation Method

Ideation Method

Evaluation Method

Evaluation Method

Outcome

Outcome

What’s good about these 5 key features?

Based on the P0-P4 Framework, the features and their intended user and business values are as below:

Engaging Character

Based on user testing, a character looking friendly yet not too realistic helps gain affection.

user engagement, user attachment, customer loyalty, USP

Engaging Character

Based on user testing, a character looking friendly yet not too realistic helps gain affection.

user engagement, user attachment, customer loyalty, USP

Engaging Character

Based on user testing, a character looking friendly yet not too realistic helps gain affection.

user engagement, user attachment, customer loyalty, market differentiation

Engaging Character

Based on user testing, a character looking friendly yet not too realistic helps gain affection.

user engagement, user attachment, customer loyalty, USP

Daily Wellbeing Check-in

A few quick swipes make it fun and lower the threshold to start daily usage.

user engagement, user attachment

Daily Wellbeing Check-in

A few quick swipes make it fun and lower the threshold to start daily usage.

user engagement, user attachment

Daily Wellbeing Check-in

A few quick swipes make it fun and lower the threshold to start daily usage.

user engagement, user attachment

Daily Wellbeing Check-in

A few quick swipes make it fun and lower the threshold to start daily usage.

user engagement, user attachment

Interactive Survey

Sliding movement, progress tracking, and Buddy’s companion make the survey easy to complete.

user endurance, user retention

Interactive Survey

Sliding movement, progress tracking, and Buddy’s companion make the survey easy to complete.

user endurance, user retention

Interactive Survey

Sliding movement, progress tracking, and Buddy’s companion make the survey easy to complete.

user endurance, user retention

Interactive Survey

Sliding movement, progress tracking, and Buddy’s companion make the survey easy to complete.

user endurance, user retention

User-friendly & Positivity-driven Graphic Display

Instead of scoring, survey results are displayed with key trends and patterns.

user endurance, user satisfaction

User-friendly & Positivity-driven Graphic Display

Instead of scoring, survey results are displayed with key trends and patterns.

user endurance, user satisfaction

User-friendly & Positivity-driven Graphic Display

Instead of scoring, survey results are displayed with key trends and patterns.

user endurance, user satisfaction

User-friendly & Positivity-driven Graphic Display

Instead of scoring, survey results are displayed with key trends and patterns.

user endurance, user satisfaction

Holistic External Resources

It meets user needs for help and communities, and client's requirement to spread related knowledge.

user empowerment, community building, customer loyalty

Holistic External Resources

It meets user needs for help and communities, and client's requirement to spread related knowledge.

user empowerment, community building, customer loyalty

Holistic External Resources

It meets user needs for help and communities, and client's requirement to spread related knowledge.

user empowerment, community building, customer loyalty

Holistic External Resources

It meets user needs for help and communities, and client's requirement to spread related knowledge.

user empowerment, community building, customer loyalty

Based on these features,
Buddy was born.

“I love it so much! Please put it everywhere!” - test participant #5

Let’s incorporate Buddy into sketches & lo-fi screens!

We ensure the app's navigability through:

  • A simplistic layout to minimize cognitive load during navigation.

  • Clear CTA buttons on every screen.

Core user flows

Before hi-fi, design system first.

Color

Primary - warmth, joy, and positivity
Accent - harmony, growth, and health
Neutral

Typography

Nunito's rounded corners complement the softness of other app elements, while Montserrat is selected for improved readability.

Nunito

for Headings

Montserrat

for Body, Buttons & Labels

Voilà!

Prototype

What’s next? Future product development recommendations:

  • Conduct usability tests for a longer period on a wide range of users to gather user retention data, and iterate accordingly.

  • Consider communication and system setup focusing on transparency of data handling to help users gain trust in this product.

  • Develop more customizable settings, such as coaching services, to add even more value for users.

  • Integrate AI feature with Buddy to increase interactivity.

What did I learn?

  • Design process is neither linear nor binary.
    As designers, we need to adapt and adjust anytime needed to bring out the best outcome.

  • Adequately-structured research plan leads to rewarding interview outcome.
    Clear research questions help the interview flow naturally and enables interviewees to open up, leading to fruitful findings.

  • Rapid prototyping and frequent testing generate quick and helpful feedback.

What can be improved?

  • User stories are lacking in this project.
    I missed to draw out clear user stories to gain a more holistic view on how this product will be incorporated in users’ daily lives.

  • Quantitative research methods should be incorporated.
    Quantitative data, such as user session length, click-through rate, and task completion rate, should be collected.

Client feedback

The client was happy with the outcome, acknowledging our achievement of understanding the users and “thinking outside the box” to provide a prototype as the foundation of their debut product.

“I highly recommend Wu-Chiao for her exceptional work on our recent UX project for Mentatt. Her keen eye for design, user empathy, and relentless pursuit of excellence significantly elevated the overall user experience. Collaborating with Wu-Chiao was a pleasure, and her expertise played a pivotal role in the project's outcome.”

“I highly recommend Wu-Chiao for her exceptional work on our recent UX project for Mentatt. Her keen eye for design, user empathy, and relentless pursuit of excellence significantly elevated the overall user experience. Collaborating with Wu-Chiao was a pleasure, and her expertise played a pivotal role in the project's outcome.”

- Vipijan Visuvalingam | former client | co-founder | mentatt

Read other cases