Transform Infographics Into Interactive Graphics #12

E-Learning Challenge #12: Challenge | Recap

If you’re looking for a way to exercise your course-building skills, you might have heard us talk about the value of deconstructing and rebuilding finished e-learning projects. 

Another way to practice your skills is by rebuilding static infographics as interactive graphics. Infographics and e-learning have a lot in common. Both are great sources of data and visuals that you can use to build your interaction.

Check out this example Articulate Super Hero Phil Mayor built during the first Storyline beta. Here’s the original infographic and Phil’s interactive makeover.

This week's challenge

This week your challenge will be to take a static infographic and rebuild it as an interactive infographic.


You can use Articulate Storyline, Articulate Studio ’09, or Articulate Studio ’13, to show and share your interactive graphic.

Design considerations

Here are some things to consider before you rebuild your infographic as an interactive graphic:

  • Many infographics are taller than typical e-learning projects. What are some ways you can adapt taller infographics into shorter, wider interactive graphics?
  • Is there a way you can enable learners to sort or rearrange the content? Common sorting methods: Alphabetically, numerically, category, date and time, and random.
  • Which information can be turned on and off?
  • Where can you zoom in and out of information?
  • How can markers, tooltips, and callouts help reduce clutter and enable learners to pull information?
  • How can you hide and reveal some of the information to emphasize different types of information?
  • Could the infographic be used as a course menu?

Suggested infographics

Here are a few ideas to get you started. Feel free to tackle one of these infographics or work with one that’s more targeted to your company or personal interests.

On Driving: Automobile History

Infographic: On Driving: Automobile History

Airline Safety Cards

Infographic: Airline Safety Cards

Cuts of Beef Infographic

Infographic: Cuts of Beef

Last week's challenge

Last week's comic book design challenge brought out some of the best and most creative ideas I’ve seen. You guys are amazing! Check out the comic designs your community members shared over the past week:

Have an interactive week, E-Learning Heroes!

Even if you’re using a trial version of Studio '13 or Storyline, you can absolutely publish your challenge files. Just sign up for a fully functional, free trial, and have at it. And remember to post your questions and comments in the forums; we're here to help. For more e-learning tips, examples, and downloads, follow us on Twitter.

Mark Woolwine
Mark Woolwine
David Anderson