I started strategizing by creating an action map, and determined a variety of solutions to work in tandem. From there I focused on developing the eLearning project, using insights from constructs such as Gagne’s nine events and Meyer’s multimedia principles for optimal learning.
I created storyboard content, visual mockups, and a functional prototype, which were each reviewed, refined, and approved before I produced the final product.
Action Map
For this project, I acted as the SME, drawing from my experience as a business consultant and my education in organizational leadership and communication. The action map includes detailed items that are necessary for performing best feedback practices, and are oriented around a measurable goal of increased productivity. This ensures the resulting project will include relevant, crucial activities for the learner to complete.
Text-based Storyboard
I then used insights from the action map to weave questions, actions, and consequences for the eLearning scenario into a text-based storyboard. To help learners internalize desired behaviors, I included consistent – yet varied – storytelling scenarios that resulted in meaningful rewards and consequences.
I conceived the story’s characters, including a mentor to guide the learner through the scenario. With several rounds of review and approval, I created all text for text boxes, concepts forvisual design, and Storyline programming notes.
Visual Mockups
I then sought to bring the story to life with engaging, balanced visuals that hold the learner’s attention without causing a heavy cognitive load.
I created a mood board and then a style guide to organize my inspiration and establish consistency.
Interactive Prototype
Once my mockups were complete, I created a limited interactive prototype in Storyline 360. This included the slides, visuals, and programming of a portion of the total scenario. I received important feedback that helped improve functionality before building out the rest of the project.
Full Development
After applying the feedback I received, I developed the final product. I designed the project for an immersive, intuitive user experience throughout.
The programming includes tasteful animations when transitioning between elements like text boxes, characters, and slides.
I used variables and conditions to guide learners to the proper consequence based on their selection, and created hover states to highlight potential answer choices and the mentor’s avatar.
I designed an added layers with unique animations and slightly varied style to differentiate the mentor advice screens from the rest of the scenario.