TeleMed

Background
Improvements in communication and information technology have allowed for health services and medical practitioners to thrive and become accessible to those living in rural areas. Telemedicine enables video or phone appointments between a patient and their health care practitioner, it benefits both the patient and the health care practitioner by saving them time on follow up and general checkups
UX Roll
Roles: UX Researcher / UX Designer / UI designer
Deliverables: Personas, Competitive Analysis Report, Site Map & Information Architecture, User Journeys, UX Wireframes, Market Benchmark, and an Interactive Prototype
Settings: 1 man project
Timeline: 5 Weeks
Overview
TeleMed is a dedicated app, which main purpose is to connect those living in rural areas and/or with limited mobility capability, with health practitioners allowing both user and client to save both time and money
What I Did:
-
Conducted user research through interviews with 8 participants to uncover the unique needs, frustrations, and motivations of doctors (e.g., administrative burdens, inefficient record-keeping) and patients (e.g., concerns about privacy, lack of physical exams) in the context of telehealth services.
-
Created distinct personas representing the two primary user groups – doctors and patients – to ensure the TeleMed app design caters to their specific requirements and pain points.
-
Performed a competitive analysis and benchmarking of four dedicated telehealth apps to identify common usability issues (e.g., unnecessary steps, unintuitive navigation) and areas for improvement in the TeleMed app.
-
Developed a comprehensive information architecture and site map to organize and structure the content and features of the TeleMed app for a seamless user experience.
-
Utilized ideation techniques like Crazy 8's to generate a diverse range of potential design solutions for addressing the identified user pain points, such as streamlining appointment booking or providing easy access to medical records.
-
Created low-fidelity wireframes and an interactive prototype for the TeleMed app to validate the proposed design solutions with users and gather feedback.
-
Conducted usability testing with a diverse group of participants, including individuals with disabilities (e.g., visual impairment), to ensure the TeleMed app is accessible and usable for all users, regardless of their abilities or limitations.
-
Analyzed the usability test results using an affinity diagram to synthesize user feedback and identify common themes or patterns, such as the need for a search bar on the homepage or the ability to set daily reminders for appointments or medication.
-
Iterated on the design based on user feedback, incorporating features like a search bar, daily reminders section, and voice input option in the final high-fidelity interactive prototype developed in Figma.
What I Learned:
-
The importance of gathering user insights from diverse sources to fully understand the unique needs, motivations, and pain points of different user groups (doctors and patients) in the context of telehealth services.
-
The value of benchmarking existing telehealth apps to identify common usability issues and areas for improvement, which can inform the design of a more user-friendly and intuitive TeleMed app.
-
The benefit of using ideation techniques like Crazy 8's to generate a wide range of potential design solutions for addressing the identified user pain points, such as streamlining appointment booking or providing easy access to medical records.
-
The significance of creating user personas and developing a comprehensive information architecture to ensure the TeleMed app design caters to the specific needs and requirements of its target users.
-
The importance of usability testing with a diverse user group, including individuals with disabilities, to ensure the TeleMed app is accessible and usable for all users, regardless of their abilities or limitations.
-
The role of affinity diagramming in synthesizing user feedback and identifying common themes or patterns, such as the need for a search bar or the ability to set daily reminders, which can inform design improvements.
-
The iterative nature of the design process, where user feedback is continuously incorporated to refine and optimize the TeleMed app, resulting in a more user-centered and intuitive final product.
What I Would Do Differently:
-
Dedicate more time and effort to refining the visual design elements of the TeleMed app, such as typography, iconography, and color schemes, to create a more polished and visually appealing user interface that enhances the overall user experience.
-
Conduct additional rounds of usability testing with a larger and more diverse group of participants to uncover potential edge cases or usability issues that may have been missed during the initial testing phase.
-
Explore accessibility guidelines and best practices in greater depth to ensure the TeleMed app meets the highest standards of inclusivity and usability for users with various disabilities beyond just visual impairments.
-
Involve stakeholders and subject matter experts from the healthcare industry throughout the design process to gather valuable domain knowledge and ensure the TeleMed app aligns with industry best practices, regulations, and business goals.
-
Conduct ongoing research and stay updated on the latest advancements, trends, and user expectations in the telehealth industry to incorporate innovative features and design solutions that keep the TeleMed app competitive and relevant.
Validation
The decision to develop TeleMed was validated through comprehensive research and testing:
-
User Insights: Interviews with doctors and patients revealed frustrations with current healthcare systems and a willingness to embrace telehealth for its convenience.
-
Competitive Analysis: Benchmarking against existing apps identified usability issues, signaling an opportunity for TeleMed to provide a more user-friendly solution.
-
Iterative Testing: Through wireframing and prototype testing, positive feedback confirmed the app's potential to address user needs, including streamlined appointment booking and accessibility enhancements.




