Assessment Tool & Help Finder

Talk About Depression

June 1st - June 13th, 2018

Overview

Talk About Depression (TAD) is a non-profit organization which provides accessible online resources and professional clinical resorts to combat depression and prevent suicide. It applies an online assessment tool and an interactive map for locating near clinical services. With 1 in 5 Americans experiencing mental illness, it’s imperative that we find new ways to improve access to care. Therefore, TAD adapts these confidential online tools that can help those in crisis to find help in a cloudy time.

Via the online freelancing platform - Upwork, I partnered with a UX writer and another UI/UX designer to design the assessment tool and interactive help finder.

 

Role

Lead UI/UX Designer

Teammates

1 x UI/UX Designer
1 x UX Writer
1 x Stakeholder (CEO & Founder)

Deliverables

User Research Report
Competitor Analysis Report
Persona
Usability Testing Report
Prototype

 

Process

 

Define

Target Users

Talk About Depression organization aims to transform the way we communicate with friends about mental health to save lives and decrease social stigma. Two primary users are focused which are the people with depression and the people whose friends with depression.


User Research - Interview

To understand the target users in deep, we conducted a series of interviews on the people who report having a friend with depression or who has ever diagnose with depression. We interviewed a total of seven participants within three days, either in person or remotely.

There were three categories of questions we asked in the interview, which are:

  1. The action the interviewee would take when they or their friend encounter depression attack

  2. The depression related resources the interviewee knows or hear before

  3. The steps interviewee would recommend for someone trying to get help for their depressed friends


Persona

To understand the target users in deep, we conducted a series of interviews on the people who report having a friend with depression or who has ever diagnose with depression. We interviewed a total of seven participants within three days, either in person or remotely.

 
 
 

Research

Competitor Analysis

We looked into three competitors’ website and product to understand the business standard and the services they provide to locate TalkAboutDepression in the market. We concluded their user journey, strength and weakness, and traffic.

BetterHelp.com

BetterHelp is an online portal that provides direct-to-consumer access to behavioral health services. The online counseling and therapy services are provided through web-based interaction as well as phone and text communication. BetterHelp maintained its brand name post acquisition and continues to provide online counseling services to consumers.

Strengths

  • Simple, straightforward interface

  • Provide diverse types of options for users to choose

Customer Journey

  1. Choosing a type of mental problem

  2. Inputting demographic information

  3. Signing up

  4. Entering the counseling portal

  5. Scheduling a consultancy or asking questions

Weaknesses

  • Does not provide immediately help and feedback

  • Does not allow users to skip questions

Site Traffic

  • Total Visit: 3.372M

  • Change Over Period: 45.24% (go up)

  • Average Visit Duration: 02:52

  • Page Per Visit: 2.85

  • Bounce Rate: 52.55%

 

Students Against Depression

Student against depression is a website that provides informations about depressed and anxious. The website have information for both people who are depressed/anxious or people trying to help someone is depressed/anxiety.

Strengths

  • Easy-use website that can get lots useful informations for depressed and anxious.

  • Provide resources for both people who are depressed/anxious or someone who try to help them.

Customer Journey

  1. Choosing your symptom. They will provide related informations.

  2. Looking for more details about depressed and anxiety.

  3. Checking for the signs for depressed whether those meets the situation.

  4. Searching for the action you can do.

Weaknesses

  • Just provides general informations for depressed and anxious people

  • Does not provide feedback or solution for specific situation for different people

Site Traffic

  • Total Visit: 47,177

  • Change Over Period: 12.57% (go down)

  • Average Visit Duration: 01:57

  • Page Per Visit: 2.68

  • Bounce Rate: 65.88%

 

Depression.org

Depression.org is an online resource providing access to a number of mental health programs aimed at assisting with depression. The website informs readers about the nature of depression, its treatment possibilities, and important factors to consider. It also has helpful suggestions for seeking help, as well as articles representative of special-interest cases. The team at depression.org was established in 1999 as a collaborative effort between researchers, therapists, and clinicians in order to provide content in an understandable and usable format.

Strengths

  • Offers specialty resources highly focused on specific instances of depression

  • Simple content that is easily navigated

Customer Journey

  1. Home screen

  2. Options

  3. What is depression & Treatments & Resources

Weaknesses

  • No access to direct communication in a timely manner

  • Background colors are distracting, especially for how to treat depression

Site Traffic

  • Total Visit: 5136

  • Change Over Period: 25.75% (go down)

  • Average Visit Duration: 01:01

  • Page Per Visit: 1.66

  • Bounce Rate: 72.91%

