HCTS UX Design

client

My role

UX/Visual Designer
Graphic/Motion/Brand Designer
Director/Producer/Editor of Lecture Videos

Project

Health Communication Training Series (HCTS)

Health Communication Training Series

A series of  asynchronous, device responsive, online courses created to enhance the communication skills of health care providers.

target audience

Angel Gonzales Persona. She's a 23 year old pre-med student who is actively having a difficult time finding courses that won't take up too much of her time as she finishes up her last year as a pre-med student. She'd prefer to earn credit for these courses, as well as gain insight that isn't readily available anywhere else.
David Cooper persona. He is a medical internest who is looking for a promotion at his practice. His family is growing, so he'd like to provide more for them. He's hoping that taking courses in health communication will help boost his resume, as well as help him increase trust between himself and his patients.

Problem

Our team of two was given the task to create a series of easy to navigate, asynchronous courses using available, University of Texas-approved, tools: Canvas, H5P, and Panopto. Canvas is used by many institutions for online education, but can be confusing if the user is unfamiliar with its interface. As many of our learners aren’t in a school setting that would implement these tools regularly, I was tasked to create a navigation system that would make the experience of learning each course as seamless as possible. I also had to be mindful that the learners should not be able to advance in the course before completing each module in sequential order. The branding and aesthetics were my responsibility, as well.

Project Goal

The purpose of the Health Communication Training Series is to meet the demand of health communication training to healthcare professionals, that of which is very high. Our learners are incredibly busy, so the interface and content should make learning easy, enjoyable, and responsive. If they need to work on their phone or tablet during their lunch break, our courses should make that possible by implementing responsive design.

Image of young woman with dark, long brown hair, studying HCTS courses on her laptop at a coffee shop.

approach

Standard Canvas Layout

Redesign for HCTS

On the left you can see what a typical Canvas course looks like, and how students have to navigate through the course. It can feel a bit unpolished, and the flow is a bit cumbersome.

On the right you can see a typical HCTS course. I designed a clean, easy to navigate, and responsive interface that allows the user to work on the course without getting confused about their progress. I also created CSS and images that enhanced the look and feel of each course.

Performance indicators

Our performance indicators are currently based on the qualtrics survey responses our learners submit after completing the course. Currently, our average satisfaction rating is 4.85 out of 5.

Quote from  a learner who took the Pain, Opioids, and Hard Coversations course: "What I like the most about this course was the examples provided to reinforce the information that was taught. They helped me understand and remember the information!"
Quote from  a learner who took the 
Health Literacy and Clear Health Communication course: "I loved how interactive the modules were and the course instructor was engaging and taught the information in a way that was easy to understand."
Quote from  a learner who took the 
Mental Health, Stigma and Communication course: "I liked the different methods of interaction the course utilized. The course was presented in a straightforward manner and easy to learn."

solution

My solution for navigation was simple. I made sure the modules would not unlock until all of the module activities were completed. This prevents the students from trying to take the final course quizzes before they learned the materials. I also made sure as many of the elements of each module was included on their respective pages, so  the learners wouldn’t have to bounce back and forth between a module list to see what they should expect to work on.

A user task flow diagram showing the basic user flow in an HCTS course.

Key takeaways

As noted before, our average satisfaction rating for our courses is 4.85 out of 5. We have also created a buzz within the patient-provider community, partnering with organizations such as the Texas Epidemic Public Health Institute (TEPHI) and the Society for Health Communication (SHC). One of our courses has also been featured on the Center for Disease Control and Prevention’s Website (CDC). We have recently assigned someone to market these courses on social media broaden our audience.

free courses

HCTS has three free courses that can be reviewed at no expense. If you’re interested in what HCTS is doing, please click on one of the courses below. You can also visit hcts.uthealthcommtraining.org if you’d like to see other subjects available in our series.

An image displaying Dr. Ashani Johnson-Turbes with her course title, "Equity Science, Health Equity, and Big Data."

Equity Science, Health Equity, and Big Data

Welcome to the Mental Health, Stigma and Communication Course! This self-paced course is a part of the Health Communication Training Series and aims to highlight the importance of communicating effectively about mental health. It comprises video content and interactive activities to assess your understanding of the course content.

An image displaying Dr. Mike Mackert with his course title, "Pandemic Preparedness Communication"

Pandemic Preparedness Communication

The Texas Epidemic Public Health Institute (TEPHI) Pandemic Preparedness Communication course will cover the fundamental aspects of pandemic preparedness at an organizational level. In this course, you will go over the preparedness plans to put in place before a pandemic, discuss best practices for communication during a pandemic and finally, discuss how to synthesize lessons learned after a pandemic. As the learner of this course, you will have the opportunity to analyze this information and reflect on how it applies to your unique situation.

An image displaying Dr. Heather Voorhees with her course title, "Mental Health, Stigma, anc Communication."

Mental Health, Stigma, and Communication

Welcome to the Mental Health, Stigma and Communication Course! This self-paced course is a part of the Health Communication Training Series and aims to highlight the importance of communicating effectively about mental health. It comprises video content and interactive activities to assess your understanding of the course content.