These labelled graphic interactions were inspired by the Articulate e-Learning Heroes weekly challenge #118 Creating Labelled Graphic Interactions for e-Learning which was to “design a labelled graphic interaction for e-learning using the built-in markers or create something from scratch using shapes and graphics”.
This demo fits well into the “labelled graphics don’t require a structured layout” information provided as an introduction for this challenge.
For this design on courtroom participants I used the built-in markers in Storyline 2. This design was a revamp of a design I worked on quite a while ago where I had hover states to reveal the information rather than markers. Without using labelled graphic interaction, this demo could look something like this:
The Water Cycle
This demo is a good example of how you can incorporate information into one interactive graphic, engaging the learner and giving them the choice to view the information in the order they want without overwhelming them with too much information on the screen at once.