final mock of sentivent

SentiVent

Using sentiment analysis to help college students improve their mental health
UX Research/ UX Design / Branding


HackDavis 2020 (24 hour hackathon)
Team


Haoston Huynh
Ma Eint Poe
Rachel Quan
Tools


Adobe Creative Cloud
Figma
React.js
Google Natural Language API
Role


UX Designer
Duration


Overview

SentiVent is a web app that promotes emotional well-being through the use of journaling. SentiVent connects users with local resources based on a sentiment analysis of their journal entry. Our team was inspired to do a project focused on improving mental health because of what we have noticed on social media platforms and in our daily lives. As UX designer, I led the efforts in conducting user research, creating initial wireframes and prototypes. I also assisted with front-end development, learning React.js for the first time!


Problem:

College students are limited in the mental health resources they can access due to administrative/financial/transportation issues, and can thus be unmotivated to engage in healthier coping mechanisms out of convenience/college culture.


Project Goals:

The goal of this project is to help promote healthy coping mechanisms and to connect users to local, accessible resources. Mental health care especially at universities can be inaccessible due to extremely high demand for mental health services and not enough support staff for large populations of students.

I. User Research

Our team was inspired to do a project on mental health for this hackathon as it was a topic that was prevalent in both our lives and in our peers’ lives. I conducted some background research, specifically reading peer-reviewed academic articles about college-aged students and mental health. Synthesizing this research, I found the following insights:
  1. Faculty members perceived students to experience higher levels of stress and display more reactions to stressors than the students' own self-perceptions → Institutions should develop ways to improve effective communication between students and professors, thereby improving academic and social efficiency of students. (R Misra)
  2. There is need for more support in mental health services at universities. In a study of 274 institutions, it was found that 88% of counseling services reported an increase in "severe" psychological problems over the last five years, including learning disabilities, substance abuse, and eating disorders (R Gallagher). In addition to this, one in five college-aged students meet the criteria for alcohol use disorder (P Pedrelli).
To further understand the problem at hand, we also interviewed four peers, as our core demographic for this product is undergraduate students. We asked them about questions relating to how they currently manage their mental health. From these interviews, we synthesized the following insights:
Overwhelmingly, I observed that mental health is a concern for many students, whether that be for themselves, their peers, or the university as a whole.

II. Ideation

How might we... go about attempting to solve this?
We started with some rapid ideating, starting with an affinity map to organize and categorize our findings.
some fun ideating for solutions
From ideating and creating the affinity app, we were able to see patterns in pain points and what needed to be implemented to create a truly impactful product. We used our ideations to narrow on specific features and to finalize the main flow of the product.

user flow for propossed solution for sentivent

From here, wireframing allowed me to see visually what worked/what didn't and see how to prioritize certain content.
wireframes for sentivent
With my initial designs and some initial testing, I was able to find weaknesses in my design. From testing, I learned what users wanted to see and what parts did not fulfill the user journey/seemed extraneous. For example, in an early iteration, I played around with a "quick exit" option, which users reported was a bit overkill and out of scope for the application.
Using user feedback, I went on to designing in more high fidelity + handoff to developers.

III. Solution

SentiVent utilizes the Google Natural Language API in order to conduct a sentiment analysis on a user's journal entry in order to intelligently recommend resources that are affordable and accessible.

01. Design Language

I was inspired to use blue as the main color throughout this experience and primary colors throughout this experience to evoke a sense of calmness and serenity.

02. Dashboard

dashboard for sentivent
Users have a comprehensive view of their journal. Users can easily write a new entry, look at past entries, and see a brief overview of their analytics. The purpose of this was to 1) present the user with a visual interpretation of their mental health journey and 2) help the user pinpoint main causes that may contribute the most to their overall mood.

03. Journal Entry

When a user writes an entry that is particularly sad, SentiVent will tell the user what words have the most impact on their mood, and will thus give the user appropriate resources they can reach out to for further help. (in this case, SentiVent gives the user resources related to mental health support).
gif showing capabilities of sentivent

IV. Reflection

Overall, HackDavis was a great learning experience for everyone in our team. Ideating, wireframing, prototyping, and testing this project all within 24 hours was definitely a challenge!  This was also my first time working as the sole UX designer in a team of engineers. It was definitely interesting to see my designs implemented into a web app that actually works - to an extent! Here are some things that I learned in this process:
our team!

V. Next Steps

Our team had high hopes and dreams for this project! Although we were quite limited in our time and resources, if we had more time we would: