Labelled Graphic Interactions for e-Learning

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”.

Courtroom Participants

Click on the image to view the demo

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:

Image credit:


The Water Cycle

Click on the image to view the demo

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.

Image credit:

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s