Common E-Learning Interactions: Process and Step Graphics #238

Step Graphics in E-Learning #238: Challenge | Recap

Step graphics (also known as steppers) are interactive explanations that make it easy for learners to sequentially walk through a process, workflow, procedure, or related items. They can be used for all types of learning interactions, from procedural training to interactive storytelling.

Navigating Step Graphics

Using numeric pagination, step graphics are great for chunking complex information into step-by-step explanations that visually organize each step of a process. 

One of my favorite step graphic examples comes from the Washington Post.

View the step graphic (Requires Flash)

Challenge of the Week

This week your challenge is to build a step graphic to tell a story or communicate a process. Choose any topic you like and see if you can find creative ways to present the step graphic navigation.

Last Week’s Challenge:

Before you step up to this week’s challenge, take some time to check out the interactive maps your fellow community members shared over the past week:

Using Interactive Maps in E-Learning #237: Challenge | Recap

Wishing you a step-tastic 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.