Teladoc UX Overhaul: Smoother, Safer, and More Intuitive

In Teladoc app redesign UX project, the goals are to streamline appointment processes, standardize navigation labels, improve error communication, introduce an emergency option, and enhance overall user experience. Critical usability issues persist, including limited appointment control, inconsistent navigation labels, and inadequate emergency response features, leading to frustration, inefficiency, and potential safety concerns for users.

Headquarters

Headquarters

New York

Founded

Founded

2002

Industry

Industry

Health Care industry

Revenue

Revenue

$2.60 billion

Company size

Company size

5,000+

Challenge

The app had a cluttered interface, making it difficult for users to navigate and find essential features. Users were facing issues with the onboarding process, which was affecting new user adoption rates. The app lacked personalization and customization options, making it less engaging and user-friendly.

Results

The app's ease of use received commendable ratings, giving it a commendable score of 3.6 out of 5, with 92% agreeing it was easy to navigate.

The improved onboarding process resulted in a 35% increase in new user adoption rates.

The scheduling consultations achieved a completion rate of 71%, while simulating emergency assistance reached an impressive completion rate of 86% enhanced user needs, leading to a 25% increase in user retention rates.

35%

Improved onboarding process

25%

Increase in user retention

92%

Ease to navigate and user-friendly experience

  • Research

    Analysis

    Ideate

    Design

    Competitive analysis

    Heuristic Evaluation

    Surveys

    Brain storming

    Low fidelity design

    Usability testing

    Results Analysis

    Sketch

    High fidelity design

    Feedbacks

    Information architecture

    UI kit

    Final prototyping

    Wireframe

Process

Competitor Analysis

Competitor Analysis

Summing up the competition. Amwell excels in scheduling, MDLIVE offers user-friendly features, and Health Tap has flexible appointments. Teladoc's future focus: enhance specialist availability, introduce prescription delivery, and improve user engagement.

Summing up the competition. Amwell excels in scheduling, MDLIVE offers user-friendly features, and Health Tap has flexible appointments. Teladoc's future focus: enhance specialist availability, introduce prescription delivery, and improve user engagement.

User Reviews

User Reviews

  • Harvey Tucker

    @Harvey

    They need a text-to-a-doctor feature for people like me with severe panic when it comes to phone calls and video calls

    Guy Mccoy

    @mccoy

    Worst experience ever!!! Requested appointment at least 6 times. I waited over 2 hours for customer service, only to be told there wasn't a problem. There is no emergency option when needed. person will die waiting for them to respond.

    Kayla Ray

    @kayray

    The app is garbage!! The onboarding is horrible, it doesn't save passwords or allow you to use pin or fingerprints to login. The app runs incredibly slowly; its not intuitive at all and UI looks awful. If it were not for Covid, I would never use this app.

Survey Analysis

Survey Analysis

Then comes the design part

Then comes the design part

Starting with a design system in Figma, including font selection (Urbanist), color palette, logo, and icons, provided a cohesive visual foundation for the app redesign. Urbanist, chosen for its suitability in a medical context and similarity to the current app, ensured consistency in typography across screens. The defined color palette and logo design established visual identity, enhancing brand recognition and user experience. Additionally, pre-defined icons maintained consistency and aided in conveying information effectively. This systematic approach facilitated efficient design iterations and ensured a unified and aesthetically pleasing app design.

Information Architecture (IA) formed the foundation of the Teladoc Health App Redesign, ensuring intuitive navigation and content organization. Transitioning to paper sketching allowed for quick exploration of low-fidelity design concepts, facilitating rapid iteration and identification of usability issues. Adopting a design system in Figma provided consistency and efficiency, streamlining the creation of a cohesive visual identity and enhancing collaboration among team members. Together, these approaches enabled the creation of a user-centric app design that met user needs effectively.


Sketching

Sketching

Onboarding

Onboarding

Onboarding

Homescreen

Homescreen

Homescreen

Emergency

Emergency

Emergency

Appointment Scheduling

Appointment Scheduling

Appointment Scheduling

Usability Testing

Usability Testing

Usability Testing

User Satisfaction

User Satisfaction

User Satisfaction

Conversion

Conversion

Profile

Profile

Profile

History

History

History

Simplified sign-up and sign-in screens

Clear call-to-action buttons

Biometric authentication support

Progressive disclosure in sign-up process

Simplified sign-up and sign-in screens

Clear call-to-action buttons

Biometric authentication support

Progressive disclosure in sign-up process

Simplified sign-up and sign-in screens

Clear call-to-action buttons

