Health E-Messaging

In response to the COVID-19 pandemic, UC Davis has developed a daily symptom survey and rapid COVID tests for students to get tested regularly. The current system students use to book appointments is called Health e-Messaging, but the process is long and repetitive and confusing to navigate.

Over the course of one week, I redesigned the patient portal on Health E-Messaging to streamline appointment process steps for UC Davis staff and students by 70%, to improve a lengthy and stressful experience.

Role
Duration
Tools

Challenge

How might we consolidate and present information in a visual and organized way to alleviate frustrations and issues and make the scheduling process easier for users?

Solution

I consolidated all the necessary information and steps onto one page to reduce navigation issues and allowed users to schedule and get everything checked all within one screen. I also simplified the process time by removing unnecessary steps, condensing information, auto saving previous information, and overall creating a clean, simple, and intuitive design.  

R E S E A R C H

Current Design

Complete symptom survey & schedule an appointment:
  • 1. Read and agree to appointment information
  • 2. Select your affiliation
  • 3. Complete Covid-19 screening questions
  • 4. Select appointment type
  • 5. Select testing type
    6. Confirm or edit contact information
  • 7. Input callback number
  • 8. Sign consent
  • 9. Select location of appointment
  • 10. Search and select appointment time
  • 11. Save or screenshot barcode.
Appointment Check-in:
Show symptom survey results from your email and appointment barcode from the website portal.
The current process takes almost two minutes and over 10 different steps and pages.
R E S E A R C H

User Interviews

I conducted one on one interviews with 8 different people. In order to to gain the perspective of both sides of the experience, my target audience consisted of on-campus residents and students and staff who use HEM frequently to schedule appointments, as well as the testing employees who experience the other side of checking people's survey results and appointments.

Target Audience

UC DAVIS STAFF & STUDENTS, COVID TESTING EMPLOYEES
  1. How would you describe your experience/impression the first time you tried scheduling an appointment? Was it easy or difficult?
  2. Was the interface easy to understand or was there anything surprising about it?
  3. What was the easiest and hardest task to accomplish?
  4. Could you guide me through each step of the scheduling process and explain your thought process while scheduling?
  5. What were your frustrations and challenges while trying to schedule? What do you need?
  6. What would you change about the design of the schedule process to make your experience better?
D E F I N E

Affinity Mapping

I recorded all the insights and ideas I received from the interviews and organized them into categories after identifying some commonalities. These categories were the main themes that I wanted to focus on by improving or adding features that will help address this.

💡

Goal: Design a solution to give users a simpler and more streamlined way to schedule appointments, a more organized home page with a clear hierarchy of information, and an intuitive navigation.

I D E A T E

User Personas

Using the results from my interviews and affinity mapping, I created 3 different personas to help me understand individual users' thoughts and feelings and center my designs around them and their experience – how can I help them?

Jenny: Student Employee

Jenny is a remote student working on campus and has to get tested every seven days, but she often forgets her last test date and when she needs to get her next one by. She usually remembers to schedule while she's outside on her way to work, so she prefers to schedule on her mobile phone, while she's on-the-go.

What can I do for Jenny?

  • Show the last test date on her portal and how many days ago it was.
  • Condense and simplify the process with fewer steps for easy on-the-go scheduling.

Nick: On Campus Resident

Nick is a student living in the dorms, so he has to take the daily symptom survey every day, but he dislikes having to take it twice to schedule a covid test. He dislikes having to read the same information every time and has grown tired of the repetitive and lengthy process. He has difficulty finding the button to take the survey and often misses it, and he wishes there were more accessible survey results.

What can I do for Nick?

  • Streamline the symptom survey process and integrate it into the appointment scheduling.
  • Take the survey and your approval on the same page, instead of having it emailed.
  • Simplify the entire process with only the necessary information.

Marissa: Covid Testing Kiosk Employee

Marissa is a mother who lives off campus, and works long shifts at the front door having to check student symptom surveys and covid test barcodes. Marissa usually splits her work with a coworker, so that one person can check survey results, and the other can check for the barcode.  

What can I do for Marissa?

  • Make the barcode and survey results easier to check by making them viewable on the same page, so you can check it in 1 step instead of 2.

📍 Pain Points

  1. Poor hierarchy - Information isn’t distinguished from each other making it hard to view.  
  2. Tasks take too long and many steps in the process are inefficient.
  3. Information is organized in a confusing and unclear way
  4. Overall process is long and overcomplicated.

🌱

Opportunities to Grow

  1. Create visual hierarchy to making browsing information easier and allow  important information to stand out.
  2. Include/alter features to make them more efficient and quicker.
  3. Organize information in a way that makes sense for students and other users.
  4. Simplify the process and remove or alter unnecessary and redundant steps.
D E S I G N

Sketches

First Draft

After compiling the results from my research and ideating, I drafted sketches and made more clearer drafts as I developed an idea. For my first initial idea I was planning on doing a “1 click” scheduling process where all the information and scheduling is on the homepage.

D E S I G N

User Testing

In between drafts I had users test the idea and provide feedback and I learned that a one-click scheduling wasn't the most efficient solution. I initially planned to have all of your information from previous appointments save, so you could just click once to schedule again. While having everything on one page may seem convenient, it would be a lot of scrolling, which was something that users complained about with the current HEM design. I also received feedback that they wouldn’t want to schedule the dates and time on the same page as all of their other information because it can get cluttered. Users don’t mind it having a couple steps they just want it be more concise and quick. I sketched a new idea where the primary information and scheduling buttons would be on one page, but scheduling a test would send you to the next page.

P R O T O T Y P I N G

Final Design Features

The new portal utilizes font and size variation, making information easy to read with a clear hierarchy of importance. Call-to-action buttons are also prominent and clear.

The home page now also only shows the three main features: the symptom survey (taking the survey and seeing the results), scheduling covid tests, and seeing covid test results. As you schedule your appointment, a progress bar shows what step you are in the process. All steps have back buttons, so that users no longer have to start the process over from scratch if they make a mistake or change their mind.

1.

Covid Screening Question

If the symptom survey was completed, users can continue to the next step, otherwise users are directed to the symptom survey page.

2.

Saved Information

While all information is still editable, all of the user's previous answers (contact information, appointment type, etc.) is saved from your last appointment, except for the date/time and consent form.

3.

Calendar

Dates and time are concise and clean, eliminating unnecessary redundant information like the location. The continue button is also in a fixed position, to reduce scrolling.

4.

Consent Form

The final step is consenting and then your appointment is scheduled!

Home Page

After your appointment is scheduled, it's easy to see all the important information regarding it.

Along with the date, it also counts the number of days since you last took your test, since employees are required to take it once a week. This provides a clear countdown and makes it easy to keep track of your covid test dates and requirements.

More info & Barcode

The  “More info” section allows you to click on it if it's your first time scheduling, or if you need a reminder, otherwise most users can skip that step.  The barcode can also be clicked if it needs to be viewed larger to scan easily.

The old process has 12 steps, while this process only has 4 steps. This design reduces the amount of steps by almost 70%, increases legibility and organization, improves efficiency, and makes it easier to follow and access, while maintaining a clean and simple visual design.

Takeaways

👤 Focusing on the user

When I first started I had a clear idea of what I believed was the best solution. After getting feedback from user testing, and enjoying the new solution even more, I learned not to take critiques personally. It also reminded me that I'm designing for them, not me!

🧑🤝🧑 Know your audience

For this project I didn't just think about the people using the scheduling services, but also the people on the other side of it who were checking it. Expanding my audience and thinking about all the people involved in the experience helped me craft a better solution to improve the experience of not just one group, but multiple.