top of page
heroImage-min.jpg

MindKit

Designed for local communities.
The Problem

NYC citizens are not familiar with where and how they can find available mental health services with affordable costs and are not connected to the right care when they need it.

The Solution

Role

UX Researcher, UX Designer

Scope

UX Design
UX Research
Mobile Design
Information architecture
Design for social good

Time

01/2023, 12-week duration

Created a mobile app for community members to easily find, evaluate, and access mental health services that match their specific needs.

Outcomes
  • The Net Promoter Score (NPS) for MindKit stands at 50, as reported by potential users who participated in our survey.

  • The feedback received from potential users overwhelmingly reflects a strong positive sentiment towards MindKit.

CONTEXT.

Data for the problem.png

RESEARCH - USERS.

Lack of knowledge about available mental health services may be a key factor.

5 Interviews
+

Offline survey with 16 responses

While potential users may vary in their awareness of their mental health needs, they all share a common lack of information about available support.
User Quadrant.png

What are their specific needs?

I was able to synthesize the findings with empathy map and then create 3 personas. I chose to focus on Lily's case to further develop the project, as Lily's case represents the typical needs of users seeking mental health support online, making her an ideal candidate for designing the core support.
FinalDesign

Opportunity

"How might we design a solution to help local citizens effectively find, evaluate, and access mental health resources?" 

SOLUTION - FIND.

Find with keywords.
  • If users already got something in mind, they can go directly to the search bar and type in any keywords they are looking for.
  • Users are able to find the guided search under "Help".
01
SearchwithKeywords.png
02
Find through a 4-step Guide.
  • If users are not sure about what kinds of services are there and what they need, they can follow the guided search.
  • After going through the 4 steps, service types, problems, location, and visit time have been set automatically.
GuidedSearch_4Steps.png
Find by checking categories.

  • Browsing available resources by categories allows users to explore more options.
03
SearchbyCategories.png
Find the best matches with filters.
  • Users are able to adjust all filters on the results page,
  • Showing the number of selected filters provides users with enhanced control over their search.
04

SOLUTION - EVALUATE.

Evaluate services with all the info you need to know.

  • Service cards on the results page enable users to swiftly access an overview of each service.
  • Clicking on a service card directs users to more details about the service.
Service details.png
05

SOLUTION - ACCESS.

Access with confidence  through reminder feature and appointment overview downloads.

  • Users will be notified on their visit day.
  • Users can download their visit details as an image, eliminating the need to access the details online.
06
VisitsToday.png

SOLUTION - WHAT'S MORE?

  • Landing
  • Sign up and Log in
  • Onboarding process
Landing and Onboarding.png

SOLUTION - COLORS & FONTS.

Ensure WCAG 2.0 AA Standard accessibility.
I use the dark blue and bright orange as the secondary and accent colors for Mindkit, providing both a cozy and professional vibe. The design of all cards and buttons were checked to meet WCAG 2.0 Level AA conformance.
Color Palette.png
Type System.png

Process

IDEATE - DESIGN - TEST - ITERATE

IDEATE - FEATURES.

What features could help users find, evaluate, and access?
By conducting an affinity mapping exercise to brainstorm and categorize features that could assist users in discovering, assessing, and obtaining potential mental health services, I prioritized features that could greatly impact users' experiences.
AffinityMapping_How to find, evaluate, and access.jpg
AffinityMapping_account, accessibility, and others.jpg
User flow - search

DESIGN - INFORMATION ARCHITECTURE

How should the features be structured to function effectively?
I began by organizing information and integrating features into the app through the sitemap, followed by developing the user flow for the search process.
SiteMap.png

DESIGN - WIREFRAMES.

2 Iterations of wireframes.
What have been changed?
After testing the version 1 prototype with 5 potential users in one-on-one interviews, I revised the wireframes to make the flow more natural and easy to use.
 
Changes_landing page
Changes_Home
Changes_sequential search
Changes_service overview

Verification

How do users think about it?

TEST.

All participants were able to complete assigned tasks with little friction!
The prototypes were tested with the 3 potential users who have participated in testing before. Tasks were assigned to them and I collected their behaviors, questions, and interactions during the testing.
"It's pretty straight forward."
They found the interfaces easy to use.

SUCCESS METRICS.


50 NPS Score,  with 7/12 Promoters who are willing to recommend!

After the changes were made, I posted the link to the finalized prototypes on Reddit in online communities to collect feedback. Out of the 12 participants, 11 were interested in the proposal, and 7 of them indicated that they would recommend the product if it were to be released.
资源 1_3x-8.png

LOOKING FORWARD

1. More User Testing

As the user group is very diverse, more user testing needs to be done to make sure MindKit does satisfy users' needs and help them achieve their goals with ease.

2. Accessibility options

For accessibility considerations, this project should explore on dark mode and responsive website design for users who do not have access to mobiles.

3. Research and design the personal medical care profile

As a mental health services assistive app, MindKit must allow users to create their own medical
care profile, uploading insurance information, and medical history. It is essential to research more
on the protection of data and privacy.

 

REFLECTIONS

Mobile-first Philosophy

MindKit was developed with a mobile-first philosophy at the forefront, which allowed me to leverage the unique capabilities of mobile devices to optimize functionality and user experience. Through this process, I gained a deeper understanding of how to design with the user in mind and identify features that can have a greater impact on mobile devices, such as emergency contacts.

Moving forward, I will continue to explore th
e potential of targeted devices and prioritize user scenarios and needs to deliver more impactful and effective designs. By staying focused on the user and utilizing the latest design techniques and technologies, I am confident in my ability to create products that truly enhance people's lives.
 
bottom of page