Case Study:
Find Your Doctor
App and Responsive Website
Project Overview
The Product
Find Your Doctor is an app and responsive website focused on helping non-native Spanish speakers find healthcare professionals that speak their native language in Spain.
My Role
UX designer leading the app and responsive website design from conception to delivery.
The Problem
Many immigrants have difficulty finding a medical professional that speaks English or their native language in Spain. Going to the doctor is stressful enough without having to worry about being able to aptly describe your symptoms and understanding your treatment plan.
Responsiblities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
The Goal
Design an app and responsive website to help those whose first language isn’t Spanish to find medical professionals that speak their native language or English in a new community, specifically in Spain.
Project Duration
May 2023 to August 2023
Understanding the User
User Research
I created a list of interview questions meant for immigrants in Spain asking for their specific experiences with finding a doctor in Spain, making an appointment, and whether language was a burden. The feedback received from my research made it very clear most users would like to have an app to quickly find English speaking medical professionals in their area. Participants also expressed their need for a website or app that was in multiple languages to eliminate the need for a translator to understand the website.
Persona 1: Miriam
Problem statement:
Miriam works in HR for an English company in Madrid who wants to quickly find a doctor near her that speaks English so that she can stop wasting time and be part of her own treatment.
Persona 2: Lydia
Problem statement:
Lydia is an Assistant Teacher with a limited Spanish level who wants to find a website in English without information about doctors that speak English so that she can be understood in her time of need.
Starting the Design
Ideation
I used a crazy eights exercise to generate ideas for the homepage and then ideated on the rest of the main user flow from there.
I wanted the main user flow to be quick and intuitive so I kept the home page simple with few options.
_edited_edited.jpg)
_edited_edited.jpg)
Digital Wireframes
It was important that our users had the ability to understand the product without using a translator. The search function is the main user flow of the product and gets to the point. In later versions the bottom navigation includes icons for ease.
Simple and quick filtered search
Ability to change the language of the app
Usability Study
I conducted an unmoderated usability study with 5 participants using a low-fidelity prototype.
Findings
Easy to Use - All participants easily found a doctor and made an appointment.
​
Community Need - Participants mentioned seeing a need for the app, showing it would fulfill a real need in the community.
​
Logo Change - Using the common search icon, a magnifying glass, for the logo was confusing for participants and it needed to be changed immediately.
Redefining the Design
Mockups
Based on the usability study insights, the logo was changed so that users weren’t confused by it’s purpose.
I picked a lavender, purple, and white color palette to keep it simple, but uplifting.
Before Usability Study
After Usability Study
Mockups
After the usability study, I add color, icons, and more to the mockup.
I chose to create separate spaces to keep it clear what’s important on the confirmation page, but still include other options.
Before Usability Study
After Usability Study
Redefined Designs
The five screens for the main user flow.
High-Fidelity Prototype
The high-fidelity prototype followed the same user flow as the previous prototype.
Accessibility Considerations
Clear labels with icons for the bottoms navigation so that it’s clear what the purpose is, consistency in fonts and colors.
​
Option to change language of the app and doctor’s information includes the languages they speak to make users comfortable before their appointment.
Responsive Design
Sitemap
Once I had completed the app design, I began working on the sitemap for the responsive website. I wanted to keep the sitemap straightforward and cohesive.
Responsive Designs
Designs were made for mobile, tablet, and desktop sizes. Optimizations were made for each screen size while maintaining original designs and functions.
Desktop
Tablet
Mobile
Going Forward
Takeaways
Impact:
Using the app will help to save time finding a doctor that users can be comfortable with explaining their symptoms and medical history.
​
What I learned:
I learned that my app would be extremely helpful, but would require working with others that speak several languages to provide the service in more than English and Spanish.
Next Steps
Oversee more usability studies to continue to improve the app.
​
Conduct research on how successful the app is in helping immigrants in my community make appointments.
​
Add more resources like common Spanish phrases used in a medical setting or connecting with interpreters.