top of page
  • Making an Online Doctor Appointment with a Reminder & Communication experience smooth & easy all through a Mobile App.

Phone Mockup.png

Usability Study

Schedule Doctor Appointment App:

“M. Doctor Appointment”

Back button.png

Project Background:

I'm creating a new app to help parents set a schedule doctor appointments to all family members or as a group of people. We need to find out if the main user experience, adding all the family members appointment without conflicting with any other appointments , is easy for users to complete.

Free_iPhone_13_Mockup_3.png

 Study details

So, let’s begin the Journey to understand the working & process of making the “M. Doctor Schedule Appointment”.

Question.jpg

Research Questions

  • How long does it take for parents to make a smooth and easy scheduling appointment for all the family members?

  • Are users able to successfully Set the appointment that they Want?

  • What can we learn from the step users take to organize their doctor’s appointment schedule?

  • Are there any parts of the appointment scheduling where users are getting stuck?

  • Is the adding schedule appointments easy for the customer?

Participant.jpg

Participants

5 participants

1 males, 3 females, and 1 grandparent between
the ages of 60-75

Methodology.jpg

Methodology

10 minutes per participant United States, remote Unmoderated usability study

Users were asked to perform tasks in a low-fidelity prototype

Prototype Tested

The low-fidelity app prototype for Doctor Appointments Schedule App was tested and can be viewed at:

Prototype Mockup.png

Theme

Homescreen Mockup.png

People wants to avoid signing in  or signing up

Supporting evidence from the usability study

  • 4 out of 5 total participants said they wanted to see the app first then they decide to make an account or not.

  • 4 out of 5 total participants expressed frustration at not being able to sign up and  went too many steps to sign up.

"I could just not login and navigate first. I wanna see the app first" (P0)

People feels frustrated about keyboard and font size

Supporting evidence from the usability study

  • 3 out of 5 total participants said they wanted to see the back button then they decide to hit the home page button.

  • 2 out of 5 total participants expressed frustration at not being able to type or read because of the size font.

"I don't like the size of the font"(P1)

Prototype Add Appointment Mockup.png
Prototype Add Appointment Mockup.png

People wants to figure out how to change the profile to add a new appointment

Supporting evidence from the usability study.

  • 4 out of 5 total participants said they confused to select or choose the profile of the member that belongs to him/her the doctor’s appointment.  

  • 2 out of 5 total participants wants to know when they click in schedule appointment icon should asking for who they going to add the appointment

"Ooooh! " That's confusion when I click in the schedule appointment icon, it goes direct to the calendar without choosing any profile from my family members" (P2)

Insights & Recommendations

Insights & Recomendation.png

Research insights 

Not required signing in or up

Users need a way to just not login and navigate first.

Increasing font

Users need better customization font size to be able to see everything and find it easily and faster.

Changing profile

Users need a way to change the profile member.

Recommendations

  • Add a sing in as a guest in the home page so users can navigate the app first. 

 

  • Add a way for users to change the profile member page easily and avoid conflicting appointments together.

 

  • Add a back button clearly to let the users be able to find it and read it faster.

Screen Shot 2022-10-17 at 9.54.35 PM.png
Project Rview.png

M. Doctor Appointment schedule App Design

Project overview

The product:

I'm creating a new app to help parents and grandparents to set a schedule doctor appointments with a reminder to all family members. I need to find out if the main user experience, adding all the family members appointment without conflicting with any other appointments and easy for users to complete.

M DOCTOR MOCKUP.png

Project duration:

December 2021 to April 2022.

Project overview

The problem:

  • Some Parents are scheduling appointments for their kids and find out that the appointment is conflict with other kid, pet or other family member appointment.

  • Grandparent forgot their Grandsons doctor appointment and to schedule another one and it was so far!

The goal:

Design an app for Set a Schedule doctor appointment reminder that allows users to easily:

- Set appointments without conflict with other ones.

- Set a reminder for the appointments.

My role:

UX designer designing an app for schedule a doctors appointments without conflict and set a reminder.

Responsibilities:

 


Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

● User research

● Personas

● Problem statements

● User journey maps

Understanding the user

User research: summary

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was Grandparents who keeps forgot their Grandsons appointments.

This user group confirmed initial assumptions about Our M. Doctor Appointment App, but research also revealed that forgot appointment was not the only factor limiting users from missing their appointments. Other user problems included obligations, interests, or conflict with other appointments that make it difficult to set the appointment in a appropriate day and time.

