Medvisit

Medvisit is a healthcare platform that facilitates appointments between patients and doctors. To streamline the appointment management process and ensure accurate representation of doctors on the platform, a user-friendly dashboard is essential for clinic staff.

prototype 🔗

Web

Web

May 28, '21

May 28, '21

UX/UI Design

Type

Date

Service

Problem Statement

In today's fast-paced world, accessing timely and quality healthcare services remains a significant challenge for many individuals, particularly those with mobility constraints or residing in remote areas. Traditional healthcare systems often struggle to meet the demand for appointments, resulting in long wait times and limited accessibility, with 40% of patients reporting dissatisfaction with appointment scheduling processes.

/ Slot booking available /

/ Slot booking available /

User Personas

Shweta

Clinic Admin / 30

She has been working as a clinic administrator at a busy medical practice for over 5 years. She She oversees appointment scheduling and manages doctor profiles

She has been working as a clinic administrator at a busy medical practice for over 5 years. She She oversees appointment scheduling and manages doctor profiles

▪︎ Manually recording appointments leads to inefficiencies and potential errors.

▪︎ Updating doctor profiles on the Medvisit website is tedious and prone to mistakes.

▪︎ Time constraints make it difficult for Sarah to dedicate sufficient attention to these tasks.

▪︎ Manually recording appointments leads to inefficiencies and potential errors.

▪︎ Updating doctor profiles on the Medvisit website is tedious and prone to mistakes.

▪︎ Time constraints make it difficult for her to dedicate sufficient attention to these tasks.

▪︎ Manually recording appointments leads to

inefficiencies and potential errors.

▪︎ Updating doctor profiles on the Medvisit website is

tedious and prone to mistakes.

▪︎ Time constraints make it difficult for her to

dedicate sufficient attention to these tasks.

Challeneges

Challeneges

Challenges

Challenges

Gautam

Receptionist / 28

He works as a front desk receptionist at a bustling medical clinic, handles patient inquiries, schedules appointments, and assists with administrative tasks.

He works as a front desk receptionist at a bustling medical clinic, handles patient inquiries, schedules appointments, and assists with administrative tasks.

▪︎ Juggling multiple tasks simultaneously can lead to errors and oversights.

▪︎ Coordinating appointment schedules for multiple doctors and specialties is challenging.

▪︎ Accessing and updating doctor profiles on the Medvisit website is time-consuming and

requires manual input.

▪︎ Juggling multiple tasks simultaneously can lead to

errors and oversights.

▪︎ Coordinating appointment schedules for multiple

doctors and specialties is challenging.

▪︎ Accessing and updating doctor profiles on the

Medvisit website is time-consuming and requires

manual input.

Challeneges

Challenges

To better understand how our users currently manage appointments, I conducted interviews with clinic staff members from diverse healthcare settings. These interviews aimed to uncover their existing processes, pain points, and areas for improvement in appointment management. Engaging with clinic administrators to front desk receptionists provided insights into various perspectives within healthcare.

Insights & Takeaways

By understanding the challenges faced by clinic admins like Shweta and receptionists like Gautam in managing appointments and updating doctor profiles, it's clear that there's a pressing need for a user-friendly solution that streamlines these tasks. Simplifying appointment management and doctor profile editing will not only save time but also reduce errors, ultimately improving efficiency and enhancing the overall patient experience.

Objectives

Design a dashboard that simplifies appointment management for clinic staff.

Enhance user experience through intuitive navigation and clear information presentation.

Enable quick access to doctor profiles for updating information.

Moodboard

Moodboarding was instrumental in shaping Medvisit's design. By compiling visual elements, color schemes, and typography onto a single board, I established a cohesive visual identity aligned with the brand's values. This process facilitated collaboration, communication, and served as a reference point throughout the design journey, ensuring consistency and alignment with project goals.

Information

Architecture

Information Architecture

Medvisit's information architecture ensures easy navigation by organizing key features into clear sections, facilitating efficient task completion for users.

