Christian Tiet

Home

Designs

HOBBIES

About

Contact

Christian Tiet

Christian Tiet


Developing a Mental Health App to aid users on a daily basis

"Holistic Care"


Try Mobile Prototype!



Developing a Mental Health App to aid users on a daily basis

"Holistic Care"

Try Mobile Prototype!



Developing a Mental Health App to aid users on a daily basis

"Holistic Care"

Try Mobile Prototype!


Team:

  • 1 UX/UI Designer

Timeline:

  • 4 Weeks

Tools:

  • Miro

  • Figma

Roles:

  • User Experience
    Researcher

  • UX/UI Designer

  • Wireframing Specialist ​

  • Prototyper

  • Usability Tester

Main Objective:

Our Holistic Mental Health Care App empowers users with personalized tools, guidance, and community support for emotional resilience and balanced mental well-being


Goals:
Our goal is to personalize your experience, offering tailored recommendations and resources to guide you through mindfulness exercises and provide journal prompts. We aim to help you track your emotions for increased self-awareness while striving to foster a supportive user community.


Solutions:

We use data to provide customized mindfulness and self-care recommendations, offering a library of audiovisual relaxation content. We also incorporate emotion tracking to gain valuable insights and create a virtual space for discussions and mutual support.

Team:

  • 3 UX/UI Designers


Timeline:

  • 3 Months


Tools:

  • Figma


Roles:

  • User Experience Research

  • UX/UI Design

  • Wireframing​

  • Prototyping

  • Usability Tester


————— DISCOVERY & RESEARCH —————

DISCOVERY & RESEARCH


Overview: Inspired by healthcare providers' dedication during the Covid-19 Pandemic, we created an app to offer access to mental health support and resources, enhancing well-being in daily life.

User Surveys

Targeting healthcare professionals, we surveyed and interviewed them to identify challenges, coping strategies, and mental health concerns. This guided our app's design, providing valuable, ongoing support within their busy schedules.


User Interviews


User Participant #1

"I find myself sacrificing sleep and often skipping meals, with fluctuating eating and sleeping cycles becoming the norm…"


User Participant #2

"… The fear of societal judgment and the stigma around seeking therapy further compound this challenge. They've [my family] become my safe haven, understanding my struggles…"


User Participant #3

"…my role demands a constant facade of calm and 'perfection. My job revolves around extending boundless empathy to my patients, yet the irony lies in the fact that empathy rarely circles back…"


User Participant #3

"…my role demands a constant facade of calm and 'perfection. My job revolves around extending boundless empathy to my patients, yet the irony lies in the fact that empathy rarely circles back…"


User Participant #3

"…my role demands a constant facade of calm and 'perfection. My job revolves around extending boundless empathy to my patients, yet the irony lies in the fact that empathy rarely circles back…"


Synthesize Findings

  • 87.5% believe mental health is overlooked.

  • 44.4% say mental health concerns have the highest emotional impact.

  • 38.5% resist seeking help due to self-coping, stigma, or affordability.

  • 66.7% prioritize easy access, human interaction, and 24/7 availability in mental health support.

  • 87.5% believe mental health is overlooked.

  • 44.4% say mental health concerns have the highest emotional impact.

  • 38.5% resist seeking help due to self-coping, stigma, or affordability.

  • 66.7% prioritize easy access, human interaction, and 24/7 availability in mental health support.

  • 87.5% believe mental health is overlooked.

  • 44.4% say mental health concerns have the highest emotional impact.

  • 38.5% resist seeking help due to self-coping, stigma, or affordability.

  • 66.7% prioritize easy access, human interaction, and 24/7 availability in mental health support.

—————— IDEATION —————

IDEATION


The insights gained from these interviews and surveys played a crucial role in shaping my design process. They provided essential guidance for key decisions and directed the evolution of the comprehensive mental health care app.

User Journey

We carefully mapped out the user journey for someone seeking mental health support, guiding our user-centric design to ensure a seamless experience.

  • Competitive Analysis

    I've studied Better Help, Talk Space, Ginger by Kaiser Permanente, and Medical Health Center by Hoag to inform our approach for developing the social studies resource.

  • Affinity Diagraming

    Individually, we focused on themes and collectively streamlined our app's primary focus using dot voting.

  • Mind Map Concepts

    In the mind map, I've organized features for each app service, creating a comprehensive list of functionalities and attributes.

  • Creative Matrix

    In the creative matrix, we balanced daily and urgent usage scenarios, tailoring the app to diverse user needs.

  • Competitive Analysis

    I've studied Better Help, Talk Space, Ginger by Kaiser Permanente, and Medical Health Center by Hoag to inform our approach for developing the social studies resource.

  • Affinity Diagraming

    Individually, we focused on themes and collectively streamlined our app's primary focus using dot voting.

  • Mind Map Concepts

    In the mind map, I've organized features for each app service, creating a comprehensive list of functionalities and attributes.

  • Creative Matrix

    In the creative matrix, we balanced daily and urgent usage scenarios, tailoring the app to diverse user needs.

  • Competitive Analysis

    I've studied Better Help, Talk Space, Ginger by Kaiser Permanente, and Medical Health Center by Hoag to inform our approach for developing the social studies resource.

  • Affinity Diagraming

    Individually, we focused on themes and collectively streamlined our app's primary focus using dot voting.

  • Mind Map Concepts

    In the mind map, I've organized features for each app service, creating a comprehensive list of functionalities and attributes.

  • Creative Matrix

    In the creative matrix, we balanced daily and urgent usage scenarios, tailoring the app to diverse user needs.

