Using Interactive Timelines in E-Learning #246

Interactive Timelines in E-Learning #246: Challenge | Recap

Timelines are a great way to present sequenced information in a single interaction. You can provide historical info to learners and walk them through processes, one step at a time. They display how events took place over time in a digestible way. 

Timelines are super easy to build and can be customized to align with any design theme. And that's what this week's challenge is all about!

Challenge of the Week

This week, your challenge is to share an example that demonstrates how interactive timelines can be used in e-learning.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.

New Entries Only!

We hosted the first timeline challenge exactly 100 entries ago. To keep things fresh, we’re asking that you share only new examples this week. You’re more than welcome to re-work a previous example.

Last Week’s Challenge:

Before you jump into this week’s challenge, check out the custom quiz results slides your fellow challengers shared over the past week:

Quiz Feedback and Results Slide Designs #245

Quiz Feedback and Results Slide Designs #245: 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.

179 Comments
Debbi Spranza, CPLP

I’ve been really trying to focus on mobile friendly designs for my clients so with that in mind here is my contribution this week. Example: https://360.articulate.com/review/content/57643aa0-46c7-499c-867e-ea0dd8642caf/review I tried keeping everything square for a phone. I wanted to keep minimum instruction onscreen and make the interaction obvious. (I find always hard to do when working on something yourself,it's obvious to me; I made it. :) I welcome your feedback!) I’ve also been working with my community garden donating marketing and instructional design skills and wanted to try out this interaction for something fun. I used states to hide and reveal the photo and text boxes. Photos have zoom capability on. I also wanted to use engaging large photos for a small screen s... Expand

Daniel Sweigert
Jodi Sansone
Jackie Van Nice
Daniel Sweigert
Daniel Sweigert
Jackie Van Nice
Jackie Van Nice
Tom Kuhlmann
Nicki Berry
Jackie Van Nice

Great way to get a lot of useful info in a compact space, Nicki! I'd think it would be a perfect reference piece for onboarding. I like that it's colorful while still being clean and clear, too. It took me a few attempts to figure out why I wasn't able to see the "A" information, until I realized I was supposed to ignore the slider and just click on "A" to begin - so that sort of defied slider intuition and was not a DMMT (Don't Make Me Think) moment. In the end I found that having two forms of navigation (click-through plus slider) that were not connected was disorienting. If the slider were set up to move to the selected position in sync with whichever letter was clicked on, however, that would solve it and make a lot more visual sense for your user. But all in all I think your new staff... Expand

Karlis Sprogis
Mahua Ghosh
Sharon Page