Emphasis Animation Examples RECAP #449: Challenge | Recap
This week’s challenge asked course designers to show how emphasis animations can be used in e-learning.
Jonathan Hill
I began experimenting with Articulate's new emphasis animations in last week's Tab Interaction challenge. This week, I've used them in a much 'louder' way to bring this drumming simulation to life. Hopefully, you'll also notice the more subtle use of emphasis animations to highlight your correct/incorrect choices during the 'configuration' test.
Example | Jonathan Hill | Website | @DevByPowerPoint
Jodi M. Sansone
I was tempted to over-use these new animations. I applied the pulse animation for audio emphasis and to indicate animal sign selection, used shake for swinging lanterns, and created a Lunar New Year palette featuring Pantone Peach Fuzz, complementing traditional reds and golds.
Example | Jodi M. Sansone | Website | @jodimsansone
Maren West
Amy DeMarco
Inspired by my toddler's fascination with aquatic animals, I crafted an engaging pond scene. I can't wait to see everyone else's projects!
Stephanie Hanes
Sharing three ways to "stop and smell the flowers" while at work!
Jayashree Ravi
In my project, I've brought the famous Aesop tale of the Hare and the Tortoise to life with captivating animations.
Phil Mayor
This is a first draft and is a little buggy. It has emphasis animations in addition to other animations to emphasize elements of the game.
Example | Phil Mayor | Website | @philmayor
Thierry EMMANUEL
I use emphasis animations for position crosses (impulse), for correct/incorrect drop zone states (shrinking/expanding), and to animate parts of the mechanism (impulse, shaking, oscillations), plus circular trajectories, plus a dial that moves when its variable changes.
Example | Thierry EMMANUEL | Website
Hannah Radant
This week I included emphasis animations on my button choices, but I also tried using emphasis in my TTS by using the SSML that Articulate has available.
Example | Hannah Radant | Website
Michael Schleicher
I uploaded a job task sequencing template for this challenge. Emphasis animations enhance learner feedback, making it ideal for introducing new content.
Jonathan Hill
I've used motion paths with video before, but these emphasis animations provide more thrilling opportunities to combine video and motion.
Example | Jonathan Hill | Website | @DevByPowerPoint
Joanna Kurpiewska
Here's a quick and simple interaction that mixes motion paths and emphasis animations. This could work as a mini-menu, original tabs interaction, or a click-to-reveal feature.
Example | Joanna Kurpiewska | Website | @elearningjoanna
Julie BIGOT
A little game of logic. You need to find all the items needed to brew your first potion! Use the clues to find out where each item is located. I used all the emphasis animations:
- teeter for the steps in the first slide
- pulse to show the different items (when I give the list)
- grow and shrink for the items you drag and drop
- shake when you drop an item in the wrong spot
Example | Julie BIGOT | Website
Thaddaeus Smith
For this challenge, I incorporated grow, shrink and pulse emphasis animations with a dial to create an interaction that allows the user to learn about eight different culinary mushrooms. I'm a big mushroom fan, and even forage for chanterelles in the Pacific Northwest.
Example | Download | Thaddaeus Smith | Website
Fabienne Werder
Inspired by the labeled graphic activity in Rise, I created a similar one in Storyline using shapes, entrance/exit animations, triggers, and timelines, prior to the introduction of emphasis animations in Storyline. I adapted my previous version and created a second version using the grow-and shrink-emphasis animations.
Madison Bales
My sample is a combination of last week's challenge, tab interactions and this week's emphasis animations. I used the emphasis animations to reduce the amount of microcopy on the screen and encourage the learner to read the ingredients of certain foods while learning how to identify processed foods.
Ilona Winnemore
It was nice to get creative this week, and I made a small onboarding refresher game, “Orange Grove Onboarding.”
Example | Ilona Winnemore | Website
Mike Enders
I decided to put Storyline to the test to see how it could handle oodles of emphasis animation triggers. Throw in some random variables and a timer and you have a project that's good for absolutely nothing, but it sure was fun to build. And Storyline handled it all marvelously!
Example | Mike Enders | Website | @endersdesign
Laura Hansen
Here is a storyline interaction I created about hooking learners. I used the emphasis animations for the hover state to encourage clicks and bring an image to life on the last slide.
Courtney Roberts
The first thing that popped into my head when I saw the new "shake" animation was the line from James Bond movies, "shaken, not stirred", so naturally I had to do a James Bond-themed project. I used the new emphasis animation names in some ChatGPT-generated, James Bond-style, advice on job searching and emphasized them accordingly. (The word "stirred" is emphasized with both Teeter and Pulse.)
Wrenn Corcoran
I really focused on three things with this challenge: 1) exploring the emphasis animations, 2) combining the emphasis animations with motion paths to see what effects I could get, and 3) playing with sound.
Amy Swagger
I love the addition of emphasis animations. I enjoyed creating this fun, light-hearted Valentine's Day Quiz to learn more about them as well as explore different prompts in ChatGPT that helped provide the text.
Nhlamolo Moja
Kate Golomshtok
Example | Kate Golomshtok | Website
Ron Katz
This is a game, similar to Simon or Dance Dance Revolution. You have 30 seconds to get the highest score. Try using the clicking method or the keypress method to see which is most effective.
Example & download | Ron Katz | Website
Sneha Sivaprakash
New to the 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. I'll update the recap posts to include your demos.
If you have a blog, please write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness.
Share Your Emphasis Animation Examples!
The emphasis animation challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.
Published 9 months ago
Version 1.0
