Project Type:
UI design
Articulate Rise 360 course web design for the University of Michigan School of Public Health for their online Master's program course: HEART (Health Equity with Anti-Racist Teaching) MOOC (Massive Open Online Courses.)
Program(s):
Adobe Illustrator
Articulate Rise 360
Figma
CHALLENGE:
Creating an interesting and interactive experience that aids in the consumption of units, as well as making large amounts of information more digestible.
SOLUTION:
An interactive site with clear indications of division of a variety of course materials through avatars, icons, color, and interactive elements.
HEART MOOC
AVATAR INCORPORATION:
Avatars were included in the course so students could feel more connected to their instructors, and to help close the gap of interaction they may not get through an online program. Avatars were rotated in different combinations throughout the course to ensure each instructor was incorporated evenly. They also were placed as a call to action to let students know it was time to answer a Reflection Prompt.
COLOR APPLICATION:
The course site's primary color
(Used for buttons, Rise 360 tool accents, text accents etc.)
Introduces units and sub-units
Used to call to attention for/when a task needs to be completed by the student
Call to action to complete the Reflection Prompt or reading question
Used to introduce subsections or sub-units
Used to indicate there is information to digest, or action items to complete before moving on to the next unit
INTERACTIVE ELEMENTS:
The platform's features were utilized to allow students an interactive learning experience. Interactive elements were used to call attention to terms students need to know, and test their understanding on the terms.
Accordion style list that requires viewers to interact in order to unveil the contents
Flip cards to help test knowledge and highlight specific terms
Drag and drop element to test knowledge of previous terms
Feedback and conclusions:
This course has not yet been launched to mooc.org, but here is initial feedback I have received as well as conclusions:
Faculty and staff were extremely excited about introducing a more engaging way to present their content to their online students.
They were most excited about the incorporation of the course contributors/ instructors as avatars, and how they are included in the course site.
From this feedback, after the first round of students testing the course, moving forward I would want to focus on how to further integrate the avatars into the experience, as well as the images, graphics, and icons.
Course creators:
Melissa Creary, PhD, MPH
Paul J. Fleming, PhD, MPH
Paige Nong, BA
Amel Omari, PhD, MPH
Sheeba Pawar, MPH
Whitney Peoples, PhD