A slide from the Let's Motivate project

Ensuring Accessibility

Let’s Motivate!

This is a conceptual project that combines a flip card activity and a scenario-based eLearning experience. It is designed to help employers motivate and engage their workers during training. The content covers the ARCS Model for Motivation.

Audience: Employers who want to motivate and engage their learners during training.

Responsibilities: instructional design (action mapping, storyboarding, mockups, prototype, full build), visual design, eLearning development.

Tools Used: Articulate Storyline 360, Adobe XD, Adobe Illustrator, Google Docs, MindMeister, Freepik, Vyond


The Problem and Solution

Problem: The SME came to me with the issue of motivating their staff during her trainings. She explained that individuals did not care and did not want to participate. The SME asked me to create a training course to help her find ways to motivate her staff during training. I decided the SME had a learning gap in adult motivation and engagement.

Solution: The solution combines a flip card activity and a scenario-based eLearning. The flip card activity introduces the learner to the ARCS Model for Motivation and the scenario-based eLearning helps the learner practice using ARCS in a risk-free environment.

My Process

As I began working on this project, I used the ADDIE design model paired with different adult learning theories. When developing this eLearning, I ensured that the learners were self-directed by allowing them to go through the eLearning at their own pace. The eLearning is also relevant to the learners because it directly relates to the learners’ job.

While working with the SME, it became evident she was not sure where to start with motivation. I decided to create an eLearning explaining the foundational method of ARCS Model for Motivation. The eLearning begins with the user completing a flip card activity that gives definitions and examples of the model for the user to learn and interact with. After the flip card activity, the user goes through a scenario-based eLearning where they can practice the skills and information they learned during the flip card activity. As the user goes through the scenario, they are guided by a mentor character. The mentor character allows the user to get assistance any time that it is needed.

Action Map

An action map for the project

The first step I took when creating this eLearning was creating an action map with important information from my research and information I gathered from the SME. I created the action map using MindMeister.

Action Map

Text-Based Storyboard

After finishing the action map with the SME, I began drafting a text-based storyboard. This storyboard was an outline and foundation for the entire eLearning. This was an important step in developing the eLearning. As I worked on the storyboard, I collaborated with the SME to ensure the eLearning was to their satisfaction.

An image of a text-based storyboard

Text-Based Storyboard

After completing the text-based storyboard and getting approval from the SME, I began working on the wireframes. The wireframes then led me to create the visual mockups for each slide type I would have in the eLearning. I created the wireframes and the first few iterations of the visual mockups in Adobe XD. As I continued to improve the mockups, I began using Vyond to help create the actual backgrounds and characters for each slide.

Wireframes and Visual Mock-Ups

Wire frames and visual mock-ups for the eLearning experience
Wire frames and visual mock-ups for the eLearning experience

Wire frames and visual mock-ups for the eLearning experience

Interactive Prototype

After finishing the visual mockups, I begin working on the interactive prototype. This included both flip card activities, the creation of the userName variable slide, the mentor character slide, and one question slide with all the layers included. I gave the prototype to the SME to ensure all parts were working and interactive for the learner. Before moving on, the SME and I decided to change how the flip cards worked, and I added an extra feature for accessibility. I included a button allowing users to skip all animations if needed.

Interactive prototype built in Articulate Storyline 360
Interactive prototype built in Articulate Storyline 360
Interactive prototype built in Articulate Storyline 360
Interactive prototype built in Articulate Storyline 360

Interactive prototype built in Articulate Storyline 360

Full Development

After collecting feedback from my peers and the SME on the interactive prototype, I fully developed the eLearning. The full eLearning was created using Vyond and Articulate Storyline 360. When creating the full development, I utilized multiple layers for each slide. For example, each question slide consists of the base layer, a layer for feedback on each answer choice, and a mentor help layer. This helped me organize the content more easily. I used Vyond to help animate the characters, and change the background. This was the first time I used Vyond. I enjoyed learning and creating the animations in the program. My favorites were the conference room scenes and the email from the leadership team.

The welcome slide from the project
An email slide from the project
A slide from the project

Slides from the full development

Reflection

I learned more about the instructional design process and became more familiar with it during this third project. Creating a text-based storyboard and visual mockups was much easier for me during this project. The more I work with instructional design software such as Adobe XD, Storyline, and Vyond, the easier they are to use. I enjoyed using Vyond for this project because it gave eLearning another type of interactivity and engagement that the learner will have. It made the eLearning seem as if it were actually taking place and more similar to the actual environment the learner might experience in their day-to-day job.