23 Ways to Use Drag-and-Drop Interactions in E-Learning #468
Drag-and-Drop in E-Learning RECAP #468: Challenge | Recap This week’s challenge asked course designers to show how they’re using drag-and-drop interactions in e-learning. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Example | Download | Learn more | Ron Katz | Website sebastien daubert Example | sebastien daubert Thierry EMMANUEL Example | Thierry EMMANUEL | Website Rosemary Trahan Example | Rosemary Trahan Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Walkabout Learning Example | Walkabout Learning Nichole Codrington Example | Nichole Codrington Tamara Häfeli Example | Tamara Häfeli eLearn Dev Example | Learn more | eLearn Dev Angela Thomas Example | Angela Thomas Jesse Wu Example | Jesse Wu | Website Alex Milyaev Example | Learn more | Alex Milyaev Ron Katz Example | Download | Template | Learn more | Ron Katz | Website Courtney Roberts Example | Courtney Roberts Kate Golomshtok Example | Kate Golomshtok | Website Thaddaeus Smith Example | Thaddaeus Smith | Website Gülsüm Güneşen Yıldız Example | Gülsüm Güneşen Yıldız Hilla Schlegel Example | Hilla Schlegel Phezulu Dhlodhlo Example | Phezulu Dhlodhlo Sabrina Sgoda Example | Sabrina Sgoda David D Example | David D Samuel Apata Example | Download | Samuel Apata | Website | @afrostem 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 Drag-and-Drop E-Learning Examples! The drag-and-drop 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.16 Examples of Interactive 360° Images in E-Learning #467
Using 360° Images in E-Learning RECAP #467: Challenge | Recap This week’s challenge asked course designers to show how 360° images can transform static visuals into interactive, explore-type activities. Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Jayashree Ravi Example | Jayashree Ravi | LinkedIn Elizabeth Kuhlmann Example | Learn more | Elizabeth Kuhlmann Thierry EMMANUEL Example | Thierry EMMANUEL | Website Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Samuel Apata Example | Samuel Apata | Website | @afrostem eLearn Dev Example & learn more | eLearn Dev Mallory Frazier Example | Mallory Frazier Ron Katz Example | Ron Katz | Website Angela Thomas Example | Angela Thomas Trey McNabb Example | Trey McNabb bylittle learning Example | Download | bylittle learning | Website Sonya Crider Example | Sonya Crider Andreas Paul Example | Andreas Paul Kate Golomshtok Example | Kate Golomshtok | Website Sabrina Sgoda Example | Sabrina Sgoda Walkabout Learning Example | Walkabout Learning 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 360° E-Learning Examples! The 360° image 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.26 Examples of Labeled Graphics & Interactive Markers in E-Learning #464
Using Labeled Graphics in E-Learning RECAP #464: Challenge | Recap This week’s challenge asked course creators to show how labeled graphics and interactive markers can be used in e-learning. jõao almeida Example | jõao almeida | Website Stephen Taperek Example | Stephen Taperek Daniel Canaveral Example | Daniel Canaveral Fabienne Werder Example | Fabienne Werder Stephen Taylor Example | Stephen Taylor | Website Ange CM Example | Ange CM Maren West Example | Maren West Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Ziping Wu Example | Ziping Wu Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Emily Williams Example | Emily Williams Thierry EMMANUEL Example | Thierry EMMANUEL | Website Gülsüm Güneşen Yıldız Example | Gülsüm Güneşen Yıldız eLearn Dev Example & Learn more | eLearn Dev Eva Ludowig Example | Eva Ludowig | Website Ron Katz Example | Download | Learn more | Ron Katz | Website Suzanne Neafus Example | Download | Suzanne Neafus Jayashree Ravi Example | Jayashree Ravi | LinkedIn Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Tom Kuhlmann Example | Tom Kuhlmann | Website | LinkedIn | @TomKuhlmann bylittle learning Example | Download | bylittle learning | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Kate Golomshtok Example | Kate Golomshtok | Website Preston Ruddell Example | Preston Ruddell Sabrina Sgoda Example | Sabrina Sgoda 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 Labeled Graphic E-Learning Examples! The 2024 labeled graphic 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.16 Navigation Examples That Skip the Next Button #462
Beyond the Next Button RECAP #462: Challenge | Recap This week's challenge asked course designers to show alternatives to using the next button. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Thaddaeus Smith Example | Thaddaeus Smith | Website Jeffrey Riley Example | Jeffrey Riley | Website Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL | Website Lee Rhyne Example | Lee Rhyne Ron Katz Example | Download | Learn more | Ron Katz | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Laura Hansen Example | Laura Hansen Anna Piasecka Example | Anna Piasecka eLearn Dev Example | Learn more | eLearn Dev Andreas Paul Example | Andreas Paul Sean Wright Example | Sean Wright Rebecca Horne Example | Rebecca Horne Jayashree Ravi Example | Jayashree Ravi | LinkedIn 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 Next Button Alternatives Examples! The next button 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.20+ Design Ideas for Using Toggle Buttons in E-Learning #460
Toggle Buttons in E-Learning RECAP #460: Challenge | Recap This week’s challenge asked course designers to show how they use toggle buttons in e-learning. Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Ron Katz Example | Ron Katz | Website Matt Wright Example | Matt Wright Kari Edmonds Example | Kari Edmonds | Website Amy DeMarco Example | Amy DeMarco Thierry EMMANUEL Example | Thierry EMMANUEL | Website Jayashree Ravi Example | Jayashree Ravi | LinkedIn Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Sneha Sivaprakash Example | Sneha Sivaprakash Sherry Stancil Example | Sherry Stancil | Website Laura Hansen Example | Laura Hansen Design Wagon Example | Design Wagon Thaddaeus Smith Example | Thaddaeus Smith | Website Ciamé M'Bongo Example | Ciamé M'Bongo Kate Golomshtok Example | Kate Golomshtok | Website Zachariah Dornisch Example | Zachariah Dornisch Brooke South Example | Brooke South Ruslan Karimov Example | Learn more | Ruslan Karimov | Website Sabrina Sgoda Example | Sabrina Sgoda Angelique Duncker Example | Angelique Duncker bylittle learning Example | Download | bylittle learning | Website 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 Toggle and Switch Button Examples! The 2024 toggle button 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.21 Interactive Photo Collage Examples for E-Learning #459
Interactive Photo Collage Examples RECAP #459: Challenge | Recap This week’s challenge asked course designers to share interactions designed around a photo collage or mosaic. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Example | Ron Katz | Website Maren West Example | Maren West Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Amy DeMarco Example | Amy DeMarco Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL | Website Jayashree Ravi Example | Jayashree Ravi | LinkedIn Matt Wright Example | Matt Wright GED Talk Example | GED Talk Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Taylor Marker Example | Taylor Marker Ruslan Karimov Example | Ruslan Karimov Sabrina Sgoda Example | Sabrina Sgoda Kate Golomshtok Example | Kate Golomshtok | Website Thaddaeus Smith Example | Thaddaeus Smith | Website Sherry Stancil Example | Sherry Stancil | Website bylittle learning Example | bylittle learning | Website Chloe Okura Example | Chloe Okura | LinkedIn Anthony White Example | Anthony White Stephen Taylor Example | Stephen Taylor | Website 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 Interactive Photo Collage Examples! The 2024 photo collage 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.30+ Ways to Use Interactive Dials in E-Learning Design #453
Dials in E-Learning RECAP #453: Challenge | Recap This week's challenge asked course designers to show how they're using interactive dials and knobs in e-learning. Thaddaeus Smith Example | Thaddaeus Smith | Website Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Ron Katz Example | Ron Katz | Website Angelica Grace Example | Angelica Grace Julie BIGOT Example | Julie BIGOT | Website Jonathan Hill Example | Learn more | Download | Jonathan Hill | Website | @DevByPowerPoint Example | Learn more | Download | Jonathan Hill | Website | @DevByPowerPoint Shan G. Stone Example | Shan G. Stone | Website Kari Edmonds Example | Kari Edmonds | Website Jayashree Ravi Example | Jayashree Ravi | LinkedIn Thierry EMMANUEL Example | Thierry EMMANUEL | Website Ilona Winnemore Example | Ilona Winnemore | Website Amy DeMarco Example | Amy DeMarco Maria Munoz Example | Maria Munoz Amar Kulshreshtha Example | Amar Kulshreshtha | Website | @AmarShreshtha Graham Woods Example | Graham Woods Paul Venderley Example | Paul Venderley | Website Vitor Senna Example | Vitor Senna Patty Huynh Example | Patty Huynh Kate Golomshtok Example | Kate Golomshtok | Website Valérie Dantec Example | Valérie Dantec Shannon Page Example | Shannon Page Laura Hansen Example | Laura Hansen Amy Swagger Example | Amy Swagger David Atkinson Example | David Atkinson Chloe Okura Example | Chloe Okura | LinkedIn Starla Wehrli Example | Starla Wehrli Ange CM Example | Ange CM Cyd Walker Example | Cyd Walker Sabrina Sgoda Example | Sabrina Sgoda David Atkinson Example | David Atkinson bylittle learning Example | Download | bylittle learning | Website Alexander Salas Example | Alexander Salas | Website | @stylelearn 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 Interactive Dials in E-Learning Examples! The 2024 dialsRigh 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.20 Ways to Rotate & Explore 3D Objects in E-Learning #446
Rotating 3D Objects in E-Learning RECAP #446: Challenge | Recap This week’s challenge asked course designers to share interactive examples that let learners explore and rotate 3D objects in training courses. Jonathan Hill The 3D object I have used in this demo only rotates by 10°... but it's a question of having THE RIGHT ATTITUDE. Example | Download | Jonathan Hill | Website | @DevByPowerPoint Adam Zamczyk There are a few interesting solutions to make this Storyline 3D animation unique: A dial with 100 states, a 3D rotating image (59 frames), 4 different ways to control the rotation, and a bit of JavaScript to make the animations smoother. Example | Adam Zamczyk Richard Mulcahy My demo is of a 3D Tanker Car that allows you can explore the wheel set. Wheel set is also called Trucks or Bogies. Example | Richard Mulcahy Thierry EMMANUEL When you don't have access to PPT's 3D objects, or to any 3D objects, or to any software for making them, all you have to do is pretend you've got a 3D object, or a few friends who are willing to pretend. Example | Thierry EMMANUEL | Website Thaddaeus Smith I wanted to create an interaction that allows the learner to access information about different parts of the object as it’s moved around. The Earth seemed like a good option, so my sample allows you to learn a bit about the seven continents of our beautiful planet. Text was generated in Chat GPT. Example | Thaddaeus Smith | Website Ron Katz I used 3D objects from PowerPoint and created a video. Then I selected frames from the video to save as JPG which were uploaded as States. I also created a GIF using the same video which was used several times in the project. The audio track was a TTS. Example | Ron Katz | Website Jodi M. Sansone I used a piece of art I have in my office by artist Bill Worrell. I photographed his sculpture with my phone and wished I had a turntable to rotate the piece--it would have been smoother. The 3D demo is on slide 3. I used a number variable to rotate it left and right. Example | Jodi M. Sansone | Website | @jodimsansone Jayashree Ravi Imagine revisiting your favorite 3D cat from a previous project—yes, the one we all fell in love with! I found it on 3DModels.org and decided to bring it back for a special exploration. Using sliders is like giving your virtual whiskers a playful workout Example | Jayashree Ravi Andreas Fischer The demo starts with a rotating 3D Earth animation from PowerPoint, featuring 45 state images. A UFO slider button alters states during its curved motion, and upon returning, activates a counter that reveals various fact layers. Example | Andreas Fischer Ralf Hartmann It is engaging for learners to do something interactive. Especially when they can do it as they want it, turn something in every direction without restrictions. Example | Ralf Hartmann Briana Gattis I chose to use a 3D model of a skeleton to explain anatomical directional terms. Example | Briana Gattis LinguaGraphics Articulate-Team Our demo features a 3D model of acetic acid, created with Articulate Storyline, enabling learners to explore molecular structures in an engaging way across different educational settings. Example | LinguaGraphics Articulate-Team | Website Julie BIGOT But who killed Archie Koolate? Move objects and discover clues to help the police find the culprit. Example | Julie BIGOT Amy DeMarco Adjust the rotation, size and angle of a shark swimming in the ocean! Example | Amy DeMarco Spencer Mees A simple slider interaction to celebrate 2024 being the year of the dragon. Example | Spencer Mees | LinkedIn Haneen Odeh An animated 3D plane using a GLTF loader. Example | 3D model used in demo | Haneen Odeh Garrett Berry I used PowerPoint and 3D images to create a few videos with the earth and then moved them into Storyline’s slide layers. Example | Garrett Berry eLearn Dev Example | eLearn Dev Kate Golomshtok Example | Kate Golomshtok | Website 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 Interactive 3D Rotating Examples! The rotating and exploring 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.24 Ways to Transform Static Content Into Interactive E-Learning #424
Static to Interactive Makeovers RECAP #424: Challenge | Recap This week’s challenge asked course designers to show ways to transform a static slide into six common types of interactions. Julie Dall Example | Julie Dall Ron Katz Example | Download | Ron Katz | Website Philip Cranston Example | Philip Cranston | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Shannon Page Example | Shannon Page Patty Huynh Example | Patty Huynh Matt Wright Example | Matt Wright Nicole Welter Example | Nicole Welter Kelsey Reading Example | Kelsey Reading Ghazi Zia Example | Ghazi Zia Angie Shertzer Example | Angie Shertzer Sarah Cooper Example | Sarah Cooper Laura Hansen Example | Laura Hansen Talent Gate eLearning Example | Talent Gate eLearning Nhlamolo Moja Example | Nhlamolo Moja Phezulu Dhlodhlo Example | Phezulu Dhlodhlo Kate Golomshtok Example | Kate Golomshtok | Website Catherine Gorman Example | Catherine Gorman Zeta Kilbride Example | Zeta Kilbride Loreta Leko Example | Loreta Leko Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Adessa Condrack Example | Adessa Condrack Hilla Schlegel Example | Hilla Schlegel 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 Static-to-Interactive Makeover Examples! The 2023 static to interactive 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.23 Creative Ways to Use Button Sets in Storyline 360 #423
Button Sets in Storyline 360 RECAP #423: Challenge | Recap This week’s challenge asked course designers to show how button sets are used to create click-and-reveal interactions in Storyline 360. Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Richard Mulcahy Example | Richard Mulcahy Kali Maginity Example | Kali Maginity Hannah Radant Example | Hannah Radant | Website Daria Tucha Example | Daria Tucha Samuel Apata Example | Samuel Apata | Website | @afrostem Thierry EMMANUEL Example | Thierry EMMANUEL Teresa Iden Example | Teresa Iden Bonne Nagle Example | Bonne Nagle | Website Courtney Roberts Example | Courtney Roberts Nisha Korattyswaroopam Example | Nisha Korattyswaroopam Julie Dall Example | Julie Dall Ron Katz Example | Ron Katz | Website Ghazi Zia Example | Ghazi Zia Catherine Gorman Example | Catherine Gorman Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Lisa Lim Example | Lisa Lim Talent Gate eLearning Example | Talent Gate eLearning TJ Barber Example | TJ Barber Jaime Pimsler Example | Jaime Pimsler Kate Golomshtok Example | Kate Golomshtok | Website Meghan Koyama Example | Meghan Koyama Example | Meghan Koyama 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 Button Sets Examples! The 2023 button sets 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.
