Using Emphasis Animations to Grab Learners' Attention #449
Using Emphasis Animation in E-Learning#449: Challenge | Recap What moves, gets noticed. And if you've worked in Storyline 360 recently, you likely noticed some movement in the Animations tab on the ribbon. Just like in PowerPoint, Storyline's new emphasis animation effects offer fresh ways to guide attention and highlight on-slide elements. You can apply them to pretty much anything – shapes, images, buttons, characters, markers, text boxes, even videos. So whether you’re trying to grab your learner’s attention or prompt them to touch the screen, emphasis animations can help learners focus on what’s important. And that’s what this week’s challenge is all about. 🏆 Challenge of the Week This week, your challenge is to show how Storyline 360's new emphasis animations can be used in e-learning. Your example can be a simple button starter kit showcasing the new animation effects, or you can create a more complete or polished. NOTE: Even without an active Articulate 360 subscription, you can participate in this week's challenge. For example, PowerPoint's emphasis animations give you similar functionality. 🧰 Resources Storyline 360: Emphasis Animations Storyline 360: Adding Animations Triggering Motion Paths Based on Learners' Actions Emphasis Animations Beta Feedback: Share your feedback, report a bug, or tell us how you’re using the new animations. ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a newthreadand share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on x or LinkedIn, try using#ElearningChallengeso your peeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: To help you build momentum for this week’s challenge, check out the growing list of tabs interactions your fellow challengers shared over the past week: Tabs Interactions in E-LearningRECAP#448:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 📅 Next Week’s Challenge Challenge #450(02.16): UsingThemes,Templates, &Slide Masters. Another basics challenge, only this week we're looking at under-the-hood features to help us work faster in Storyline 360 and PowerPoint. Rise 360 users can show their before-after examples usingthemesand block templates. 🚨 Contact Information Just a quick heads up – if you want your blog, website, or LinkedIn included in our recap posts, could you do me a favor and add or update those links onto your ELH profile sometime this week? I found some broken links last week when I pulled the recap together. You spend a lot of time building creative examples, and your work deserves all the attention it can get.48Views0likes110Comments27 Ways Course Designers Use Emphasis Animations in E-Learning #449
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 Example | Maren West Example | 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! Example | Amy DeMarco Stephanie Hanes Sharing three ways to "stop and smell the flowers" while at work! Example | Stephanie Hanes Jayashree Ravi In my project, I've brought the famous Aesop tale of the Hare and the Tortoise to life with captivating animations. Example | Jayashree Ravi 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. Example | Michael Schleicher 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. Example | Fabienne Werder 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. Example | Madison Bales 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. Example | Laura Hansen 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.) Example | Courtney Roberts 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. Example | Wrenn Corcoran 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. Example | Amy Swagger Nhlamolo Moja Example | 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 Example | Sneha Sivaprakash New to the E-Learning Challenges? The weekly challenges are ongoing opportunities to learn, share, and build youre-learning portfolios. You can jump into any or all of theprevious challengesanytime 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#ELHChallengeso 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.60Views0likes0CommentsHow Can You Use This Motion Path Tip in Your E-Learning Projects? #445
Using the 0px Motion Path Trick#445: Challenge | Recap Happy New Year, E-Learning Heroes This week's challenge is a bit off the beaten path compared to what we usually do. Instead of diving into a popular feature (sliders,dials,variables) or a common interaction (tabs,timeline,accordion), we're zooming in on a more unique, lesser-known use of a feature. Think of this as a sandbox challenge. Check out this example and see what I mean. Sugary Drinks by Annabelle Grew Why is this interesting? Aside from the creative concept and visual design, what really grabbed my attention here is the approach Annabelle took to put this whole project together. Typically, drag-and-drops are set up with just a fixed number of draggable objects, right? That's perfectly fine if you're dealing with, say, under ten items. But here's where it gets juicy: imagine you've got dozens of objects, and you want them all to be draggable. Now, the standard move would be to create individual objects for each drag item. But let's face it, this method works, but it can make editing and managing the slide a real challenge. That's why knowing your tools can really help save you time and work quicker. How does it work? There's only one drag object in the project. The drag cube has a motion path with alength of 0 pxand a duration of .10 seconds. Each time the sugar cube is dropped on the target, the trigger tells the sugar cube to move its motion path. Because the motion path is set to0 px, it resets the sugar cube to its default starting position of the sugar cube. Brilliant, right? It's not just about what you create but how you create it that can make all the difference. And that's what this week's e-learning challenge is all about! 🏆 Challenge of the Week This week, your challenge is to share an example that uses the 0px length motion path trick. You can recreate an existing example or play with ideas that show potential uses for this technique. Two More Examples Reset an Object's Position In this example, Ron used the0 px motion pathin a way that's not just about duplicating objects. Instead, it's used to play multiple audio clips from multiple objects. The 0 px motion path resets the object's position after the learner drops the object on a single target. Ron's got adetailed forum postwhere he breaks down how he built his project. Casualty Incident Response by Ron Katz Drag-and-Drop RAID Storage Calculator I put together this example nearly five years back, right around the time we kicked off ouronline webinars. I've always been a fan of Drobo and especially liked their interactivecapacity calculator. The project file is available for download and if you want to see how it works. Drag-and-Drop RAID Storage Calculator Video Tutorial of the 0 px Motion Path Technique ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Year's Challenge: Before you tackle this week’s challenge, check out the colorful examples your fellow challengers shared in last year’s Pantone Color challenge: Pantone Color of the Year 2024RECAP#444: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. Got an idea for a challenge?Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.84Views0likes112CommentsUsing Cinemagraphs and Video Backgrounds in E-Learning #428
Cinemagraph & Looping Videos in E-Learning #428: Challenge | Recap Using subtle, looping motion in your course can effectively add an extra layer of visual interest to the typical slide background. The key is finding the right balance in motion, pacing, and composition. And that's what this week's e-learning challenge is all about. Challenge of the Week This week, your challenge is to show how cinemagraphs or looping background videos can be used in e-learning. To help you get started, check out some ways motion backgrounds can be used in e-learning. Cinemagraphs Cinemagraphs are a creative way to animate isolated parts of an image. Unlike videos, cinemagraphs are more like static photos that include a small area of the looping animation. This approach works well for e-learning because it reduces the amount of on-slide animation that helps create depth and richness. Amazing Cinemagraphs from Around the Web Video Backgroundsin E-Learning Slide backgrounds are one of the easiest ways to create a sense of place and location in your course designs. Because backgrounds are the most significant on-slide element, they help set the context for your learning content more than any other object. So how can you improve on the perfect background? Try using full-screen videos as slide backgrounds. Companies likeWistiacreatively use video backgrounds to engage their visitors the moment the page loads. View Wistia’s video backgrounds Natural environments, like offices, factories, classrooms, and other workspaces, help create a sense of authenticity. Like still photographs, videos can also add a sense of location and context to your slides. View an example of a video background in e-learning Resources 6 Types of Video You Can Include in E-Learning 4 Ways to Use Videos in E-Learning 3 Steps to Using Cue Points to Pause a Video and Display Layers Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a newthreadand share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using#ELHChallengeso your tweeps can follow your e-learning coolness. Last Week’s Challenge: Before you get started on this week’s challenge, check out the practical ways plain language can make complex information easier to read: Plain Language ExamplesRECAP#427:Challenge|Recap New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.35Views0likes105CommentsUsing Motion Graphics in E-Learning #418
Using Motion Graphics in E-Learning#418: Challenge | Recap If you're looking for ways to quickly capture learners' attention, explain complex concepts, or promote your e-learning skills and portfolio, motion graphics might be the way to go. Motion graphics combine text, shapes, images, and other visual elements to tell a story or convey a feeling or mood. They're frequently used in films, commercials, websites, social media, and e-learning courses. Some common use cases for motion graphics in presentation and e-learning design include: Course intros and title sequences: Use motion graphics to add a visual appeal and capture the audience's attention at the beginning of presentations. Slide transitions: Use animations and motion graphics to transition smoothly into your course's main content. Branding and identity: Use animated title sequences to bring life to your organization's logo, colors, and branding elements. Data visualization: Use motion graphics to guide the learner's focus to present complex information that's easy to digest and understand. Setting the tone: Depending on your subject matter, you can use different visual styles, colors, and animation techniques to set the mood or tone of your course. Here’s a great example of what’s possible using motion path animations in Storyline 360 from Ian Monk. Challenge of the Week This week, your challenge is to create a demo to show how course designers can use motion graphics in e-learning. Resources Here are a few more examples and articles to help you get started working with advanced motion path animations: 7 Pro Tips for Working with Motion Path Animations in Storyline 360 Storyline 360: Motion Graphics Timeline PowerPoint: Onboarding Motion Graphics Template Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. Last Week’s Challenge: To help set your creative wheels in motion, check out the accessibility makeover examples your fellow challengers shared over the past week: Accessibility Makeovers in E-Learning #417: 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. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.22Views0likes140CommentsUsing Circle Menu Navigation in E-Learning #406
Using Circle Menus in E-Learning#406: Challenge | Recap Circular menus are a great option when you want to provide users with an intuitive and stylish way to present navigation options in a compact format or when screen space is limited. By using a circular layout, designers can present a large number of options in a compact space without cluttering the screen. This makes circle menus an ideal choice for apps (or e-learning courses) with a lot of features or options that need to be easily accessible to users. Let’s explore a few examples. Circle Menu Navigation In this example from Dave LeFevre, learners click the menu button to reveal the circular arrangement of menu options. View the example | Download the source Circle Menu with Masking Effect In this example from Montse, a folder graphic is used as the starting point for the menu options. I like how the folder graphic was layered to mask the animated menu items. View the example | Download the source file Circle Menu In this example, Jackie’s circle menu features menu items nested under the starting button. In addition, I like how the menu features a selected state that remains persistent even after the menu is closed. That’s a nice touch. View the example | Learn more about this project Challenge of the Week This week, your challenge is to create a circle menu example to show how they can be used in e-learning courses. Your example can be static or animated. In most cases, animated menus will require variables. If you need help or get stuck this week, jump into the forums and let us know. Related Challenge For more ideas of what's possible, check out challenge #189and the recap post. Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. Last Week’s Challenge: While you’re looking over this week’s challenge menu, take a few moments to check out the interactive audio examples your fellow community members shared over the past week: Interactive Audio in E-LearningRECAP#405: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. Next Week’s Challenge Next week's challenge(3/4/23): New Feature Challenge: Microlearning in Rise 360. With the new microlearning feature in Rise 360, you can create bite-sized, single-objective training easier than ever. See this user guide article for more on this new feature. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.17Views0likes266Comments20+ Creative Ways to Use Motion Graphics in E-Learning #418
Motion Graphics in E-Learning RECAP #418: Challenge | Recap This week's challenge asked course designers to share examples showing how motion graphics and custom animations can engage learners. Below you'll find motion techniques, including course intros, slide transitions, progressive builds, and much more! Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint eLearn Dev Example | Learn more | eLearn Dev Thierry EMMANUEL Example | Thierry EMMANUEL Example | Thierry EMMANUEL Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Thierry EMMANUEL Example | Thierry EMMANUEL Hot Neon Example | Hot Neon | Website Nick Russell Example | Nick Russell | Website Ron Katz Example | Ron Katz | Website Amar Kulshreshtha Example | Amar Kulshreshtha | Website | @AmarShreshtha Hannah Radant Example | Hannah Radant | Website Ralf Hartmann Example | Ralf Hartmann Sharon Keung Examples | Sharon Keung | Website Ryan James Example | Ryan James | Website Simon Johnson Example | Simon Johnson Kate Goad Example | Kate Goad Maren West Example | Maren West Nhlamolo Moja Example | Nhlamolo Moja Daniel Canaveral Example | Daniel Canaveral Kate Golomshtok Example | Kate Golomshtok | Website Larry van wave Example | Larry van wave | Website Jennifer Yawn Example | Jennifer Yawn Bonne Nagle Example | Bonne Nagle | Website Ange CM Example | Ange CM 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. Then, we'll link back to your posts so your great work gets even more exposure. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Motion Graphics Examples! The motion graphics 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.16Views0likes0CommentsAnimated Masking and Cutout Effects in E-Learning Design #356
Masking and Cutout Effects in E-Learning #356: Challenge|Recap What Moves Gets Noticed Animations are effective ways to draw focus and attention to an area of your slides. Moving on-slide objects helps to create focal points, illustrate complex procedures, and help learners visualize change e-learning. Animation effects can also be usedto set and control the pacing of your course. Combined with masking or cutout graphics, you can create animated effects that elevate your course designs. Take a look at the following examples. Meet the Team Animated Cards Notice how the images animate out of view? They disappear into the borders of the card instead of flying off the slide. This example is interesting because the animations appear constrained to the specific area of the profile card. View the project | Download How Does the Effect Work? The effect is created by using a cover graphic with a cutout area for transparency. The cutout can be created in just about any graphics app from Photoshop to PowerPoint. Animated Photo Collage Image Slider Here's another example that uses the same masking and animated effects. View the project|Download In this example, the cover graphic is the same size as the slide with a smaller area cutout for the larger character images. Masking effectscombined with animation can help you create special effects that go beyond the defaults. And that's what this week's challenge is all about! Challenge of the Week This week, your challenge is to share an animated example that uses either a masking or cutout effect for one or more slide elements. Resources Storyline 360: Working with Layers Storyline 360: Working with Triggers Storyline 360: Adding Animations Triggering Motion Paths Based on Learners' Actions 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: To help animate your creativity, check out the ways course designers are using interactive dials for menu navigation: Using Dials for NavigationRECAP#355: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.15Views0likes147CommentsUsing Google Doodles to Inspire E-Learning Activities #404
Using Doodles to Inspire E-Learning Design #404: Challenge | Recap Google Doodles are decorative changes made to the Google logo to celebrate a wide range of historical events and achievements. Doodles are a lot like e-learning courses. They can be static, illustrated, animated, gamified, or interactive. Doodles are a playful way to teach history, culture, and science. For course designers, they’re a great way to practice e-learning. And that’s what this week’s challenge is all about! Challenge of the Week This week, your challenge is to create an example using Google Doodles as your source of inspiration. Your entry can be illustrated, animated, or interactive. Here are a few ideas to help you get started: Use as a starting point: Pick one or more Doodle elements, such as colors, themes, or illustrations, and use them in your own design. Create your own Doodle: Pick an event or holiday and design your own Google Doodle based on it. Make a static Doodle interactive: Use a static Doodle as a starting point and make it interactive. Recreate a Doodle animation: Practice animation by recreating one or more Doodle animations. 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 ownthreadand 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#ELHChallengeso your tweeps can track your e-learning coolness. Using Accordion Interactions in E-Learning RECAP #403: 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. Next Week’s Challenge & Webinar I'm hosting a webinar next week on using audio in Storyline 360. I'll reference this week's challenge in the session and share your examples in the session. Next week's challenge (2/17/23): Using Interactive Audio in E-Learning #405. Topics can include soundboards, language learning, podcast interviews, narrated slideshows, and more. Upcoming webinar (2/14/23): Using Audio in Storyline 360 Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback: https://bit.ly/ElearningChallengeForm.27Views0likes255Comments30+ E-Learning Examples Inspired by Google Doodles #404
Google Doodle E-Learning Examples RECAP #404: Challenge | Recap Google Doodlesare interactive animations and illustrations that appear on the search engine's homepage, often in celebration of a famous person or event. This week's challenge asked course designers to share e-learning examples inspired by Google Doodles. From motion path animations to interactive elements, this was a fantastic challenge opportunity for course designers tosharpen their e-learning saws. Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Karlis Sprogis Example | Download | Karlis Sprogis | Website | @fastercourse Ron Katz Example | Ron Katz | Website Elizabeth Pawlicki Example | Elizabeth Pawlicki Mark Livelsberger Example | Mark Livelsberger Daniel Canaveral Example | Daniel Canaveral Stephanie Redmond Example | Stephanie Redmond Jackie Matuza Example | Jackie Matuza Thierry EMMANUEL Example | Thierry EMMANUEL Aimee Wedemeier Example | Aimee Wedemeier Alison Sollars Example | Alison Sollars | Website Najam Fazal Example | Download | Najam Fazal Rema Merrick Example | Example 2 | Example 3 | Rema Merrick | Website S S Example | S S Thierry EMMANUEL Example | Thierry EMMANUEL Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Nick Russell Example | Nick Russell | Website Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Aman Vohra Example | Aman Vohra | Website Jessica Susila Example | Jessica Susila Petra Macháčková Example | Petra Macháčková Karishma Vaz Example | Download | Karishma Vaz Kaitrin Morrison Example | Kaitrin Morrison Michele Moore, PhD Example | Michele Moore Tiffany Saffell Example | Tiffany Saffell Elizabeth Smyth Example | Elizabeth Smyth Amanda Ringwald Example | Amanda Ringwald Hilla Schlegel Example | Hilla Schlegel Stephen Taylor Example | Stephen Taylor | Website Natalie Friedman Example | Natalie Friedman Russell Sweep Example | Russell Sweep | Website Karin Lorbeck Example | Karin Lorbeck Kate Golomshtok Example | Kate Golomshtok | Website Kortney Ross Example | Learn more | Kortney Ross | Website Ciara Lynch Example | Ciara Lynch Richard Watson Example | Blog | Richard Watson | Website | @rwatsonID Brandie Fraser Example | Brandie Fraser 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 consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. And if you share your demos on Twitter, please include #ELHChallenge so your tweeps can follow your e-learning coolness. Share Your Google-Inspired E-Learning Doodles! The Google doodle 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.3Views0likes0Comments