Gingko

Project Overview

While students at the University of Toronto constantly suffer from mental health challenges, resources and support are often deemed as insufficient or inaccessible. As a student UX design team here, we recognized this mismatch and conducted a series of UX research to identify and consolidate students’ needs in accessing mental health support. Inspired by our analysis, we proposed Gingko, named after the therapeutic plant, as a new platform aside from Acorn and Quercus, which foster students’ academic growth, to alleviate the challenges our peers confront.

Team

Yumeng Fan
Xin(Jaya) Hu
Ivan Lou
Matt O’Reilly
Chiheng(Yvonne) Zhou

Responsibilities

UX Researcher
UX Designer
UI Designer

- Oversaw research instrument creation.
- Planned and led 4 user interviews and 1 usability test.
- Conceptualized design solutions tailoring to research findings.
- Translated mid-fidelity prototype into high-fidelity mockups.

Tools

Balsamiq (Prototype, wireframes)
Figma, Sketch (Visual design)
Zoom (User interviews and usability testing)

Design Process

Identify & Define

To identify the challenges that our fellow UofT students experience with accessing mental health services, we planned and conducted 58 online surveys and 12 interviews. We then created affinity maps to consolidate the existing pain points. 

Affinity Map

Affinity maps created from interview results. Major groupings include “long wait time,” “awareness of resources,” “counseling quality,” “cultural and language barriers,” “new concerns due to covid,” and “effective methods for de-stressing.”

Key Insights

01

Insufficient outreach and consolidation

- 87.9% of participants have not utilized school resources despite the majority of them expressing concerns regarding mental health. 
- Common explanations include having limited knowledge about what resources
02

Lack of timely support

- The average level of willingness to return to school resources by the 20 participants who had experience using them was 2.24/5.
- Participants complained about the extreme length of wait time which ranged from 2 to 4 weeks to 9 months.
03

Lack of personalized aid

- Interviewees expressed difficulty with establishing effective connections with supporters due to unsuitable support mode and differences in past experience and first language.

Defining User Needs

To better empathize with and understand students’ experience, needs, and goals seeking mental health support, we created Andrea the academic. We then re-envisioned the journey through which Andrea will be accessing mental health support resources at UofT.

“Having better mental health services will help me to be more confident because I would know that I have these cushions against negative things in my life."

GOALS

+ Receive personalized support with specific suggestions tailored to her situation over general advice
+ More compassionate people and supporters who understand/share empathy with her problem/situation
+ Receive support in her preferred language
+ Access to mental health support in a timely manner
+ An easy way to navigate through available resources
+ Counsellors/supporters that she can connect with

BIOGRAPHICAL SKETCH

Andrea is an undergraduate student studying Engineering at the University of Toronto. She is ambitious about her future and is now dealing with the heavy workload and demands of her academic and professional life, as well as increased associated stress and anxiety.
She feels comfortable taking to others and also thinks it’s necessary to seek mental health support when needed. When under stress, she usually talks with her friends, but finds that doesn’t always provide the help she needs.
Andrea worries about reaching out for mental health support because she’s concerned that she is going to receive comments from the counsellor that won’t help her specific situation. She needs help with self and emotional management as well as a way to provide balance to her stress and anxiety levels.

FRUSTRATIONS

+ Has limited knowledge about mental health services available to her as a student or how to access them
+ Experience with counseling is negative due to quick turnaround and generic advice
+ Tried Medeo but wasn’t aware that you have to call the clinic to get access to the app
+ Once able to find available mental health support services, is forced to suffer longer due to long wait times (sometimes up to 2-4 weeks)

TECHNICAL SKILLS

PERSONALITY

Andrea's Frustrations
Andrea's Needs

Insufficient outreach and consolidation

1

More efficient access to all existing services and resources.

Lack of timely support

2

A way to identify and book readily accessible resources that are compatible with her schedule.

Lack of personalized aid

3

More intuitive searching process to identify the optimal resource tailoring to her individual needs.

Ideate

Aiming to realize the user journey we had envisioned, we illustrated, compiled, and distilled all our ideas. We then prioritized our ideas based on feasibility and impact.

1

Efficient access to all existing resources.

2

Intuitive booking process of readily accessible resources.

3

Intuitive searching process for the optimal resource.

Prototype

Key Feature Highlights

Integrated Resources

1
Gingko integrates all types of mental health resources and allows UofT students to make informed bookings with a few taps.

Timely Support

2
Gingko recommends services based on availability, and it provides supplementary and more timely recommendations during students’ wait time.

Persona-
lized Aid

3
Gingko considers students’ preferences, academic information, and schedules when it recommends services.

Mid-Fidelity Prototype

The process of prototyping involved iterating through sketches and mid-fidelity wireframes. Aiming to optimize the user flow, we put together a sequential storyboard to demonstrate how users will interact with Gingko.
While we all contributed to the sketches and wireframing, Ivan Lou created the polished mid-fidelity prototypes.
VIEW STORYBOARD

Evaluate & Iterate

After the initial formative evaluation and revisions, we conducted 6 usability tests to evaluate the validity of our solutions and the user flow, as well as to open up space for direct user insights and suggestions.

Approach

Observation, Remote Interviews

Key Insights

01

Clarity

- The wording of certain onboarding questions was ambiguous.
- Participants wished to see more descriptive information regarding services.
02

Visual clues and guidance

- Participants were unsure how many onboarding questions were left.
- One participant accidentally clicked “skip” when they wanted to click “continue.”
- Service time and availability info were hard to find.

Iterating & Creating High-fidelity Mockups

With user feedback and insights in mind, I adapted our mid-fidelity prototype into high-fidelity mockups to demonstrate two major user tasks using Gingko. These include onboarding and booking recommended and personalized mental health services.

Key Lessons Learned

01
Designing in teams requires active internal communications especially during special times like the COVID-19. The best practice to ensure that everyone is on the same page is to keep a live document recording all actions taken and team progress.
02
Storytelling is the key to articulating design concepts and the values of design solutions.
03
UX design is about embracing and learning from ambiguity.
04
There is no finished design, but we can make designs better through continual reiterations.
SCROLL TO VIEW
SCROLL TO VIEW
Y
MENG FAN