Using Interactive Timelines in E-Learning Course Design #369

Using Timeline Interactions in E-Learning #369: Challenge | Recap

Interactive timelines are a great way to condense large blocks of sequenced information on a single slide. They also help learners understand the relationship between different elements.

Course designers use timelines to let learners explore historical events, processes, and important material in digestible chunks, so they don't feel overwhelmed by facts and data.

Timeline with Animated Background

I really like this timeline example because it combines traditional timeline elements with sliders and motion paths to create an animated background effect.

Timeline with Animated Background

View the example | Karishma Vaz

Slide-and-Reveal Timeline Interaction

Here's another creative take on timelines that uses a vertical slider to reveal animated events. This is a good project to deconstruct, so take a look at the source file when you have the time.

Slide-and-Reveal Timeline Interaction

Example | Download | Jodi Sansone | @jodimsansone

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 more than five years 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.

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own thread and share a link to your published example..
  • Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

Before you make time for this week’s challenge check out the progress indicator examples your fellow challengers shared over the past week:

Using Progress Indicators to Display Learner Status in E-Learning #368

Using Progress Indicators in E-Learning #368: Challenge | Recap

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.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article

87 Comments
Jodi M. Sansone
Ron Katz
Joe Dey
Teo Karageorgakis
Phil Mayor
Ron Katz