Wireframes

The following wireframes helped me see how different layouts might work for app concepts and envision basic interfaces.

Visual Approach

For Medvisit's visual approach, we opted for the modern and versatile Poppins font due to its clean lines and readability, ensuring optimal legibility across various screen sizes. Additionally, we chose blue as the primary color for its calming and trustworthy connotations, aligning with the platform's commitment to providing reliable healthcare services in a user-friendly environment.

For Medvisit's visual approach, we opted for the modern and versatile Poppins font due to its clean lines and readability, ensuring optimal legibility across various screen sizes. Additionally, we chose blue as the primary color for its calming and trustworthy connotations, aligning with the platform's commitment to providing reliable healthcare services in a user-friendly environment.

For Medvisit's visual approach, we opted for the modern and versatile Poppins font due to its clean lines and readability, ensuring optimal legibility across various screen sizes. Additionally, we chose blue as the primary color for its calming and trustworthy connotations, aligning with the platform's commitment to providing reliable healthcare services in a user-friendly environment.

Colors

Typography

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

#222222

#F3EEEB

"Poppins"

#585858

#FFFFFF

#B0B0B0

#806755

#DFC0A1

Colors

Typography

ABCDEFGHIJKLMNOPQRSTUVWXYZ

#000000

#000000

#27AE60

"Poppins"

#828282

#828282

#F2C94C

#F2C94C

#17234D

#17234D

#EB5757

#726EFF

#726EFF

#FFFFFF

✦ Dashboard : The dashboard provides an overview and easy access to various features, including the number of requests, confirmed, rejected, and attended appointments.

Final Design

1

1

2

3

4

2

3

4

DASHBOARD

Number of requested appointments

Number of confirmed appointments

Number of rejected appointments

Number of attended appointments

1

1

2

3

4

2

3

4

DASHBOARD

Number of requested appointments

Number of confirmed appointments

Number of rejected appointments

Number of attended appointments

✦ Appointments : Within the appointments section, doctors can view today's requests, all requests, confirmed, rejected, and attended appointments. They can access patient details, appointment dates, and times, and accept or reject requests.

APPOINTMENT

1

3

Filter section for appointments

Approve and reject CTA

1

2

3

2

Patient and appointment details

✦ Calendar : The calendar feature is crucial for doctors to manage their schedules and availability. They can create different availability templates, block time slots, or entire days effortlessly.

1

3

2

CALENDAR

1

2

3

Default/selected week

Option to block the whole day

Option to block time period

✦ Ratings & Reviews : Doctors receive ratings and reviews from users on the Medvisit website. The dashboard allows them to accept or reject reviews, which will then be visible on their Medvisit profile.

1

2

3

4

1

2

3

4

Patient name and profile picture

Reviews given by the patient

Ratings given by the patient

CTA to approve and reject reviews

RATINGS &

REVIEWS

✦ QnA's : This feature enables users to ask questions directly to doctors, empowering both parties. Doctors have the option to respond to user questions, which will then be displayed on their Medvisit profile.

1

2

3

4

1

2

3

4

Patient name and profile picture

Question asked by patient

Input field to reply the question

CTA to post the the reply

QnA's

✦ Profile : The profile feature is essential as it allows doctors to manage their information effectively. They can edit consultation fees, basic information (such as services, qualifications, rewards & recognition), and clinic information. Additionally, they can upload pictures of clinics, doctors, or medical facilities to their Medvisit profile.

1

2

3

4

1

2

3

4

Edit profile picture for Doctor

Basic information of Doctor like services,

qualifications, rewards & recognition.

Clinic information like name, contact and

address details

Gallery for clinic pictures and facilities

PROFILE

✦ Settings : In the settings section, doctors can edit their open hours for appointments and working days, toggle notifications, and change their dashboard password.

SETTINGS

1

1

2

3

4

2

3

4

Edit open hours for hospital

Edit working days for hospital

Notification toggle for appointment

Option to change dashboard password