.png)
UX/Visual Designer
Graphic/Motion/Brand Designer
Director/Producer/Editor of Lecture Videos
A series of asynchronous, device responsive, online educational courses created to enhance the communication skills of health care providers.
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.
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. I also had to ensure that the interface prevented learners from advancing in the course before completing each module in sequential order to ensure an optimal learning experience.
User research discovered that there is a real need for courses like the HCTS, especially among current patient providers, those who are seeking CME and CNE credits, and UT students who would like to expand their health communication skills. The fact that they focus on health communication is unique among many of their fields, and this addition to their tool kit will help with promotions, or supplement their medical school applications.
Many of these learners have some concerns, like making sure they can fit these courses within their free time. They also want to make sure the course is intuitive, and doesn't require them to use a lot of their time figuring out how to navigate within their course. Finally, they want the course to be asynchronous, so they don't have to meet specific deadlines in order to finish the course.
This is a visual of the site map for each course. They will all include a "Start Here" page, three modules with a supplemental discussion or assignment, and a course wrap-up page.
I made sure the modules would not unlock until all of the module activities were completed to ensure the learners moved through the course sequentially. This prevents the students from trying to take the final course quizzes before they learned the materials.
After several paper wireframe iterations, I created digital wireframes in Figma. Once the team was satisfied with the layout, I developed a low-fi prototype to ensure the user flow made sense to our learners.
I made sure the modules would not unlock until all of the module activities were completed to ensure the learners moved through the course sequentially. This prevents the students from trying to take the final course quizzes before they learned the materials.
Our key performance indicators (KPIs) are currently based o the qualtrics survey responses our learners submit after completing the course. Currently, our average satisfaction rating is 4.85 out of 5. We also see grant awards from institutions like the Center for Disease Control (CDC) as KPIs.
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), who has recently awarded a grant to HCTS for a new course called, "How to Think Like a Modeler." The grants from TEPHI and the CDC are proof that there is a high demand for the product we've been producing.
The final course design for HCTS serves as a template for all 14 courses in our catalog. It is professional yet approachable, featuring a clean design and simple navigation. Learners must complete each module before the next one unlocks, ensuring a sequential learning format. This approach enhances the learning experience and helps learners earn credit for the course.
Please note: Sometimes Webflow (where I host this site) doesn't handle embedded Figma prototypes well. If you notice anything strange while you play with this HCTS course here, please try it out in Figma.
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.
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.
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.
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.
