top of page
Frame 9 (3).jpg

Overview

Aiming to diminish the communication gap between therapists and patients.

Bubble provides patients with a separate and secure space to store and organize their thoughts pertaining to their mental health. After seeing my younger sister begin attending therapy during the pandemic, I located a serious disconnect through her personal experience that I knew others were going through as well. 

213986d46.png

Key Contributions

UX Research
Discovery Research

UI Design + Prototyping

Tools

Figma
Invision
Illustrator

Time

2 Weeks
March 2021

Bubble - Discovery

Problem Statement

 Young people need a better system for effectively communicating with their therapist during sessions because both remote as well as in person.

Hypothesis

“It’s easy to come up with design ideas, but it’s hard to solve the right problem.”

To help formulate my hypothesis, I used the "How might we..." technique from IDEO to phrase my questions and turn my assumptions into questions as well.  Digging deeper into my problem statement, I led with the question, "How might we help patients feel more comfortable and prepared for their therapy sessions?" After reviewing my assumptions and ideas behind this question, I reached my hypothesis. I believe actively documenting and sharing thoughts with the therapist will help patients feel less intimidated and more confident during their sessions. 

Process

My UX process consists of three main phases - Research, Discovery, and Design.

Artboard 7.png

Research

Competitive Analysis
Interview Research
Personas

Discovery

Personas
Sketches

User Flows

Design

Paper Prototype
Lo-Fi & Hi-Fi Prototypes
Interactive Prototype

Competitive Analysis

Exploring what already exists at the intersection of therapy and self journaling.

Screen Shot 2021-07-20 at 1.20.35 AM.png

Interview Research

Learning from real patients and their unique therapy experiences.

To steer my research and findings in the right direction, I sought out participants ranging in age and familiarity with therapy.
I outlined a detailed, unbiased script to uncover goals, pain points, specific stories, and general themes from my interviewees.

Frame 19 (1).jpg

Persona Building

"How do the needs of therapy patients differ across each of the interviewees?"

I created three primary personas to represent and further visualize the unique types of users that attend therapy sessions virtually. Each persona explores a certain age, living situation, personality, and comfortability with therapy. 

Persona 1 - Shrin.jpg

Luna, 18

"If it's not in my google calendar, It most likely will not be happening."

  • Highly organized, academically excelling, Type B

  • Has wanted to start therapy for depression for a long time but her parents didn't understand

  • Has no to little experience with receiving counseling both in-person and remote

  • Struggles with privacy in her house and speaking confidently about her emotions

Persona 2 - Allie.jpg

Sara, 16

"I have a million thoughts in my head but could not actually tell you one."

  • Social, Popular and Talented 

  • Has been attending therapy since she was 13 and has a good relationship with her therapist

  • Struggles with ADHD/ADD to the point where it's effecting her schoolwork 

  • Transitioning to remote sessions has made it difficult for Sara to gather her thoughts and feel like she's being heard

Persona 3 - Geoff (1).jpg

Michael, 14

"I always think of what I wanted to say to someone after the moment passes."

  • Likes video games, brain puzzles and mysteries

  • Attends therapy as a result of past trauma and night terrors

  • Struggles to be open with his therapist and voice his thoughts to her face

  • Is very kept-to-self and freezes in moments of high pressure

Sketches

Brainstorming "out of the box" ways to better remotely communicate with your therapist. 

After locating my user's contrasting needs, I went through some rapid solution brainstorming to explore outside of my preconceived ideas. This step was crucial for allowing me to think outside the box and consider multiple directions to go about solving the problem at hand. 

SI482-Sketch2 (1).jpg
SI482-Sketch1 (1).jpg

User Flow Diagram

The Digital Journal feature was the key focus and feature of the app. 

5e4274ed-cd14-4126-b077-1270cf14d091 (1)

Paper Prototype

Low commitment, low-cost paper prototyping leading to honest, raw feedback of the Digital Journal feature.

Taking ideas from the sketching sprint such as the mood tracker and multimedia journaling, I put together a fun paper prototype video. Through the addition of this method, I not only got to get a bit more hands-on practice but also was able to receive honest feedback from stakeholders. Paper prototypes provide a less intimidating and distracting perception to viewers that allow them to truly focus on the tasks at hand.

Task: Adding a text entry to digital journal + deleting it after

Screen Designs

Progression of the main Digital Journal Screen using an iterative process.

As the main screen of the application was the Digital Journal screen, the design decisions took the most brainstorming. Below shows the iterative process from Low-Fi to Medium-Fi to High-Fi wireframes. The use of containers to hold each journal entry and the idea of a central "+" button to create a new journal entry stayed consistent throughout the designs. What was being explored was the organization of pre-session entries and all/general entries. 

Frame 25 (1).jpg

Prototype

Designing for privacy and communication. View the 4 prototypes of the key features below.

Digital Journal

Create a new text entry 

The collection of entries is divided up into 3 groups: Pre-Session, Archived, and Drafts. The Pre-Session is my way of prioritizing the entries set for the next upcoming session.

 

The "+" button in the center of the navigation bar facilitates the multiple types of media the user can use to create their journal entry.

The note entry displayed is kept simple for ease of use and allows the user to customize the color for organization purposes.

Calendar 

Create a new event in the calendar.

The bubbl calendar allows users to organize their mental health-related business in a separate and more private location. 

The unique event creation feature offers the proper functionalities to enhance their therapy planning. The user has the option to make their events discreet to avoid triggering notifications and the option to include their therapist.

Daily Mood Tracker

Fill out the Mood Form for today

Mood Check-ins are a simple and valuable way for both the patient and therapist to monitor mood.

The Check-In is customizable by the therapist to fit the patient's needs. This data gets stored with the app using a light and friendly design.

Daily Mood Tracker

Respond to Dr.Bree's message

The messaging feature (my favorite) serves the purpose of keeping therapy-related communication separate and secure. 

The integration of mood tracking WHILE chatting is a unique feature that promotes transparency between the patient and therapist 

bottom of page