Creating an all-inclusive mental health hub for therapists to retrieve resources for their clients.

B2C

2024

Team

  • Kristine Huynh - UX/UI Designer/ Researcher
  • Vicki Chen - UX Designer/ Researcher
  • Software Developer 

Tools

  • Figma 
  • Notions 

Methods

  • Affinity mapping 
  • Content inventory 
  • Competitive Analysis

Process

  1. Content Inventory and affinity mapping involve analyzing and organizing the nonprofit's resources and research.
  2. Looking at different mental health websites. 
  3. Designing and checking in with the Asian American Federation on feedback. 
  4. The developer builds the MVP mental health hub.

Overview

Asian American Federation (AAF) is keen on developing a mental health hub for its providers. These providers play a crucial role in the Asian community, who are in dire need of resources to support their mental health, especially when mental health is deeply frowned upon in the Asian American community. 

What did the UX team do with the content?

The UX team conducted an affinity map using the updated mental health content.

The UX team had two different groupings:

What resources will help the providers?

These resources includes research papers, mental directory, and infographics. The topics incorporates:

  • Overcoming stigma and seeking counseling
  • Counseling resources
  • Elders dealing with mental health
  • Bullying

How will the resources help providers?

The following themes included:

  • Research informational
  • Providers informational
  • Providers Actionable
  • End users: Elder Asians

These two groups serve as the foundation for what the design is going to be about.

Focusing on Simple Content Designs

The UX team designs two pages based on the current grouping from the content inventory provided by the Asian American Federations.

The pages below are:

  1. Homepage 1: WHAT resources will help the providers?
  2. Homepage 2: HOW will the resources help providers?
Homepage 1: WHAT resources will help the providers?
  • The webpage organizes informational research and resources on bullying, seeking mental health, and how to help seniors.
  • The webpage highlights that the providers already have a topic to share with their clients.
  • This webpage organization gears toward the end users: The general population.
Homepage 2: HOW will the resources help providers?

The webpage is sectioned out by how providers search information for clients. Providers are searching for their clients:

  • Finding resources.
  • Learning how to talk to their client.
  • Understanding the Asian community.
  • This homepage centers on the clients.

Homepage two is the winner! The Asian American Federation prefers the mental health hub to be more tailored to the provider and how they can provide information for their clients.  

Resource Glow-up: Easy to Read

When conducting a content inventory for the Asian American Federation, I noticed that the client's pages have a simple layout but don’t provide specific information about the page.

It is a simple page with an image of the PDF, a summary, and a link to download the file. 

The Summaries are a User Manual 

A bulleted summary showcases to the clients how the resource can help and how it can used. 

We have two versions of how translated content can be displayed and downloaded.  

  1. Drop down the resources later on, and they will include more languages.
  2. Linked Translated is included in the current design system; clients and providers can easily download and change the page. 

The Asian American Federation's main foundation is to cater to the Asian diaspora accessing these resource pages. Since many do not have English as their first language, it is crucial to include ways for clients to obtain information in their native language.

The updated project: 

When updating the webpage, The users can preview and download the research information and future content.

Another change is having tailor content relating to how the providers can view the content:

  • Introduction 
  • What is the pdf about?
  • Highlights 
  • How can the resources help users?

Images versus PDF Previews 

While researching the Asian American Federation web pages, I noticed a simple layout: two columns with related content for users to access other informational research. The left side of the column shares an image of the research cover, and the right side summarizes the research papers. 

In Retrospect  

Main challenge and lesson learned:

For most of the project, I was the main lead who spearheaded the mental health hub. In the beginning, I didn’t have the persona of who the Asian American Federation deemed as the primary user of the mental health hub. While conducting and reviewing the interviews, many providers spoke about their client's needs in the ideal mental hub. So, I designed the hub based on the Asian American Federation’s external hub examples and the interviewees. Unfortunately, it was not what they were expecting, and ultimately, it was out of scope and not intended for finalized user providers. Also, in the design I drew out, the Asian American Federation stated they didn’t have enough resources suitable for the mental health hub. Therefore, after getting the confirmation, I returned to the drawing board and redesigned the hub to accommodate providers and limited resources from the Asian American Federation. 

Next steps:

The current version of the mental health hub correlates with the Asian American Federation's goal of ensuring that the hub centers around providers. Later, this smaller version would scale up to accommodate the providers’ clients' need to reach out to mental health professionals and resources. 

Other projects: