Dentico | Anna Marszałek-Portfolio UX/UI

WHAT?

Mobile application

HOW?

Figma, Adobe Illustrator, Paper + markers

WHY?

Practice- get to know UX design process.

WHEN?

July 2020 - 1 month

ROLE?

UX designer, UI designer

CLIENT?

Dental clinic (hypotetical)

ELEMENTS?

Booking appointments, medical history, medical calendar, contact info.

STYLE?

Simple, modern, serious.

See prototype

The app is designed for patients who visit the clinic regularly, but also for those who visit it only from time to time. The main function is to ease appointments booking - the patient can choose the doctor, read about their qualifications and education, choose which type of treatment one needs and then choose an hour and a day of the visit. All the booked appointments are visible in the calendar and can be changed or cancelled if needed. Dentico provides information about the dental condition of the patient. It makes the patient aware of their dental problems but also helps to take care of dental hygiene better and encourages them to visit a dentist more often.

General research about the specificity of medical-oriented applications.
Analysing websites of other medical appointments booking websites.
Analysing services provided by the clinic.
Analysing the behaviours, problems, motives of the patients.
Biggest challenges and goals of the application.
Creating personas.
Creating user journey map.
Creating framework of the application -> architecture of information.
Low-fidelity ideating.
Creating the style guide that will be modern and simple.
Creating wireframes and high-fidelity prototype.
Conducting usability-tests.
Adjusting the design based on the conclusions from the tests.

How to provide a user with enough information so they are certain about the doctor and the type of visit they are choosing?
How to make the booking process transparent, easy and quick?
How to provide a user with an extra benefit that would make the application installation worthwhile?
How to handle cancelling of the appointments? Till when is it possible?
How to make the whole process of going to the dentist less stressful?
How to help the patients take care more of their dental hygiene?
How to make an application looking serious as a medical-related application and at the same time not too formal and boring?

Daniel

37 years old

Architect

Daniel works in an international architectural office. He is well-organised, positive and introverted. His work is his life passion. When he is in the middle of the design process it is hard for him to stop and talk or do anything else. Oftentimes he works overtime.

Dental care

All the previous encounters with dental care that Daniel has had in the past didn't require any complicated treatment or procedure. He prides himself in taking good care of his dental hygiene and at least once per year he goes for a follow-up dentist visit. From some time, though, he noticed that he might need more frequent visits as he has started to experience minor teeth problems.

Technical environment

Daniel is a tech-enthusiast, he likes to make his life easier with the technology, if he finds out about a way to do his errands by some new app, he does it. He likes to keep all the planned appointments in the phone's calendar to have access to it everywhere.

Mila

21 years old

Psychology student

Mila is an outgoing, creative, people person, engaged in many extra-curricular activities. Her schedule is packed and it is different each week. Besides attending university classes, she runs a student organisation and does charity work in a local NGO.

Dental care

Lately, she decided to put on braces, as she didn't feel comfortable with her smile, especially in front of a bigger public. She needs to see an orthodontist every 6-8 weeks for a follow-up visit. Her schedule is busy, that's why she wants to have a possibility to decide about the date of the appointment, not sooner then one week in advance. If her plans change, she wants to have the possibility to also change the details of it.

Technical environment

She uses her phone to organise her schedule, doctors appointments, meetings with friends. She strongly relies on the reminders and notifications on her phone, she would like to take as many things off her mind as possible.

How to provide a user with enough information so they are certain about the doctor and the type of visit they are choosing?

Provide patients with a list of all the doctors working in a clinic - for each doctor, it will be possible to see his education, accomplishments and work experience.
There will be several types of the most frequent types of appointments available, plus one categorised as "Planned treatment", it is available for patients who already have had an appointment with this chosen doctor and want to continue their treatment.

How to handle cancelling of the appointments? Till when is it possible?

The patient will have the opportunity to cancel their appointment up to 4 hours before the said appointment. After this time the patient needs to call the clinic. Cancellation is accessible from the appointment details screen.

How to make the whole process of going to the dentist less stressful?

The visit to the dentist can be very stressful, the medical procedure is always connected with some sort of discomfort and anxiety. What the application can do is to minimise the stress before and after the visit.
Provide patient with a full set of data, needed to get to and to be on time for the appointment - easily accessible contact details from the main menu- with map and navigation included, reminders set up individually for each visit so the patient will not miss it or remember about it at the last second.

How to help the patients take care of their dental hygiene more?

Patients the insight into their's medical data at all times. They can see their ongoing medical issues, problems with specific teeth, so they are aware of the state of their dental health.
Patients can set up recurring reminders that will remind them to go for a check-up visit to the dentist. By default, this option is set up every 6 months.

How to provide a user with an extra benefit that would make the application installation worthwhile?

Easy and quick booking process.
Automatic reminders about the check-up visits.
Access to dental data and on-going dental problems.

How to explain simply the design process and different types of service available?

The design process divided into 4 steps, each step explained in details.
Types of service presented in a table with an explanation of how many and which drawings are included in every package.

How to make an application looking serious as for a medical related application and at the same time not too formal and boring?

Color people associate with elegance - blue
Color people associate with medicine - blueish green
Simplicity and transparence - sans-serif font
Modern touch - rounded edges and gradient

Using high-fidelity website's prototype I conducted usability tests on three individuals. My observations :

It took a long time for users to find specific information in the app. They were confused and not certain about the contents of the four main categories on the home screen.
> "My profile" was replaced by "My medical documentation" and "My calendar" by "My appointments".
After completing the booking process the user would be redirected immediately to the home screen, although I noticed that users just after that would still open the "My calendar" tab to see if their visit is in the system.
> I decided to follow users' preferences and after completing the booking process redirect them to the calendar, where they can see the visit and they can also change the details of it.
Appointment's notifications were set up to first notification: 1 day before the visit and another one 1 hour before the visit. Users were looking for a way to change it, as they didn't feel these dates were suitable for them.
> The options to set up both notifications at any date and time was added.

Users like to be given a choice - whatever it's the time of the notifications or the time of the dental appointment.
Every item that is on the home screen should be labelled with extra attention and should be tested, if some elements are labelled wrong here- at the beginning of the user's contact with an application, it can lead to user's frustration, feeling lost and anxious and finally not using it anymore.
Sometimes what seems like a natural user flow might not be such, it is crucial to watch users perform simple tasks to watch what they are expecting to be next and what is a natural flow for them when it comes to this specific application.

ABOUT

PROCESS

CHALLENGES

Personas

Daniel

37 years old

Architect

Dental care

Technical environment

Mila

21 years old

Psychology student

Dental care

Technical environment

User journey

structure

Low-fidelity

Style guide

Usability tests

Learnings