E-Learning Challenge #36: Challenge | Recap
Step graphics 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.
Step graphics can use simple previous and next buttons to move learners through each step like this stepper from Jornal de Notícias:
Timelines can also be used to step learners through a series of sequential events like this stepper from El País:
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.
Step Graphics Examples
Here are some more examples of step graphics.
- Want to Be a Superstar Athlete? Build More Myelin
- Crane Collapse in Manhattan
- A House of Glass
- Collection of step graphics
Last Week’s Challenge
Before you step up to week’s challenge, take a look at what your fellow community members keep in their e-learning toolkits:
- Stephanie Mahoney’s toolkit includes: Audacity | FreeMind |Quandry | Google Drive for E-Learning Portfolios | Articulate Tempshare
- Eileen Cushing-Craig’s toolkit includes: Audacity | Mindjet
- Dana Dutiel’s toolkit includes: Kuler | Awwwards | Creative Bloq
- Mary Cropp’s toolkit includes: Audacity |Freemaker Audio Converter | Morgue File | The Pattern Library |
- Rebecca Fleisch Cordeiro’s toolkit includes: Evernote | Google Drive | Thesaurus.com | OneLook Dictionary Search | Free Natural Reader | Pixie | Pixabay | TinyURL | UI Name Generator | Audacity
- Allison Nederveld’s shared her favorite e-learning tools for flipping the classroom on her blog.
- Alicia Durham’s toolkit includes: KusoCartoon | Marines | dvids | FreeSound
- Debbie Richard’s toolkit includes: proofHQ | SnagIt | WordRake |
- Jeff Kortenbosch shared his bag of e-learning goodies on his blog.
- Barbara Maroney’s toolkit includes: Voki
- Scott Lindstrom’s toolkit includes: Sizer | Handbrake |Fotosketcher | Inkscape | Mel Aclaro | Audio Jungle
- Gemma Henderson’s toolkit includes: ColorZilla
- Cary Glenn’s toolkit includes: BaconIpsum Mmm, Bacon.
- Karen Wakefield’s toolkit includes: Inkscape |Picture Resizer | Quick Color Picker | MS ZoomIt | Windows Sound Recorder | WebEx Desktop Recorder | Active Presenter |MS Expression Encoder Screen Capture | Irfanview | Vyew | Any-Video-Converter | LectureScribe | Font Squirrel | Incompetech | Brainybetty | Danosongs | Grsites | Vector Portal | Stock Vault | Ignitemotion | Presentation Magazine | Findicons | Every Stock Photo | Smashing Magazine
- Tracy Parish’s toolkit is massive. Check it out on her Mind Meister page.
- Dan Sweigert’s toolkit includes: Bing Images
- Ashley Chiasson writes about her e-learning toolkit over on her blog.
- Lance Treloar’s toolkit includes: Irfanview | Morgue File | Color Scheme Designer | Lipsum
- Paul Alders shared his toolkit in a free Storyline portfolio template.
- Jackie Van Nice shared her favorite e-learning tools in a blog post.
- Liz Braden’s toolkit includes: Action Mapping | Lucid Chart | Font Squirrel | Google Fonts | PowToon
- Karen Wakefield’s toolkit includes: Picture Resizer | Quick HTML Color Picker | MS Expression Encoder Screen Capture | Bitstrips
- Nick Russell posted his favorite e-learning tools on his blog.
New to 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. We’ll feature your work and provide feedback if you request it.
Wishing you a step-tastic week, E-Learning Heroes!