————— DESIGN & PROTOTYPE —————

DESIGN & PROTOTYPE


Crafting the mental health app was an empathy-driven journey. We used user insights to create a transformative platform that supports well-being through personalized features and a strong community.

Wireframes

Through thorough research and user insights, our wireframes offer seamless, curiosity-driven interactions. With optimized usability and unique branding, they embody our educational vision, inspiring students to explore diverse histories and cultures.


Through thorough research and user insights, our wireframes offer seamless, curiosity-driven interactions. With optimized usability and unique branding, they embody our educational vision, inspiring students to explore diverse histories and cultures.



  • Low-Fidelity

    Using insights from surveys, interviews, and ideation, I crafted a low-fidelity wireframe for our mental health app. By incorporating feedback and innovative ideas, I designed an initial interface, refining concepts to align with user needs and aspirations.



  • Mid-Fidelity

    I improved the visual aspect of my wireframes with grey tones and placeholder text, mimicking future images and titles. This enhanced layout understanding and early user experience, conveying aesthetics and content placement for a more cohesive interface representation.


  • High-Fidelity

    From low-fidelity wireframes, I advanced to high-fidelity versions, integrating images, refined colors, and text. This step brought the app's design to life, offering an authentic representation of its final look and user experience. This transition marked a significant stride in realizing our envisioned mental health care app.


  • Low-Fidelity

    Using surveys, interviews, and brainstorming, I developed a low-fidelity wireframe for our mental health app. I then refined it into an interface that aligns with user needs and aspirations.



  • Mid-Fidelity

    I improved wireframes with grey tones and placeholder text, simulating future content. This enhances layout understanding and early user experience, ensuring cohesive design and content placement.


  • High-Fidelity

    I refined the design, added visuals, improved color schemes, and typography. This transformation elevated the app's aesthetics, reflecting its final appearance and user interaction, a significant step toward realizing our mental health care app concept.


  • Low-Fidelity

    Using surveys, interviews, and brainstorming, I developed a low-fidelity wireframe for our mental health app. I then refined it into an interface that aligns with user needs and aspirations.



  • Mid-Fidelity

    I improved wireframes with grey tones and placeholder text, simulating future content. This enhances layout understanding and early user experience, ensuring cohesive design and content placement.


  • High-Fidelity

    I refined the design, added visuals, improved color schemes, and typography. This transformation elevated the app's aesthetics, reflecting its final appearance and user interaction, a significant step toward realizing our mental health care app concept.

————— TESTING —————

TESTING


Gathering user feedback for the mental health app was crucial, helping refine features and services for a user-centered and impactful experience.

Usability Testing

Usability Testing

Usability testing for a mental health app is distinct, emphasizing user emotions, well-being, and sensitivity. Unlike conventional products, it gauges emotional engagement and the app's efficacy in addressing mental health needs, emphasizing safety and empathy.

User Participant #1

"…. It's a comprehensive tool that acknowledges the interconnectedness of physical health, nutrition, and mental well-being."

User Participant #2

"… I recognize the importance of clarifying how overall health significantly influences mental well-being too."

User Participant #3

"I feel the app leans more towards general health rather than mental health…. encapsulates my overall well-being, transcending a mere therapy session."

————— outcomes —————

outcomes

————— outcomes —————


As I reflect on my journey of researching, designing, and testing the mental health app, I've grown in my understanding of user needs, UI/UX dynamics, and the potential to make a meaningful impact on mental well-being.

Potential Next Steps

  • Enrich content with diverse mental health resources covering stress management, mindfulness, and coping strategies.
  • Implement AI algorithms for personalized experiences, recommend resources, and tools.
  • Introduce community features for interaction and support.
  • Utilize analytics to refine functionality and user experience based on engagement data.

Potential Metrics

Key metrics for the mental health app encompass engagement, support effectiveness, satisfaction, and growth. These gauge the app's ability to engage users, provide valuable mental health resources, ensure positive experiences, and boost well-being. Success is evident through user testimonials, loyalty, and improved mental health outcomes.




User Engagement:

  • Number of daily active users: 5,000

  • Average session duration: 20 minutes

User Satisfaction:

  • Average user satisfaction score in post-interaction surveys: 4.7/5

  • Percentage of users recommending the app to others: 92%

Seamless User
Experience:

  • Average app loading time: 2 seconds

  • Percentage reduction in app-related issues reported by users: 15%

Mental Health
Support:

  • Percentage increase in users reporting improved mental well-being after 1 month: 25%

  • Number of users regularly accessing coping mechanisms: 3,500

Resource Utilization:

  • Number of users accessing self-help resources per week: 8,000

  • Percentage increase in users seeking professional support after engaging with the app: 20%

Sustainable
Growth:

  • Month-over-month growth rate in app downloads: 12%

  • Percentage increase in user retention rate over the past quarter: 18%



Reflection

Reflection

My journey creating this app taught me the power of empathy and user feedback. Insights from surveys and interviews formed the foundation for addressing genuine mental health needs. Guided by their stories, I learned that impact comes from understanding. This experience highlights the importance of active listening, infusing user experiences, and continual refinement based on feedback. Empathy became the driving force behind a mental health app poised to make a positive difference.

Featured Work

These projects highlight my commitment to crafting designs that prioritize both user-centric experiences and the achievement of meaningful goals.

View all