DocSpot

DocSpot

DocSpot

A dynamic app to store health data, navigate insurance, manage appointments, and support your overall wellness goals.

Explore The Prototype

Problem Statement

We live in a busy, stressful world, and people need a way to keep track of their health information, find in-network providers, and to access new wellness strategies.

Solution

DocSpot is a health and wellness app used to store patient data, help navigate insurance benefits, manage appointments, and support user's overall wellness goals. It is designed for adults interested in getting the most out of their benefits and increasing their health outcomes.

Exploring the Design Process

Exploring the Design Process

Discover

Define

Ideate

Prototype

Validate

Iterate

Competitor Analysis

Curable

Strengths

Strengths

  • Evidence-based chronic pain lessons

  • Pain neuroscience education for users

  • Short lessons, great for users with busy schedules

  • AI smart coach, Clara, guides users through the app, so they have a better idea of where to start

  • “Panic button” exercises for users in a flare-up

Weaknesses

Weaknesses

  • Claims of a free trial, but nearly impossible to access; cost could be prohibitive for many users

  • Geared more toward people with mindbody pain (with no structural damage causing it)

  • Doesn’t include any culturally-tailored information for users from varying backgrounds

Headspace

Strengths

Strengths

  • User-friendly app; great for beginners

  • Many mindfulness, sleep, focus, yoga, & music offerings for adults and kids

  • Several scientific studies backing up the benefits

  • Focus on teaching, instead of only providing content

Weaknesses

Weaknesses

  • No free account option when free trial is over; forced to set up payment plan to start free trial

  • Focus on new meditation users; harder to progress for intermediate/advanced users

  • Should not take the place of an actual therapist, which may not be clear to users

Interviews

Goal: To understand the needs, goals, pain points, motivations, and attitudes in storing health data, understanding insurance benefits, and exploring wellness activities.

Methods: Data was collected and organized into an affinity map to get a clearer picture of common desires and frustrations.

Insights:

01

Users prefer the ability to customize their experiences

02

They want to easily find & schedule appointments with in-network providers

03

Users value transparency with their data & their insurance benefits

User Personas

The app is geared towards people in their 20s to their 70s, in great or poor health, & who are seeking guidance with their medical care.

Journey Maps

I focused on the user's thoughts & emotions throughout different flows & evaluated features that were in line with user goals.

Mid-Fidelity Wireframes

This was where I delved into the world of Figma for the first time, and where I really started fleshing out my layouts & exploring imagery. I utilized Gestalt Principles for more easily navigable screen layouts, as well as incorporating grids to aid in creating a clear, uniform design.

High-Fidelity Prototypes

At this point in the process my main goal was to bring my designs to life with a design system including color, typography, iconography, & scale to make the UI more visually appealing. I incorporated interactivity & buttons to guide users through the app with ease, and I reworked the bottom navigation bar to be more intuitive & clear.

Usability Testing

Moderated remote usability testing was performed with six individuals of varying experience levels, from tech-savvy to inexperienced participants in order to garner diverse feedback.

Goals: Validate initial design decisions, identify areas of improvement, gather feedback on the UI elements, & gain insights on ways to increase usability, utility, & overall satisfaction.

Goals: Validate initial design decisions, identify areas of improvement, gather feedback on the UI elements, & gain insights on ways to increase usability, utility, & overall satisfaction.

Goals: Validate initial design decisions, identify areas of improvement, gather feedback on the UI elements, & gain insights on ways to increase usability, utility, & overall satisfaction.

Testing Insights

Overall, this was a very successful and valuable usability test. The DocSpot app was well received and participants expressed a desire to have an app like it because of its multidisciplinary nature, and as a way to navigate the convoluted medical system in the US.

Although users appreciated the concept and features, issues regarding text size, UI design, and navigation were also highlighted. Implementing the suggested changes in future iterations will improve usability and user engagement.

Issue: Text & icons too small, making navigation & clicking difficult.

Iteration: Text & icon sizes were increased & Material Design components were utilized for continuity & clarity.

Issue: Text & icons too small, making navigation & clicking difficult.

Iteration: Text & icon sizes were increased & Material Design components were utilized for continuity & clarity.

Issue: Text & icons too small, making navigation & clicking difficult.

Iteration: Text & icon sizes were increased & Material Design components were utilized for continuity & clarity.

Issue: Unclear if viewing in- or out-of-network providers, increasing uncertainty.

Iteration: Clearer In-Network Providers title was added. In future iterations, I’d also like to add search filters for location, specialties, provider gender, etc.

Issue: Unclear if viewing in- or out-of-network providers, increasing uncertainty.

Iteration: Clearer In-Network Providers title was added. In future iterations, I’d also like to add search filters for location, specialties, provider gender, etc.

Issue: Unclear if viewing in- or out-of-network providers, increasing uncertainty.

Iteration: Clearer In-Network Providers title was added. In future iterations, I’d also like to add search filters for location, specialties, provider gender, etc.

Accessibility

Accessibility is essential to a project’s success and to guaranteeing that each user has an enjoyable, rewarding experience. As this is a health app, I wanted to focus on making it as accessible as possible for a broad range of people and disabilities.

I Adjusted the color contrast on the header and bottom navigation to meet WCAG AAA status.

I adapted the bottom navigation colors to have a higher contrast, as well as simplified the highlighted screen indicator for a softer look and feel.

Final Mockups

Future Iterations

Expand Search Function

One of the most vital improvements that I would like to address is to expand the Provider search and to add multiple parameters that users can choose from to facilitate them in finding a doctor that best matches their specific needs. My hypothesis is that users will be more likely to go to the doctor and get the care that they need if the process of finding a provider is less stressful, more enjoyable, and customizable.

Define Progress Tracking

Another critical improvement is to update the Homepage and expand/further define the progress tracking feature. During testing, all of the users expressed a strong affinity for this feature. My hypothesis is that providing users with a fun, engaging way to keep track of their progress will encourage upward momentum, thus encouraging them to keep going, leading to improved health outcomes.

Potential Profile & Homepage Relocation

During usability testing there was consistent confusion regarding the overall navigation with regards to where the Profile & Homepage buttons were, namely, not on the bottom navigation. I had chosen them to be located in the top navigation to afford me more access to other key elements of the app in the bottom nav. I hypothesize that users will value having a clear direction towards the Homepage and the Profile in the bottom nav, as those are two of the most vital sections of the app.

Reflections

Health and wellness are very personal and should be easily accessible for everyone. Healthcare in the US is particularly convoluted, and my goal has always been to try and make things a little easier for people to navigate.

Designing DocSpot has highlighted the need for a comprehensive, holistic platform to support people on their wellness journeys.

I definitely learned a lot about the value of user research, feedback, and iterative design, especially when there’s a focus on it early on in the process. I feel like I’ve grown as a designer and my project has been greatly improved as a result of continually reevaluating my design decisions as I progress through the design process, and I look forward to continued growth!