Team

Individual

Industry

Health-tech

Year

2023

Overview

The objective of this design challenge was to craft an intuitive and user-friendly Patient App. The project scope encompassed designing essential screens, including the user profile, home page, and settings sections. My approach prioritized creative problem-solving, precise attention to detail, and a steadfast commitment to user-centered design principles.

Problem statement

Identifying the need for a modern, efficient Patient App to streamline booking appointments, accessing lab results, purchasing medications, and managing healthcare needs. The goal was to deliver a solution that emphasizes user convenience and satisfaction.

Desk Research

Secondary Research

Insights

User Personas

Design

Information Architecture

User Flow

Wireframes

User Interface

Final Screens

Mockups

Strategy

Project goal

UX Canvas

Visual Design

Typography

Color Palette

Iconography

Approach

Approach

To address this challenge, I adopted a structured design process starting with in-depth research and user persona creation. This was followed by wireframing, prototyping, and designing visually engaging user interfaces.

My focus was on delivering an intuitive and aesthetically pleasing app that elevates the healthcare experience.

Common Challenges in Accessing Healthcare

Common Challenges in Accessing Healthcare

Difficulty Finding a Nearby Healthcare Provider:

Users struggle to find healthcare providers in their vicinity quickly, leading to delayed care or inconvenience.

Inefficient Appointment Reminders:

Users do not receive effective appointment reminders, resulting in missed appointments or last-minute cancellations.

Accessing Lab Tests and Documents:

Users encounter obstacles in retrieving their lab test results, medical records, and important documents, leading to inconvenience and potential delays in healthcare decisions.

Lack of Access to Medical Records:

Users might have trouble accessing their medical records or test results when needed for consultations or emergencies.

Complex Health Information:

Users may struggle to comprehend complex medical jargon or diagnoses, making it challenging to make informed decisions about their health.

Limited Health Education Resources:

Users may have difficulty finding reliable and user-friendly health education resources within the app.

Barriers to Adoption of Health Apps

Lack of time and effort.

individuals managing busy schedules may struggle to allocate time to explore app features or maintain consistent usage. For a health app to succeed, it must minimize friction by offering a seamless, time-efficient experience that integrates effortlessly into users' lives.

“Some apps are so complicated. I delete ‘em, because it’s just too much, you know. So I’m looking for something pretty straightforward.”

“Ease of use. You want to get to the process as simple as possible. The app doesn’t have to do everything, but you need to feel easy to use”

Lack of motivation and discipline.

Lack of motivation and discipline often hinders users from consistently engaging with health apps. Many individuals struggle to stay committed to long-term health goals, especially if the app fails to provide personalized incentives or timely reminders.

“It just takes a lot of discipline.”

“Someone who is using these apps is kind of dedicated.”

Who are we designing for? | User Persona

Who are we designing for? /
User Persona

Katherine J.

75 | Retired schoolteacher

living alone in a suburban area.

Goals and Motivations

Stay Healthy: Katherine's primary goal is to stay healthy and manage her health conditions effectively to maintain her independence and quality of life.


Simplified Healthcare: She is motivated to find a simplified way to manage her healthcare, reduce stress, and minimize the need for constant external assistance..

Behavioral Traits

  • Patient and Persistent

  • Relies on Familiarity

  • Values Human Interaction

Challenges & Painpoints

Complex Medical History: With a complex medical history involving multiple medications and frequent lab tests, Mary often feels overwhelmed by her healthcare management.


Access to Lab Results: She finds it challenging to access and understand her lab test results and frequently misplaces her paper records.


Appointment Management: She struggles to schedule and remember her medical appointments, often missing important check-ups.

Project end goal

To create a user-centered medical patient app that empowers users like Katherine to manage their healthcare needs with ease and confidence, ensuring accessibility, privacy, and simplified health management.

UX

Canvas

Target Users

Designing for individuals with healthcare needs, particularly those aged 55 and above, like Katherine, who may encounter challenges due to limited or moderate tech proficiency.

User Needs

Health Management: Simplify tracking, scheduling, and monitoring.


Clear Communication: Use plain, jargon-free language.


Independence: Enable confident self-care.

Features

  • Simplified Dashboard

  • Appointment Booking & Reminders

  • Medical records

  • Documents & Lab reports access

  • Pharmacy services

Design Principles

  • Accessibility

  • User-centric

  • Clarity

  • Intuitive

Information

Architecture

The architecture is designed to ensure seamless navigation and easy access to essential features.

User

Flow

User Flow of a patient finding the right doctor/hospital/clinic/lab as per the need and finally booking an appointment.

Wireframes

These wireframes showcase the structure of a user-centered app enabling seamless healthcare management for users like Katherine

Hi-Fi

Screens

These Hi-Fi screens bring the user-centered app to life, offering a polished, visually engaging experience for seamless healthcare management.

Search & Filter

Allows patients to browse doctors by specific criteria and easily book appointments that fit their schedules.

Search Results

Filtered search results appear as cards, displaying provider details like specialization, city, and location, with options to contact or book appointments.

Appointment Booking

When booking an appointment, patients are shown available slots for the week and can select their preferred time.

Quick Access

Quick access serves as a central navigation hub, enabling users to seamlessly switch between app sections and ensuring essential features are always within reach.

Home screen

Key details, like Upcoming Appointments, are highlighted and pinned at the top of the home screen, making them easy to access and reducing the chance of errors.

Visit Details

These screens offer a clear view of medical history and upcoming appointments, allowing users to effortlessly track their healthcare journey.

Patient Profile

The screen displays user-specific details like medical records, conditions/allergies, ongoing treatments, health stats, payment information, and purchase history.

Healthcare Professional Profile

The doctor profile screen includes professional details, clinic/hospital information, availability, scheduled appointments, reviews, ratings, and staff management tools.

Leaning Outcomes

Leaning Outcomes

Through this project, I enhanced my skills in creating user-centered designs, focusing on accessibility and ease of use for a diverse range of users, particularly those with limited tech proficiency.

I learned how to structure an app's flow for seamless navigation, prioritize key features, and ensure that design choices align with user needs.

Create a free website with Framer, the website builder loved by startups, designers and agencies.