Using Educational Animations in E-Learning #275

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

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.

Jenn Springer
Karishma Vaz
Trey McNabb

I agree with Dave (Note to David - I'm not trying to start a long discussion on easing - lol!) It's called easing in other software. But it is part of the motion path submenu. Check this article on animation direction for 360: Scroll down to the direction portion, and it gives the detail, but basically you can set a motion path to start/stop smoothly, and some subtle control over the speed. Since you want to create a loop, you don't want the slow down. That was added to prevent a sudden jerking feel when an animation starts or stops. Think car accelerating and slowing. You're not instantly going 55/88 mph/kph, you work up and down. This is probably much more than you want... Expand

Kristin Hatcher

I'm a bit late to this, but made quick animation this week to jazz up a boring explanation. I've cut most of the text on the slide out, except a generic version of what the slide is trying to convey. I wanted tot have text move, and fade into the screen, but only at a certain point but not like a transition or a regular fade animation. I was able to layer the background image to get the effect I wanted, and use motion line animations to make text move. Truthfully the animation doesn't add anything to the learning, but this is a boring, text heavy course so I'm trying some stuff to add spice. The good news is that the animation is technically 508 compliant because no one needs to see it to understand the content (my courses require 508 compliance). Expand

Kate Zeis
David Field