Using Interactive Screenshots to Magnify Important Details in E-Learning #267

Interactive Screenshots in E-Learning #267: Challenge | Recap

If you’re trying to teach your learners about software, products, or applications, a common way to highlight features and functionality is to use screencasts and software simulations

But sometimes a screencast or simulation is overkill for orienting your learners with an application’s UI or features.

That’s where interactive screenshots come in. 

Interactive screenshots are a great way to orient learners with a big-picture view of an application’s interface, then let them drill down into the details for a particular menu or panel. 

They’re easy to build, super versatile, and a solid alternative to screencasts or simulations. And they're what this week’s challenge is all about.

Interactive Screenshots

View example | Download

Challenge of the Week

This week, your challenge is to create an interactive screenshot for an application’s UI or specific features.

Here are a few things to consider when planning your projects:

  • How much of the application will you show? How much do you need to show?
  • How will learners pull the information? Hover? Click? Drag?
  • How can you work additional resources, videos, or practice opportunities into the detailed views?
  • How will learners return to the original screenshot?

Last Week’s Challenge:

Before you zoom into this week’s challenge, take some time to meet your fellow e-learning challengers in last week’s podcast interviews:

Audio Interviews with E-Learning Designers

Audio Interviews with E-Learning Designers #266: Challenge | Recap

Wishing you a great week, E-Learning Heroes!

New to the E-Learning Challenges?

The weekly e-learning 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.

152 Comments
Ryan Govreau