Blog Post

E-Learning Challenges
2 MIN READ

Using Educational Animations in E-Learning #275

DavidAnderson's avatar
5 years ago

Educational Animations in E-Learning #275: Challenge | Recap

Educational animations are an effective way to create focal points, illustrate complex procedures, and help learners visualize change. Combined with controls like interactive sliders, learners can pause, replay, and control playback speed and direction to assist learning and comprehension. 

If something moves, it gets noticed. And that’s what this week’s challenge is all about.

Challenge of the Week

This week, your challenge is to share one or more practical examples of animation to explain a process or concept.  

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.
  • Twitter: If you share your demos on Twitter or LinkedIn, try using our tag #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

Before you dive into this week's challenge, take a few moments to review the timely and practical COVID-19 training examples your fellow challengers shared over the past week:

Coronavirus Disease (COVID-19) Training Examples #274: 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.

Published 5 years ago
Version 1.0
  • Hello! Hope you're all well.

    Ever since the new 'Jump to Time/Cue Point' trigger went live, I've been investigating how it can be used to repeatedly change the state of an object to animate it like a GIF, with none of the drawbacks of a GIF.

    This is more 'motivational' than 'educational', but with many of us currently on lockdown, juggling working from home and childcare, it feels like we're SPINNING PLATES at the moment.

    Demo: https://bit.ly/elhc275
    Download: https://bit.ly/elhc275dl
    • TreyMcNabb-f8db's avatar
      TreyMcNabb-f8db
      Community Member
      Hey Jonathan, nice job! I always enjoy how you put your challenges together. Thanks also for having it in your blog, my firewalls won't allow me to go to tiny urls. I frequently will view your submissions from home just to see them.

      One questions I have is what is the purpose of the 1st slide? I see the title is html5 load screen, then the trigger to jump to the next slide when the timeline starts. What does that do for us?

      We're still coming to grips with updating courses due to end of Flash, so I'm still learning best practices with html5.

      Thanks!
      • Jonathan_Hill's avatar
        Jonathan_Hill
        Super Hero
        Thanks Trey, glad you found the blog useful.

        That first slide just enures the title slide loads automatically without defaulting to that (slightly unsightly) grey screen with the play button on it. Looks better and keeps the clicking next to a minimum.
    • LisaSpirko-3976's avatar
      LisaSpirko-3976
      Community Member
      Great concept! Although, I found that once I broke a plate early on, I couldn't get any more answers correct because they wouldn't display if their plate was gone.
      • Jonathan_Hill's avatar
        Jonathan_Hill
        Super Hero
        Hi Lisa - thanks and, yep, that's deliberate. Every incorrect answer limits your choices for the next question - including, sometimes, by eliminating the correct option.

        It's a 100% pass rate test skinned as a game of skill.