6 Examples That Show You What’s Possible with Labeled Graphics

You know when people put post-it notes on a map or a how-to image to make annotations for themselves? It’s a common thing to do because it’s so helpful to see information in the context of where, or how, it will be used. E-learning makes it super-easy to create graphics like these online—with neat interactions that display info when it’s needed, in the context where it makes the most sense.

Check out these examples to see how e-learning developers use interactive labeled graphics in practice: 

  • See how you can show learners the essential parts of equipment in this space shuttle–themed labeled graphic by Phil Mayor. And get the free download to experiment with your own images and content!
  • Zoom in to bring labeled parts of graphic into focus with this stylish interaction by Charles Hamper.
  • Tour the anatomy of the human foot in this interactive graphic by Richard Hill.
  • Watch how this information security graphic by Lisa Walker shows learners common problems in the context in which they’re often encountered.
  • Try this elegant interaction by Amar Kulshreshtha, which lets learners explore the major organs of the human body. It’s a great approach to presenting info and letting learners determine how they’d like to explore it.
  • Help learners visualize info where it’s most relevant. This energy savings–themed demo by Lyn Lucovsky shows viewers exactly what parts of their home are common energy-guzzling culprits.

Wondering how you can get effects like these? It’s easy to do in Articulate Storyline 2 using tools such as hotspots, markers, and layers. Try experimenting with these features and then share your example in this E-Learning Challenge.

Be the first to comment