Victor UX Pro Design Logo
Victor UX Pro Design Logo
Project Overview

The Product

Sweet Body is a new health company, thinking about the people who can’t go to therapy many times a week in a place far from home. The main project goal is to find a way to look for the right physiotherapists, review their profiles, specializations, and achievements and book an appointment on any day of the week, not at the health center but at the patient’s home.

Also, the app will have an entire patient profile with all the medical data, like blood type, blood pressure, diseases, treatments, medicines, recipes, etc.

Responsabilities

This health project was developed by a new small company, and for that reason, the development team was very small, with only the necessary staff to make the project come true.

I had the responsibility of creating all the UX processes from scratch. Wireframing, working as a UX researcher, prototyping, and making all kinds of tests.

Understanding The User

  • User Research
  • Personas
  • Problem Statements
  • User Journey Maps

Starting The Design

  • Paper Wireframes
  • Digital Wireframes
  • Low-Fidelity Prototypes
  • Usability Studies

Low Fidelity Prototype

Making low-fidelity prototypes.

They are based on previous screen designs. You can try the user flow by going to this Figma link:

Try Low-Fidelity Prototype

You can try the prototype on your smartphone by scanning the QR code:

bit.ly_sweetbody-LFP

Low Fidelity Prototype

Usability Study

Table of content

  • Section 1 - Study Details
  • Section 2 - Themes
  • Section 3 - Insights & Recommendations
Project Background

We are creating a new health application for those who need a therapist. All our personnel in going to patient’s home to give an easy way to receive all kind of treatments.

Study Details

Research Questions

  1. How much time spend the user to successfully complete all the steps to schedule an appointment in the app?
  2. What can we learn about the steps the user follows to schedule an appointment with the therapist?
  3. Are there any steps in which the user is getting stuck?
  4. Is there any section in the app non-useful for the user?

Participants

The participants are all athletes who perform activities more than once a week. This includes full and part-time workers, students, and parents.

Four men, four women, and one non-binary individual between the ages of 17 and 60. One of the participants is a deaf person.

The studio can be accessed for use with a screen reader and switch device. We will give a $5 gift card to reward them.

Methodology

Unmoderated usability study.

  1. Location: United States, remote (each participant conducted the usability study in their own home).
  2. Date: The sessions will take place on July 24 and 25.
  3. Nine participants, each completing the study on their own.
  4. Each session will last 25 minutes and will include an introduction, a task list, and a short quiz.
Themes / Challenges

Most participants didn't know how to get started

  • 4 of 5 participants show difficulty with where to start the scheduling process.
  • Not all participants showed difficulty to achieve the assignment.

“There are so many options on the home page. I don’t know how to start”

(Participant A)

Some participants didn't know how to make the payment

  • 3 of 5 participants show difficulty about how to complete the payment process correctly.
  • Not all participants showed difficulty to complete this process.

“I couldn’t complete the payment section because it’s a little confusing” 

(Participant E)

Some participants want to book a therapist in a regular basis

  • 4 of 5 participants want to add a functionality that makes them schedule an appointment with the therapist several times at once.
  • Almost all participants showed interest in scheduling several days for their therapy.

“What if I need to schedule a whole month and pay for it immediately? Now, I can’t do that” 

(Participant C)

Insights & Recommendations

Research Insights

Confusion about how to get started

Users feel confused on the main screen when they have to select the therapist and began the process.

Trouble making payments

Some users feel incomplete in the payment section, and recommend adding more payment options.

Select multiple dates

Almost all users recommend adding a feature that allows selecting more than one date per session.

Updating the Design Insights

App sections before usability study

  1. Most participants didn’t know how to get started.
  2. Some participants didn’t know how to make the payments.
  3. Some participants want to book a therapist on a regular basis.
Try Prototype before study
bit.ly_sweetbody-LFP
1
3
2

App sections after usability study

Try Prototype after usability study
bit.ly_updated-prototype-sweet-body-app
  1. The process must be modified on the Main screen, the users may know where to start and follow the steps without any distractions.
  2. We have to modify the payment process by adding some extra payment methods, so the users can choose the right for them.
  3. If we add the possibility to select several days in one session. Most of the potential users will be using and sharing the app with their families and friends.
1
3
2

Refining The Design

  • Mockups
  • High Fidelity Prototypes
  • Accesibility
High Fidelity Mockups

Based on insights updates

Note: Here, we are just highlighting the main user flow.

1. Login / Register

Here is the main access with
username and password. Also
has an alternate way to login /
register with: Facebook, Twitter
and Gmail.

2. Home Page

You can find several options on
the Home Page, like scheduling a Therapy Session, Medical History, Pharmacy, etc.

Also, you can view all the available Health Specialists at the bottom of the page.

3. Therapist List

Here is the list of all available
Doctors who can attend to you
at home.

They are organized by experience, reviews, and awards.

4. Therapist Profile

Here you can view the therapist’s data, the days and times they are available and the extra services they can do for you at home.

5. Selecting date and time

Here, you can select the day and time you want the therapist to go to your home.

6. Pay & Confirm Booking

Here you can review all you select before, the therapist’s name, the date and time, the extra services, the total amount, and all the payment options.

When you finish the review, you just click the “Pay & Confirm Booking” button and the session will be confirmed.

7. Session Confirmed

Finally, when you complete the process, will appear a popup window, with a confirmation message.

That means the scheduling is now complete, and the therapist will be at your home very soon!

Design Sistem

  • Icons
  • Sticker Sheet
  • Components
High Fidelity Mockups
Try High Fidelity Mockup
bit.ly_hifi-prototype-mainflow-sweetbody
Accesibility Considerations
  1. Color: Color contrast comply with WCAG 2.1 AA level requirement.
  2. Visibility: Content hiding techniques such as zero opacity, z-index order, and off-screen placement are not been used exclusively to handle visibility.
  3. Focus: Is handled in a logical order and consistent manner.
  4. Alternative text: All user interface components with visible text (or image of text) as labels, have the same text available in the programmatic name of the component.
  5. Handling State: Standard controls such as radio buttons and checkboxes are handled by the operating system.
  6. Orientation: Content is not restricted to a single orientation.

Next Steps

Now, our team is sending all this info to UX Engineer Team. They will develop the project and a few weeks later we will enter an iterative process to build a better experience for the final user.

You can download the PDF Project here

Keep in touch

Instagram

LinkedIn

Behance

info@victoruxpro.website

Victor UX Pro, 2023 ©