growing graph.png

User research: Pain Points

01

Missing

Parents or Grandparents keep forgot their kids, their pets or anyone in their family member.

02

Conflicting

Conflict appointments with all family members making parents or grandparents not going to their appointments.

03

Time to schedule

Parents needs to remember for time to schedule appointments to their kids, spouse or their pets.

04

Busy Calendars

Separate calendar with reminder for family members appointments only, Far from their daily or career schedule!

Based on my research our target group are Parents, Grandparents users so in designing a better a platform for them is my main priority taking all issue faced by them into consideration.

Problem  statement:

Gina is a Grandparents who needs organize her grandsons and her pets doctor appointments because she keeps forget their appointments with her spouse weekly doctor appointment.

Persona Monica - Doctor Appointment.jpg
Gina User Journey Map - Doctor Appointment.jpg

User journey map

Mapping Gina’s user journey revealed how helpful it would be for users to have access to a dedicated M. Doctor Appointment App.

Starting the design

● Paper wireframes

● Digital wireframes

● Low-fidelity prototype

● Usability studies

Paper wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized an easy and organizing appointment schedule to help users missing or conflict any appointments.

Sketch Mockup.jpg

Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.

Digital wireframes

Homescreen Mockup.png

This button at the bottom of the home screen makes it fast and easy for users to sign in with google account and without creating a new account.

  • As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

This button provides a secure sign in for users to To protect their personal information.

  • For 94% of the respondents, easy navigation is the most useful website feature. A site which is easy to navigate allows users to find the content they're looking for much faster. This means having a clear menu structure and the ability to navigate between pages quickly and efficiently.

Profile Mockup.png

Easy access to navigation that’s screen reader friendly.

Low-fidelity prototype

  • sing the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was setting and submitting a doctor appointment, so the prototype could be used in a usability study.

Low-fidelity prototype screeshot.png

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

  1. Users want to organize their doctor appointments

  2. Users want a reminder.

  3. Users want to set an appointment without conflicting with another one.

Round 1 findings

  1. The sign up process has too many typing information.

  2. Finding the back button is confusing

  3. Hard to type every appointment it’s Frustrating.

Round 2 findings

Refining the design

  • Mockups

  • High-fidelity prototype

  • Accessibility

Mockups

  • Early designs allowed for some customization,
    but after the usability studies, I added additional options to
    sign in with google account. I also revised the design so users see all the customization options as soon as they open the App for first time.

before and after usability Study.jpg

After usability study

Before usability study

  • The second usability study revealed frustration with the Sign up steps. to make it easy for all users, I add a button with sign in with google account or sign in as a guest. I also added a full calendar to set the date and the time fast and easy way.

before and after usability Study 02.jpg

After

usability study

Before usability study

all 4 screen Mockup.jpg

High-fidelity prototype

  • The final high-fidelity prototype presented cleaner user flows from signing UP/IN to confirm the appointment or sorry can’t make it!

  • It also met user needs for Sign in with google account and set the appointment reminder successfully!

 High-fidelity prototype M. Doctor.png

View the M.Doctor Appointment

Accessibility considerations

01

02

03

Provided access
to users who are hearing impairment through adding google voice to to the search bar.

Used icons to help make navigation easier.

Used a graphic icons and cartoon graphic imagery to help all users better understand the designs.

Going forward

  • Takeaways

  • Next steps

Takeaways

Impact:

The app makes users feel like M.Doctor really think about how to meet the user needs.
The App let them be organize, remind them and never miss any appointments.

One quote from peer feedback:
“I am truly impressed with how you meet every need for all the users. To be honest, I wasn't sure you'd be able to organize all of these appointments on appropriate shape, but I'm glad you proved me wrong.”

What I learned:

While designing the M.Doctor app, I learned that keeping the targeted set of users in mind would enable you to design a better and usable app design.

Next steps ...

01

Ask again and take another feedback of What problems and pain points do I want to solve it?

02

Conduct more user research to determine any new areas of need.

03

Creating as simple as a survey that asks my users about their experience?

Let’s connect!

Thank you!
I appreciate the time you spent reviewing my work on the M.Doctor appointment website!

If you’d like to see more or get in touch, my contact information is provided below.

Email: mary.nagy.art@hotmail.com

Website: mary-mikhael.com

Let's Connect.png
bottom of page