Progress meters or indicators provide learners with the ability to track their progress through an e-Learning course. These meters or indicators can appear in the form of badges, gauges, or in my case, a race car. For this week’s Articulate challenge, the goal is to show how progress indicators can be used in e-Learning. So, let’s get started!
For the title screen, I wanted to keep a polished look that would do justice to the sleek lines and design of the sports cars I would be showcasing. As always, if you want to know some of the technical details behind this demo, continue to read; otherwise, click the Launch button to view.
Note: This was originally created in Storyline 2 but was later updated to Articulate Storyline 360 as of 12/4/2017. You can find the master .story file on my Free Assets page located here.
The race car-themed progress meter that first appears on the Welcome screen, and all subsequent screens were created on the slide master (View > Slide Master) – see image below. This allows me to make the changes in one location and then apply it to all slides in the course.
To create the illusion of a race car moving down the track as the learner progresses through the course, I used states, variables, and conditions. Each state is assigned a number that is associated with a specific slide (e.g., S1, S2, S3…). By using states, I can incrementally change the location of the race car on the track. These state changes are triggered based on the value of another True/False variable that I’ve created for each slide. When the variable on the slide changes from False to True, the states change accordingly.
I think you will find a lot of fun and interesting information in this demo, even if you’re not a big sports car fan. To make this engaging, I’ve created a few custom trivia questions, a little background on sports cars, and a Winner’s Circle that is displayed when you complete the course. Enjoy this one and let me know what you think in the comments.