Personas
This project required two user types. One the practitioner, and two the patient.
Methodology
8 participants were interviewed 3 over the phone and 5 via online video (during COVID). Participants were part of a controlled interview where the goal was to uncover aptitudes and motivations that might influence personas behaviors.
Key Doctor Insights:
-
Doctors spend 25% of day on administrative paperwork, mainly patient visit forms and summaries. Causes frustration and burnout over repetitive tasks.
-
Current electronic records system forces sequential form filling before visit closure, even if data remains unchanged.
-
Post-visit summaries average 7 mins per patient to replicate info captured during exam.
Key Patient Insights:
-
63% of patients perceive telehealth appointments as less personalized or lower quality.
-
Top concerns about video visits include privacy, lack of physical exams, and tech complications.
-
Once experienced, over 80% found convenience and communication equal to or better than in-office visits.
Bechmark
4 different dedicated Telehealth apps were benchmarked, Three of those apps are a direct and one an indirect competitor. During this benchmark I found that the UI in some of them had unnecessary steps that frustrated the user, one of this pain points included not having an easy way to return and/or having to confirm on a simple next step advancement.


Competitive Analysis
Some of the criteria in which this analysis was focused on included app general information, user first impressions, interaction, and visuals design. Insights gather from this analysis include utility and initial perception ideas. (click image for more detail)

Information Architecture.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.

Ideation
Prior to wireframing and through the process of ideation Crazy 8s was used as a technique to come up with possible ideas for an intuitive and useful design, that both serves the needs of its users and was user-friendly.

Wireframes
Keeping in mind stakeholder specifications, and putting the user front and center of the design the app was optimized from previous designs analyzed during benchmarking.

Project Research Plan
Background
I wanted to catalogue and asses the utility that the app features provides to a specific community via a low-fi app, specifically look at tools and the interaction of the user with a view to improving them discovering and eliminating user’s pain points.
Research Goals
We want to asses the usability and intuitiveness of the app, with the final goal to eliminate any potential pain points and increase the usability and efficiency for both users and clients.
Research Questions
-
How long does it take a user to find a suitable doctor and make an appointment on this app?
-
What can we learn from the user flow - or the steps user take to make a doctors appointment?
-
Are there parts of the user’s flow where users get stuck?
-
Are there more features that users would like to experience in this app?
-
Do users think the app is easy or difficult to use?
KPIs
-
Identify KPIs progress to our ultimate goal
-
Time on Task
-
Can participants find X, Y, Z on the current prototype
-
How long does it take participants to find tools X, Y, Z in this circumstances
-
The frequency user find and use the navigation / search option
-
What can we learn from query structure and patterns
-
User error rates
-
Drop off rates
-
Conversion rates
Methodology
-
Unmoderated usability study
-
Location: United States, Mexico, and Morocco remote (each participant will complete the study from home following prompts from typeform.com )
-
Date: 03/01/2022
-
Length: Each sessions will last from 5-10 minutes based on the list of prompts
-
Compensation: $25 gift card
Participants
-
Participants are all people living in remote areas which visit a doctor more than 5 times per year.
-
Two men two women and one non-binary between the ages of 20-75 one participant with a visual impairment.
-
The study is accessible for users with a screen reader and switch device
Script
During the unmoderated usability study
A list of prompts appears on the device screen:
Complete log-in process and arrive at the home screen
Pick one of the four options for a visit
Choose triage and continue to symptom page.
Continue to health profile and chose one of the four health profiles.
Move forward choose a doctor a select one of the options
Select a date and continue with selecting a time
Choose patient “me” or “my child”
Confirm appointment
From home screen figure out where to change address
How did you feel about this app overall? What did you like / dislike about this app?
Participants will complete the System Usability Scale:
Participants will score the following ten statements by selecting one of
five responses that range from "Strongly Disagree" to "Strongly Agree."
I think that I would use this app frequently.
I find the app unnecessarily complex.
I think the app is easy to use
I need the support of a technical person to be able to use this app.
I find the app easy to navigate.
There is inconsistency within the app.
I imagine that most people would learn to use this app quickly.
I feel confident using the app.
I need to learn a lot of things before I can start using this app.
The main user flow is clear.

