Kirkpatrick Model of Training Evaluation
This progressive disclosure eLearning experience is a conceptual project that uses a slider bar interaction. It is designed to help companies understand the basics of the Kirkpatrick Model.
Audience: companies interested in improving their training programs
Responsibilities: instructional design (action mapping, mockups, prototype, full build), visual design, eLearning development.
Tools Used: Articulate Storyline 360, Adobe XD, Adobe Photoshop, Adobe Illustrator, MindMeister, and Freepik
The Problem and Solution
Problem: Companies around the world need help evaluating their training and development programs. However, they are unaware of where to start and have a skill gap in the area of the Kirkpatrick Model.
Solution: The solution is a progressive disclosure eLearning that utilizes a sliding bar to navigate the material. The sliding bar allows users to manipulate the content shown on their screen. A progressive disclosure eLearning is an interaction design that sequences through the material across several screens. This can help reduce cognitive overload and enhance the user’s learning comprehension.
My Process
As I began working on this project, I decided to use the ADDIE design model paired with different adult learning theory. When developing this eLearning, I ensured to allow the learners to be self-directed. The eLearning is also relevant to the learners because it directly relates to their job and will help with the training and development process for their company.
Mind Map
The first step I took when creating this eLearning was creating a mind map with important information from my research. I gathered information directly from the Kirkpatrick website and the University of San Diego.
Mind map
Learning Goal & Objective
Learning Goal: Learners will use a sliding bar interaction to understand the basics of the Kirkpatrick Model.
Learning Objective: Learners will be able to differentiate between the different levels of the Kirkpatrick Model.
Text-Based Storyboard
After completing the research, the mind map, and creating the learning goal and objective, I began working on a text-based storyboard. This step was important because it was the base of the entire eLearning solution. I started first, by outlining the content and grouping similar material together on each slide.
Text-Based Storyboard
After completing research and creating a mind map, I began working on the wireframes and visual mock-ups. I created a mock-up for each type of slide in the eLearning. As I progressed, I went through several iterations of each slide. I enjoyed this process because I was able to see my eLearning progress from wireframes to a full visual markup.
Wireframes and Visual Mock-Ups
Visual mock-ups for the eLearning experience
The progression of the introduction slide starting at the wireframe and ending at the final visual mock-up.
Interactive Prototype
After finishing the visual mockups, I begin working on the interactive prototype. This included the two slides to show the interactivity with a few of the layers on the second slide to show the slider interactivity. Doing this allowed me to get feedback and ensure that all functionality was working.
To create the prototype I used Articulate Storyline 360, Adobe illustrator, Adobe, Photoshop, and Freepik.
Interactive prototype built in Articulate Storyline 360
Full Development
After collecting feedback and completing several iterations of the prototype I began developing before development of the eLearning solution. to do this. I use art Articulate Storyline 360.
The full development consists of eight slides using a sliding bar interaction. The sliding bar is a progressive disclosure type of eLearning. This type of eLearning allows the learner to be in control of their learning as the screens sequence through the content. This type of eLearning also allows the learner to break up the learning into manageable pieces and helps reduce cognitive overload. This will help enhance the learner’s learning comprehension of the content.
Slides from the full development
Reflection
During this second project I learned the benefit of progressive disclosure eLearning. It takes a large amount of information and breaks it up into sequential order for the learner. I also grew to enjoy and began embracing the entire instructional design process even more. Something else I learned is not every instructional design eLearning is the same and will sometime have a different path to development.