Webistia Customer Service Philosophy 101 eLearning

After making key visual design decisions (slide templates, brand colors, fonts, illustration styles), the development phase came together much more smoothly. Although I used ADDIE model of instructional design for the project as a whole, I used SAM throughout the design and development phases of course creation, reiterating on the original storyboard. For example, the first prototype included a separate lightbox slide with directions for the knowledge check slides. This lightbox slide popped up before each knowledge check slide. 

Upon receiving initial feedback on the course, I made navigation changes to simplify the transition from learn slide to practice slide. One change is that the learner receives simple audio directions (also available via closed captioning) before each knowledge check slide instead of being taken to the same directions slide before each knowledge check question. Another revision involved removing all buttons on the slides and using navigation controls in the player to send the learner from learn slide to practice slide, then back to the menu, allowing the learner to select the next learning path while viewing their course progress.

One requirement of the eLearning course was that it be accessible to all learners and meet WCAG-2.1 guidelines. In addition to providing closed captioning, text transcripts of audio content in the slide notes, and alt-text descriptions of all images, I used Color Contrast Analyzer tool to ensure readability of all text and graphics. One improvement I would make is to provide a keyboard-accessible alternative such as a dial or slider instead of the drag and drop interactions on the knowledge check exercises.