Biometric authentication support

Progressive disclosure in sign-up process

One-tap access to emergency contacts

Automatic location sharing with emergency services

Live location sharing with selected contacts

Enhanced safety during outdoor activities or meetings

Streamlined appointment scheduling

Visual confirmation for successful bookings

Real-time availability updates

Timely reminders and notifications

Emphasized emergency features

Easy access to future events and records of texts,

phone calls, and video chats with transcriptions

Interactive navigation bar with subtle animation

Upgraded User Interface

Redesigned main display

Emphasized emergency features

Easy access to future events and record of texts, phone calls, and video chats with transcriptions

Interactive navigation bar with subtle animation

Upgraded User Interface

Redesigned main display

Emphasized emergency features

Easy access to future events and record of texts, phone calls,

and video chats with transcriptions

Interactive navigation bar with subtle animation

Upgraded User Interface

One-tap access to emergency contacts

Automatic location sharing with emergency services

Live location sharing with selected contacts

Enhanced safety during outdoor activities or meetings

Streamlined appointment scheduling

Visual confirmation for successful bookings

Real-time availability updates

Timely reminders and notifications

Introduction to app features

Guidance for new users

Facilitates user understandings

Introduction to app features

Guidance for new users

Facilitates user understanding

One-tap access to emergency contacts

Automatic location sharing with emergency services

Live location sharing with selected contacts

Enhanced safety during outdoor activities or meetings

Streamlined appointment scheduling

Visual confirmation for successful bookings

Real-time availability updates

Timely reminders and notifications

Introduction to app features

Guidance for new users

Facilitates user understanding

Introduction to app features

Guidance for new users

Facilitates user understanding

Homescreen

Architecture

Architecture

Why??

Why??

Why??

Login issues & Password problem

Emergency importance

Text contact feature

Login issues & Password problem

Emergency importance

Text contact feature

Login issues & Password problem

Emergency importance

Text contact feature

Accuracy and privacy concerns

Navigation and performance issues

Boring visuals

Accuracy and privacy concerns

Navigation and performance issues

Boring visuals

Accuracy and privacy concerns

Navigation and performance issues

Boring visuals

Design System

Design System

Design System

Challenges

After establishing the design system and creating low-fidelity wireframes based on research-driven information architecture, challenges arose in maintaining consistency across wireframes and accurately reflecting user research findings. Balancing creative freedom with adherence to guidelines was also a challenge. Effective communication and collaboration helped overcome these obstacles.

Conclusion

Usability testing of the Teladoc Health App prototype revealed varying success rates across tasks, with scheduling consultations achieving the highest success rate. Overall, users found the app easy to use, indicating potential for frequent use. Additionally, unmoderated remote usability testing showed positive trends, with participants completing tasks efficiently and expressing satisfaction with the app's design and navigation. Areas for improvement include refining navigation clarity and streamlining survey questions for better user experience.

Conclusion

Usability testing of the Teladoc Health App prototype revealed varying success rates across tasks, with scheduling consultations achieving the highest success rate. Overall, users found the app easy to use, indicating potential for frequent use. Additionally, unmoderated remote usability testing showed positive trends, with participants completing tasks efficiently and expressing satisfaction with the app's design and navigation. Areas for improvement include refining navigation clarity and streamlining survey questions for better user experience.

Reviews

"The emergency assistance feature is a lifesaver, and the ability to share my live location with selected contacts gives me peace of mind. Kudos to the team for listening to user feedback and making these improvements!"

Guy Mccoy

@Mccoy

"I'm impressed with the improvements in the Teladoc app. The updated UI is visually appealing,and intuitive navigation make it incredibly user-friendly. I love how easy it is to schedule appointments and adjust my preferences.

Kayla Ray

@kayray

Learnings

User-Centric Design: Understanding and prioritizing user needs throughout the design process is paramount. Incorporating user feedback and conducting thorough research helped refine designs and ensure they align with user expectations.

Iterative Design Process: Embracing an iterative approach allowed for continuous improvement and refinement of designs. Iterating based on user feedback and testing enabled me to address issues and enhance usability effectively.

Self-Reflection and Adaptation: Throughout the project, I learned the importance of self-reflection and adaptability. Being a solo project, I had to wear multiple hats and manage various aspects independently. Embracing feedback from self-assessment and adjusting my approach accordingly helped me navigate challenges effectively and grow as a UI/UX designer.

Connect with Me!

Shreya Lokare © 2024.

Connect with Me!

Shreya Lokare © 2024.

Connect with Me!

Shreya Lokare © 2024.