How might we create a seamless therapy session experience?
How might we create a seamless therapy session experience?
2 week
Joanna Choi (UX/UI Designer)
Figma
For 2 weeks, I worked on a design sprint that improves the remote mental healthcare experience. During the first week, I conducted user interviews and research to synthesize into a persona and journey map. During the second week, I created quick low-fidelity sketches of important screens to include and iterated on mid and high-fidelity designs until I was satisfied with the final design. Lastly, I created a design system to organize the style and hierarchy of digital assets.
User Interviews
Competitive Analysis
Persona
Journey Map
Low-Fidelity Sketches
Mid-Fidelity iterations
High-Fidelity Wireframes
Usability Testing
Prototyping
Design System
Frustrated with my own experiences using telehealth mental health services, I was inspired to design a solution to make remote mental health treatment a seamless experience. I began by conducting 5 user interviews with patients who are currently receiving remote mental health therapy. From the user interviews, I noticed the following trends among responses:
Next, I conducted a competitive analysis of existing competitors in the telehealth space. I discovered certain features, such as account registration and scheduling ,that were common across all competitors and other features, such as messaging and payment, that varied on the competitor's value proposition.
To visualize who I was designing for, I created the following persona of Anna, a woman in her late 20's interested in receiving mental health services virtually.
Next, I created a journey map to visualize the process, highlights, and painpoints of receiving virtual mental health care. Based on the painpoints, I discovered the following opportunities:
Based on the user interviews, persona, and journey map, I decided that the following areas would be in the navigation bar: Home, Messages, Schedule, and Account. Based on user needs I discovered from user interviews, I prioritized designing a simple and intuitive virtual session, scheduling process, and payment. Due to the quick timing of this design sprint, I began by drawing low-fidelity sketches of screens and iterated on mid/high-fidelity iterations. I chose and included iterations that looked the easiest and most intuitive in the high-fidelity mockup.
In the low-fidelity sketches, I sketched out screens that I felt were important to the design of the mobile app. For screens that required more elaborate information architecture, I listed the order of those information pieces.
I went through multiple rounds of iterations playing with the color palette and grayscale variants. In the end, I chose the first row of iterations for each component.
After deciding on the UI in the mid-fidelity wireframes, I created high-fidelity screens that reflect the capabilities of the app. After conducting a round of usability testing and incorporating feedback into the design, I landed on the following design.
From user interviews, I found that users were having difficulty connecting with their mental health specialist, whether it was to log into a session or connect with their therapist outside of the session. As a result, I designed a Messages feature and virtual sessions with clear CTA's to attend an appointment so that users can easily connect through multiple channels.
Users were having difficulty paying for their virtual sessions. Some had to call their clinic and handle payment over the phone while others used Venmo and Cash App. I designed the following payment process so that patients can easily pay for their sessions and see the status of payment of their appointments in the mobile app. During usability testing, 5 out of 5 users successfully paid for an unpaid therapy session.
Based on the insight that users wanted a simple way to schedule appointments, I designed the following process for users. During high-fidelity usability testing, 4 out of 5 users successfully booked an appointment with their therapist.
Currently a WIP! Will be updated soon!
I enjoyed this project because it gave me a change to improve my mobile UI skills, understanding of healthcare apps, and ability to create design systems. Had I had another week to work on this mobile app, I would have created a desktop site version to complement the mobile app.