How to Design Visual Feedback Meters in Articulate Storyline
In a recent e-learning challenge, I shared a quick tip for leveraging infographics to give your quiz results more impact. It was a simple tip and you guys produced some great examples of results slide makeovers.
In the example project, I used a feedback meter graphic that dynamically changed based on the learner’s current score. Quite a few readers asked how I built the dynamic feedback meter, so I thought I’d share the process from start to finish.
Gauges are a great way to visually communicate a learner’s progress or scores in e-learning quizzes. While Storyline doesn’t include chart-building templates, you can easily design your own graphics using Storyline’s default shape tools.
In this video workshop, you’ll learn to use Storyline’s shape tools to build a gauge graphic for your quiz results slides. You’ll see how to customize the graphic for a variety of possible results scores. You’ll also discover how to link quiz results data to dynamically update the feedback meter based on the learner’s score.
Creating the Gauge Graphics
- Creating the gauge graphic background
- Creating the colored sectors
- Creating the needle graphic
- Setting up the ticks sector angles
- Creating the gauge sectors for each score
Setting Up the Quiz
Customizing the Results Slide
Related Tutorials
- How I Built This Healthy Food Game With Drag-and-Drop
- How I Built This Around the World E-Learning Quiz
- Video Workshop: How I Built This Video Gallery Template in PowerPoint
- Video Workshop: How to Build Infographic Elements in PowerPoint
- Video Workshop: How I Built This Video Gallery Template in PowerPoint
- Video Workshop: Creating Tabs Interactions in Articulate Storyline
- Video Workshop: How to Design Custom Tabs Interactions
- Video Workshop: How to Design Visual Feedback Meters in Articulate Storyline
21 Comments