Asset 18growslo.3.png

GrowSLO

A bridge between mental health resources and SLO County

growslo.mockup.1.jpg
 

PROJECT GrowSLO

An application that assesses the mental health of local residents and connects them to local resources. 

As part of an advanced Interaction Design course at Cal Poly, I defined, researched, designed, and developed a mental health application along with three other students (Lucy, Mia, and Kelly.) Throughout the course of this project, we used the input of local therapists and succeeded in incorporating their available resources throughout the entire application— along with interactive elements and welcoming graphics. Check out the process of this app below!

And check out the Mid-Fi Process Deck here.

Tools

Figma
Sketch
Adobe XD
Lucidcharts

Duration

Jan 6, 2020 - Mar 5, 2020

~8 weeks

Role

My role: UI Designer/
Content Strategist

Kelly Kavousi UX Researcher 

Mia Scibelli UI Designer 

Lucy Houghton Product Designer 


Problem

No current channel that allows for easy access of mental health resources available in SLO County

Solution

Establishing a bridge between mental health resources and their potential users

 
 
Research.3.png
 

Persona Archetypes

GrowSLO Archetypes

Specific Profile 

These character profiles offered a prospective glimpse into the lives of individuals from SLO County who might be using the applications and guided our design directions by making us aware of what resources to include in the final applications.

 
 
user profile 388.2.jpg
 

Competitive Audit

In analyzing our (national) competitors, our surveyed characteristics included: A focus on the experience of using the application itself, the visual presentation of information, and the available content on the application (such as tutorials, surveys, and informational videos.)

Asset+2comp.audit.2.jpg

We ended up determining that each category and application differed in strength in most aspects, but that we enjoyed the visuals of Headspace the best, the information offered on Sanity&Self, and the maneuverability of Mind Shift. 

However, we also recognized that we wanted to include one aspect that could not be found in any of the surveyed applications: locality. This guided our next design direction for it ensured that we would be focusing on aspects of the application that would be unique to SLO County.

 

User Flows

Needing Resources Finding Someone to Talk To

User+Flows+-+Talking+to+a+therapist+%281%29+%282%29.jpg

Local therapists had shared that this was one of the most desired requests, so I wanted to focus on this task first in order to gain a clearer perspective about the needs our users. We determined that our users needed to have easy access to the 24/7 mental health hotline available just in case of an emergency.

 

Coping Mechanism Trying to Fall Asleep

User+Flows+-+Coping+Mechanisms+%281%29.jpg

The most notable aspect of this flow is the "Playlist" section, which includes the Mood category. Subsequent "Moods" are included to guide users to listen to music that corresponds to their mood, curated by recommendations from our primary sources and further direction from Spotify. We learned that our user needed to have multiple options while selecting music so that playlists could align with subsequent moods.

 
 
Process.3.png
 

Wireframes

These preliminary wireframes are representative of our thought process when exploring the directions we wanted to go in for certain key screens. After analyzing the mobile applications mentioned in the competitive audit, we found that we appreciated certain aspects, including the following:

  • Tab bar instead of a hamburger menu to increase engagement

  • Titles of the individual sections/current section in the top half portion of the section screen to increase familiarity

  • Different format and layout of individual sections for the menu screen and subsequent page screens

  • Illustrations representing the section screen somewhere on the section options

With these considerations in mind, it was our primary goal now to compile all necessary information recommended by our primary sources and interviewees. These acknowledgements also guided our premeditated judgements about specifically which features to include from the competitive and pre-existing applications!

 
Wireframe.Annotation.png
Wireframe.Annotation.png
Wireframe.Annotation.png
 
 
 

Visual Inspiration

We established this visual direction after we explored the experiences and directions we wanted to go in! We made a group Pinterest page and, after thorough revision, came up with the colors and direction we ended up working with for our high-fidelity wireframes.  

 
 
MOODBOARDS_GrowSlo Moodboard.jpg
 
 

Initial Screen Exploration

awards.annotation.png
 
menu.annotatedscreens.png
 
solution.3.png
 

Identity System

 
GrowSLO+identitysystem.jpg
 

Final Screens

 
mainmenu_mockup.jpg
mainmenu_mockup copy.jpg
 
playlist flow.gif
local resource flow.1.gif
 
 
 

Final Prototype

 
 

Reflection

After continuing to design this product, we realized we had been naive in assuming that the application we created would be able to connect all potential users to medical or mental health facilities from a screen. Nevertheless, we were surprised to learn that our critiquers thought it might be possible in the future, especially with the onset of the current pandemic, not yet realized at the time of creation. 

If we had had the resources, I would have wanted to conduct more interviews of potential users who might have already used or navigated through some of the programs referred by the SLO County Mental Health facilities. Our original points of contact from these facilities had expressed the need for more individuals to be able to find out about these programs! They shared that many people didn't come in because they didn't know they existed, not because they didn't want to. We thus assumed that advertising the existence of the app locally would've alleviated some of the lack of knowledge about these programs. And if the application did become realized in the future, I would have wanted to conduct a test run of ads on local social media sites and see if this raised participation rates at all in the resources and programs available. 

Overall, I learned that it was important to be realistic with original expectations and end results. We had expected to address all aspects of mental health complications in SLO County, but were only able to include resources available in the SLO County facilities and media sites. Even so, I'm glad we were able to include the resources we did, even though they definitely could be expanded upon in further for easier access. I absolutely loved creating this application with my team and happy that the possibility of this application is even in the periphery of potential users!

“Your group has grown so much over the course of this project and it's very much reflected in the strength and thoroughness of GrowSLO”

  ​ — Nick Bockelman, Interaction Professor