Affinity Diagram
There were five main themes in this affinity diagram: Menu and Navigations, Journaling, Intake, Medications, and Participants feelings. This information was used to create actionable insights that transformed the functionality of the app.

A|B Low-Fi Testing.
Some important insights gathered during the low-fi A|B testing were that users felt the icon options were more intuitive that text cards. The emergency button was commented on as a positive thing to have that make the user feel comfortable to have that option.
User testing actionable insights.
Based off participants insights and behaviors, the app was iterated and updated to be more intuitive.
a) A search bar on the homepage
b) Daily reminders section
c) Easy access to join appointment
d) Daily reminders option toggle
e) A mic feature on the navigation bar
Figma prototype
With just a touch and a swipe, you can expand and move images with your fingertips. This interactive feature allows you to zoom in for closer inspection and navigate with ease, ensuring a seamless and engaging experience as you explore our content
UI Intro.
This design is ment to appear user-friendly clean and lively, without taking away a sense of seriousness to the user’s health
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more.
Color scheme
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more.
Images and Logos
UI Elements

High Fidelity UI Iteration

1. Unnecessary spacing and color change
This unnecessary color change created a distraction for the user, therefore the design was modified to have a less observable change as to avoid any distraction from the user and to comply with the gestalt principals
2. The icons on the feature visit options were not obvious enough
Users took longer to decide where to go next due to the lack of hierarchy. The icons were made more obvious to bring attention to the user's eye and increase intuitiveness.
3. Intake time reminder wasn't obvious to the user
The intake nudge reminder wasn't effective enough as the color didn't indicate urgency or activity. So the colors were modified, green when action was needed and red for urgency.
4. A|B Testing User Preference
Users, steer to a horizontal menu instead of an all-in-one page option. The design was then modified to satisfy public opinion.
5. Icon Symbology Wasn't Immediately Clear to the User
The icon wasn't clear enough for the user to understand without reading the caption. Benchmark research was done to find out a more identifiable image that would make the experience more intuitive.
Additional Feature (1)
2 Out of 10 users mentioned they would like to have an expandable feature that would tell them more about each visit option.
Additional Feature (2)
1 out of ten users mentioned an accessibility feature for people with reading limitations. Following accessibility guidelines an option to increase the font size was added on the homepage of the app.


Website
Following the dedicated app’s style and design the complementary website can allow users for a larger screen and even more features such as a Records feature that users can use to update all of their medical information.
The design is consistent typography, iconography, and symbology are all connected to the dedicated app’s branding style, Making the interaction with the website intuitive after using the app.
The website however does not put a focus on daily intake reminders as the goal is to use the handheld device to improve