Usability Testing

The participants experienced either high risk, medium risk, or low risk for task 1, and task 2 during the testing. 15 participants were randomly recruited and asked to participate in an in-person moderated usability testing.

Task 1

High Risk
Your friend has shown you a gun and said they don’t want to live anymore, they are in the next room, how will you find help for them using talkaboutdepression.com?

Medium Risk
Your housemate has been secretly collecting pills saying that they have felt very depressed for the last month. They just came home from a very bad day at work and you see them start counting pills, how will you find help for them using talkaboutdepression.com?

Low Risk 
Your friend calls you and tells you they have no one left to talk to, they have been very sad for a long time and talk about not wanting to keep pretending they are happy, how will you find help for them using talkaboutdepression.com?

 

Task 2

All participants: After assisting your friend through their emergency you decide to:

  • Help them determine their depression level

  • Find services available near them in order to start/continue their treatment

  • Learn more about the creators of the website you have used to assist your friend

 

Methods

30 minutes one-on-one session:

  • Usability test

  • Short interview

Behavioral measures:

  • Completion time

  • Task success rate

  • Error rate

 

Results

Low Risk Without Friend

  • Interview:

    All tasks completed successfully, no error, for navigation participant ‘a’ wanted an indicator to show that the screen would/could change on the screen to pick the level of the emergency (red, orange, yellow selection screen). Participant ‘a’ was also unsure as to what to do once it was clear the screen showed different things when moused over, at first it was thought she needed to read the descriptions to the depressed friend. Lastly, participant ‘a’ suggested having the about section located somewhere else, since it doesn’t seem to fit under the section, ‘how do I help.’

  • Observation:

    All tasks completed successfully. For task 1, low emergency without a friend, participants spent a lot of time understanding how the high, medium, and the low-risk page worked. For task 2, non-emergency options, the participant had no trouble finishing the rest of the tasks.

Medium risk with friend

  • Interview:

  • 1. All tasks completed successfully.
    2. Participants spent the most time on differentiating the “high”, “medium”, and “low” risk paths.

  • Observation:

  • 1. The wording of “high”, “medium”, and “low” risks can be simplified.
    2. The advice cannot provide immediate help.

High risk with friend

  • Interview:

  • All tasks completed successfully, with no error. The participant was confused on the screen where they have to pick the level of emergency. The participant wasn’t able to find that it would have different options when they move the mouse over. Also, the participant didn’t know how to get to the next page because it was described more like a question, so she expects to have a “Yes” or “No” to click on.

  • Observation:

  • Participants felt confused about how the screen of emergency level work.

Redesign

Landing Page

First Draft

Redesign

On the first attempt at the landing page, we create an interface with two giant panels indicated two pathways for the users. The "How do I help" would lead users who would like to explore the website to the interface with an assessment tool, connect (map function), and about (company information). The "This is emergency" would bring users to the instructions of Columbia protocols which teach users how to deal with self-harm situation step by step.

However, this page does not provide any information about the website nor its purpose and services. This absence of information may lead to unnecessary actions when users interact with the website or even leave the website. Additionally, the interview result shows that the about section doesn’t seem to fit under the section, ‘how do I help.’ Therefore, in the redesign, I removed the two big panels and put a short description of the website on the header. Also, I put a short description and error right below the header for the "emergency pathway".

Redesign

Risk Levels

First Draft

Redesign

The Columbia protocol devides three different risk levels by the suicide intention and suicide plan. In order to allow users choose the correspondent situation fast, we devided the screen into three panels with different colors. Red represents high risk situations, orange represents medium situations (significant) risk, and yellow indicated low risk situations.

However,usability testing and interview shows that users don't know how to proceed to another step after reading the description. Besides that, the moused over effect may make users think they should read all of the descriptions on the different panels instead of clicking on the correspondent risk level to proceed to the next step.

Redesign

Map Function

First Draft

Redesign

At the first draft, we followed the stakeholder's original idea that allows users to search services by "campus", "professionals", facilities", and "high school". However, some of the categories are overlapped. Therefore, in the redesign, we simplified the categories into two which are locations and professionals. This categories should be further examinated by card-sorting test.

New: Search by Professionals

New: Search by Locations

At the first draft, we followed the stakeholder's original idea that allows users to search services by "campus", "professionals", facilities", and "high school". However, some of the categories are overlapped. Therefore, in the redesign, we simplified the categories into two which are locations and professionals. This categories should be further examinated by card-sorting test.