Telehealth Primary Care System Application

CGT 42200: User Interface Design II

Designed and prototyped the user experience and user interface of a mobile telehealth application in accordance with established goals and behaviors of both patients and general practitioners who are interested in employing telehealth solutions.

Introduction

Duration

1.5 months

Skills

Personas
Problem Brainstorming
Wireframing
Prototyping
High-Fidelity Mockups

Tools

The Rise of Telehealth

As advancements are continually made in the medical and technology industries, the need for convenient, accessible, and efficient solutions increases. With the rise of the COVID-19 global pandemic, telehealth solutions have exploded in popularity. The goal of this project is to design the user experience and interface for a telehealth application that will make primary care more accessible to patients, connecting them with general practitioners (GPs), which in turn increases user satisfaction and quality of life. Although the application was never deployed in any format, completing this project during the rise of the COVID-19 pandemic helped me gain insight and understanding on how influential telehealth solutions have become, their explosion in popularity, and the rise of mobile-first practical medical solutions in every day life.

As the individual product designer of this academic project, I was responsible for creating the user experience and visual interface of a mobile telehealth application.

The Problem

The problem

How might we improve the quality of life for patients and general practitioners through a mobile Telehealth solution?

the solution

A conceptual mobile application that allows for communication, appointment scheduling, and diagnosing between patients and general practitioners.

Design Process

Understanding the Users

Contexts

It was predetermined in the given outline of the project that the main users of this application would be patients and general practitioners. The experience and interface was to be developed from the perspective of the patient for this project. According to research, the most common reasons that patients visit a clinic are for prescription renewal, general checkups, blood pressure, sick notes for employers, back pain, mental health concerns, diabetes, and vaccination.

Patients are likely to use this application with three main goals in mind:
• meet with a doctor as soon as possible,
• receive a diagnosis, and
• receive treatment.

User personas

Exploration and Ideation

Preliminary sketches

I started with several preliminary sketches, and landed on interface that incorporated cards, lists, and overlays. This format would help me adhere to the project requirements while providing an optimal interaction experience.

Wireframes

I then took those preliminary sketches and developed wireframes in Adobe XD, followed by a prototype and high-fidelity mockups (below). I wanted to use Figma for this project, but instead utilized Adobe XD to broaden my knowledge of different industry tools and softwares. I learned a lot about how the programs differ from one other, and which one I prefer to use in my daily work. 

Mockups

Defending my Decisions

Rating System
browsing by symptom
flexible scheduling
Video chat functionality

Reflections & Takeaways

Due to the nature of the class and the rise of the COVID-19 pandemic, this project was not a full in-depth UX case study.

Next steps

Conduct Extensive Research: Had I had the time or had it been apart of the project scope to, I would have conducted preliminary user research in addition to usability testing to validate my design decisions (Further market research, competitive analysis, in-depth user research).

What i learned

Keep in mind accessibility standards: After the completion and submission of this project, I was able to take a step away from the long hours of work and reflect on exactly what it was that I had just developed. I noticed some accessibility issues like those with reachability, function, and style. In future projects, I'll be sure to pay closer mind to these standards to design the most inclusive and accessible experience possible.

Use variation in layout of screens: A majority of the screens in my application are have similar layouts, button placement, etc. Although this creates a cohesive feeling toward the application for the user, it can also cause actions to come habit and robotic, instead of meaningful and done with purpose. It can be difficult for users to differentiate what part of the application they are in with no visual indicators.

Go back home