SafeMinds

Overview

Increasing diversity, equity, and inclusion in mental health is not an easy task. Disparities exist regarding mental health disorders for ethnic, gender, age, and sexual minorities due to multiple reasons.

Adobe, The Trevor Project, and Loveland Foundation host a design challenge for working designers to create an inclusive third-party mobile app to help facilitate access to minority mental health care.

SafeMinds

PROJECT SUMMARY

I designed a mobile app that offers empowering resources, peer-to-peer group chats, and free mental health care services to LGBTQ+ Youth ages 13-24 years of age.

Project Details

TIMELINE
August 2021 - 3 days
MY ROLE 
1 out of 2 Product/UX Designers
Project type
Adobe Creative Jam (Mobile App)
TOOLS
Adobe XD, Zoom, Adobe Stock Images
SKILLS
Visual Design, Prototyping, Wire-framing, Research, Collaborative Problem Solving, Product Strategy
VIEW PROTOTYPE

Problem

Background

In the wake of both the pandemic and racial violence, there’s the potential for an increase in the number of people impacted by mental health conditions.

According to The Trevor Project's 2020 National Survey on LGBTQ Youth Mental Health:
  • Suicide is the 2nd leading cause of death among young people.
  • LGBTQ youth are 4x more likely to consider suicide than straight peers.
  • 46% of LGBTQ young people have reported engaging in self-harm in the past 12 months.
  • 50%+ of transgender and non-binary young people seriously considered suicide in the past 12 months.
GOAL

Design a mobile app that allows LGBTQ youth free access to mental health services during crises, peer-to-peer support, and empowering educational resources.

Adobe Creative Jam's requirements:
  • Create at least 15+ unique connected screens.
  • Use at least 3 Adobe Stock images.

Solution

Approach

1. Create an efficient and preventative onboarding process that leads people in crisis directly for help.

2. Give youth the option to select counselors based on their preferences to promote trust and comfort.

3. Provide different options to connect with others — text or calling counselors, peer-to-peer chat, or self-help resources.

Key Features

Feature #1: Crisis prevention

Direct connection to a counselor or other options when in crisis or having suicidal thoughts.

Feature #2: inclusive topics and issues

SafeMinds includes LGTBQ+ and common young adult issues to choose from to better connect youth to a suited counselor.

Feature #3: considers your preferences

Reaching out for help is difficult — having options on who you ask for help can promote feelings of trust and comfort.

Feature #4: Peer-to-peer support

Get support from other young adults to build community and feel less alone. Choose among different group chats that encompass a variety of topics.

Feature #5: educational resources

Youth who may not be ready to talk to someone may benefit from self-help guides and educational articles/resources.

Discover

researching the problem & USers

To design Safeminds well, I needed to understand the problem and my target audience's pain points. Understanding their motivations and behaviors would guide Safeminds to help them better solve their problem.

I researched possible considerations for the question, "Why might minorities struggle to access mental health care services?..."
  • A lack of availability
  • The belief that mental health treatment “doesn’t work”
  • The high level of mental health stigma in minority populations
  • A lack of adequate health insurance coverage (and even for people with insurance, high deductibles, and co-pays make it difficult to afford)
  • A mental health system weighted heavily towards non-minority values and cultural norms
  • Racism, bias, and discrimination in treatment settings
What features help educate, create awareness, encourage action, and facilitate access to minority mental health care?
  • Education - mental health is not a myth, and normalize mental health experiences of our target audience demographic.
  • Create awareness - sharing stories of mental health, struggles, triumphs, causes, and symptoms.
  • Action - volunteer, get help, educate others on what to do when in a crisis, or when someone you know is need of help.
  • Facilitate access - making hotlines readily available, multi-language options, free chat/text.

Ideation

Feature prioritization

After better understanding my target users and how we might solve their problems, I prioritized some features based on their pros and cons and researched the Trevor Project's existing services.

Some of my ideas were:
  • Free access to a trained counselor both for in crises and general issues (combats financial inaccessibility and generalization of mental health struggles)
  • Access on one's phone and caters to preference of counselor and identity (privacy and awareness of individual differences/cultures)
  • Peer to Peer groups and Stories/Resources Section (Cultivates sharing and builds community while educating and de-stigmatizing mental health issues)
Competitive Analysis

With limited time, we examined and downloaded four different apps and one website (The Trevor Project). Three were related to mental health and provided similar services like therapy. We also studied other apps for ideas of the look and feel to incorporate soothing and calming aspects into the user interface.

We also looked at LinkedIn's event and group features to see how they established this UI as an example for our peer-to-peer group feature.

Design

User flow and low fi wireframes

My teammate and I worked on the onboarding process first and created user flows/tasks that lead to building new screens. Designing the screens based on the main user tasks helped in keeping us efficient and focused. I drew out low-fi wireframes on Adobe XD.

This is the onboarding process of SafeMinds. User inputs their information and problems and is connected to a counselor. Stating that they're in crisis directly links them to a counselor.
After the user onboards, they are asked if they have preferences for who their counselor might be. If not, they skip to the list of available counselors. If yes, they are shown counselors based on their preferences.

The bottom row shows the user clicking on a counselor's profile and continuing with a call or text session.
From the home screen, users can go from counselors, peer chats, resources, and settings.
Hi-fidelity prototype

After I created the low-fi wireframes, my teammate and I started to apply our findings and ideas to a high-fidelity prototype.

I led the brainstorming and design of our brand identity or look and feel of SafeMinds.

Flow 1: Onboarding and user information.
Flow 2: Connect with a counselor by choosing your preferences. Call or text features.
Flow 3: Home screen, Chat with others on the navigation tab, and Resources.

User Testing

the challenge of time constraints

It was difficult to get user testing done with only 2-3 days to complete SafeMinds. My teammate and I were able to ask two users to try our prototype.

Some of my findings were:
  • The users found that the onboarding process was smooth.
  • One mentioned that the "I'm in Crisis" button was useful to more urgently connect with a counselor.
  • The circular buttons to choose what you were struggling with were creative and welcoming to use.
  • Users also felt that having options for their counselor helped them feel more in control and open to trusting someone they can connect with.

Reflection

Challenges

Our time constraint of 3 days was pretty stressful, but it was also fun — I felt pushed to be more efficient.

Some things I learned: 
  • To focus more on building core features and refining the user flow before designing the look and feel.
  • Validating our choices through user testing and finding participants is important but difficult with such a small amount of time.
  • Competitive analysis really helps in prioritizing which features will solve the problem.
ADOBE Creative Jam Results

After hearing back from Adobe x Trevor Project, I learned that we won honorable mention — we were among the top 15 out of 77 teams that were rated highest on, "Target Audience, Innovation, Visual Design, User Experience and Objectives."

Next steps

In the future, I'd love to do more research and competitive analysis, as well as perform more usability tests to better our design and user flow.

Final Design

The outcome

Here is our final design of SafeMinds. Feel free to try out the prototype below. You can go through the onboarding process, choose a counselor, and check out both the group chats and resources tabs.