What’s the Swiss Army Knife of E-Learning Interactions?
Most experts claim the tabs interaction is the most common type of e-learning interaction. Fair enough. Tabs use a familiar navigation layout that makes it really easy to chunk information.
But tabs require a structured layout. You can’t drop tabs on a slide willy-nilly and expect the content to fall into place. Their size and position should fill the height or width of a slide while leaving proper space for their associated content.
The Most Versatile E-Learning Interaction
If there’s one e-learning interaction that’s even more common than tabs, it’s the labeled graphic. Similar to tabs, labeled graphics are click-and-reveal interactions that let learners pull information when they need it.
Unlike tabs interactions, labeled graphics don’t require a structured layout. Labeled graphics use small buttons (called markers) that can be placed anywhere over an existing, static slide to transform it into something more explorable.
Anatomy of an Interactive Marker
If you want to step away from using the default markers, you can build your own using basic shapes. Here’s what you’ll need:
The only thing left is a place to put your interactive markers. And that’s what this week’s challenge is all about!
Challenge of the Week
This week, your challenge is to design a labeled graphic interaction for e-learning. You can use the built-in markers or create something from scratch using shapes and graphics.
Ideas for Labeled Graphics Interactions
Here are some topic ideas and links to previous challenges.
- Documents and spreadsheets
- Charts and graphs
- Technical illustrations and training
- Company org charts
- Process and step graphics
- Floor plans and virtual tours
- Explorable images
- Software training and screenshots
Note: I’m not including interactive maps in this challenge since maps are a specific type of labeled graphic. Map markers and labels are a great source of inspiration, but I’d like to focus this week’s challenge on things other than maps.
Here are some great articles on different ways course designers are using labeled graphics:
- 7 Meaningful Ways to Use Markers in Your E-Learning Course
- How to Quickly Create Click & Reveals
- Adding Markers in Articulate Storyline 2
- 3 Creative Ways to Use Engage Labeled Graphics
Last Week’s Challenge:
Before you lay down the marker for this week’s challenge, take a look at the visual design ideas your fellow community members shared in last week’s cover slide challenge:
Wishing you a mark-tastic week, E-Learning Heroes!
New to the E-Learning Challenges?
The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.