7 Most Popular Storyline 360 Examples & Downloads of 2023
E-Learning Heroes Community is the perfect place to get inspired by examples from both our amazing community members and our Articulate staff members. Below are the top seven Storyline 360 examples from 2023. 1. Storyline Comics Style Communication: Branched Scenario See how you can use interactive storytelling elements and branching techniques to teach learners the skills they need in this cool example. 2. Power of Self-Motivation Scrolling Experience Check out this completely unique interactive example that engages learners right from the start. 3. Office Safety Training Template Want to teach workplace safety in a memorable and interactive way? Check outthis downloadable template to help kickstart your project. 4. Interactive Storytelling Template Learn how to leverage storytelling in Storyline 360 to help your learners apply their skills in a real-life scenario with this inspiring example. 5. Room Exploration Interaction Template Make searching an office, home, warehouse, store, or any other 2D environment feel more cinematic with this downloadable interaction. With the help of hotspots, triggers, and layers, learners can use the on-screen flashlight to help them discover clues. 6. Reset Drag-and-Drop Incorrect Choices Template Ever wanted to reset only the incorrect drag choices in Storyline 360? Use this starter template and supporting video tutorial to learn how to reset your own drag-and-drop interactions. 7. Employee Health and Wellness Check out this stunning example to see some of the immersive and custom learning experiences you can create with Storyline 360. Wrap-Up We hope these examples inspire you as you work on your next e-learning projects! Did we miss any of your favorites? Be sure to let us know in the comments below. You can view more article recaps from 2023 by checking out our latest compilation of articles here: All the Best E-Learning Heroes Content from 2023 in One Place. Subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and X (formerly Twitter). And if you have questions, please share them in the comments.Allow Learners to Choose an Avatar Using One Variable With Storyline 360
In this article about Gamification techniques, we talk about using an avatar or character that follows you through an entire e-learning course. Why do this? Two reasons: It’s a good idea to choose characters that are relevant and that people “connect” with. Learners like to have control! In this example, notice how you get to choose between a female or male character at the start of the scenario and then that character appears throughout the course. View the demo | Download file In this article, we’ll take a look at how to get this effect in Storyline 360 using a single variable, along with the appropriate triggers and states. Add Characters and Button Sets The first step is to create the slide where the learners will choose their character. Go ahead and pop a few illustrated characters onto that slide, along with a Continue button. Now, because you’ll want the character you selected to show up later in the course, copy one of the characters you just inserted onto a few of your content slides. For each character, create a new, custom state that displays the other avatar. The idea is to toggle between the male or female state depending on which avatar the learner selects on the first slide. Next, back on the slide where learners choose their character, select both of your characters to create a button set. Putting items in a button set means only one of them can be selected at any given time. Learn more about button sets in this tutorial: Working with Button Sets. Add Variables and Triggers Now you need to add a variable that will control which avatar is visible throughout the course. To do that, create a new number variable with a default value of 0. If you’ve never worked with variables before, don’t be intimated! It’s super easy once you get the hang of it. Here's a tutorial that’ll walk you through the basics: Working with Variables. The next step is to add triggers to the Select button. The first trigger adjusts the number variable and makes it equal to 1 if the male avatar is selected when the Select button is clicked. To save yourself time, copy and paste the first trigger. Then you can simply update the value to 2 and the selected character to the female avatar. Now when the Select button is clicked, the variable will adjust to 1 or 2 depending on which avatar is selected. The last thing you need to do is add triggers on the content slides that display the appropriate avatar. Add a slide trigger that will show the male state on the character if the variable is equal to 1. Then add a second trigger that will show the female state on the character if the variable is equal to 2. And there you have it—a quick and easy way to easily use a single variable, states, and triggers to control a learner’s avatar in a Storyline course. Want to try something you learned here, but don’t have Storyline 360? Start a free 30-day trial of Articulate 360, and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.9 Interactive Table-Setting Examples by E-Learning Designers #341
Interactive Table-Setting Examples RECAP #341: Challenge|Recap This week’s challenge asked course designers to share interactive examples to help learners practice the art of table setting. Interaction techniques include drag-and-drop, sliders, hover-and-reveal, and much more. Shelby Madvig Example| Shelby Madvig Yuri Demeny Example| Yuri Demeny Angie Carter Example| Learn more| Angie Carter | Website Jodi Sansone Example | Jodi Sansone | Website | @jodimsansone Joel Colley Example | Joel Colley Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Thierry EMMANUEL Example | Thierry EMMANUEL Rick Horton Example | Rick Horton Ron Katz Example | Ron Katz | 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 consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing 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 Interactive Table-Setting Examples! The table setting 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.25 Common E-Learning Interactions in Online Training #340
Common E-Learning Interactions RECAP #340: Challenge|Recap This week’s challenge asked course designers to share their favorite e-learning interactions. Examples include flashcards, tabs, sliders, drag-and-drops, labeled graphics, and more! Heather Willis Example| Heather Willis Jocelyne Olson Example| Jocelyne Olson Priyanka Vashisht Example| Priyanka Vashisht | Website Richard Jones Example| Richard Jones | Website | @richardnz Lauren Hopkins Example| Lauren Hopkins Yekaterina Martynova Example| Yekaterina Martynova Tami Havton Example | Tami Havton Ron Katz Example | Example (original) | Learn more & download | Ron Katz | Website Danny Benton Example | Danny Benton | Website Jodi Sansone Example | Jodi Sansone | Website | @jodimsansone Rick Horton Example | Rick Horton Judy Nollet Example | Judy Nollet | Website Shaunna Holcomb Example | Shaunna Holcomb Ang CM Example | Ang CM Akshaya Garg Example | Akshaya Garg Priyanka Rastogi Example | Priyanka Rastogi Rebecca Govin Example | Rebecca Govin Kyle Main Example | Kyle Main Sherri Sagers Example | Sherri Sagers | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Fabian Koeninger Example | Download | Fabian Koeninger Amaly Gillig Example | Amaly Gillig Karole Dawson Example | Karole Dawson Angie Carter Example | Learn more | Angie Carter | Website Hilla Schlegel Example | Hilla Schlegel Montse Example & download| Montse| Website | @mLearning 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. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Favorite E-Learning Examples! The go-to e-learning 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.48 Interactive Examples of Tab Navigation in E-Learning #320
Tabs Interaction Examples in E-Learning RECAP #320: Challenge|Recap This week’s challenge asked course designers to share creative ways to use tabs interactions in e-learning. Kandice Kidd Example | Kandice Kidd Joel Colley Example| Joel Colley Laura Bailey Example| Laura Bailey Lisa Barr Example| Lisa Barr Anne-Renee Mauuarin Example| Anne-Renee Mauuarin | Website Jennifer Gupta Example | Download | Jennifer Gupta Molly Fisher Example | Download | Molly Fisher Jodi Sansone Example | Download | Jodi Sansone | @jodimsansone Kimberly Eng Example | Kimberly Eng | Website Jeniffer Brubaker Example | Download | Learn more | Jeniffer Brubaker Samanta Chittolina Example | Samanta Chittolina Samara Reyneke Example | Download | Samara Reyneke Monica Meadows Example | Monica Meadows Katelin Jordan Example | Katelin Jordan Ang CM Example | Ang CM Kaitrin Morrison Example | Kaitrin Morrison Marie Maurannes Example | Download | Marie Maurannes Ashi (Neha) Tandon Example | Ashi (Neha) Tandon | Website | @ashi_tandon Gabriella Grimaldo Example | Gabriella Grimaldo Ron Katz Example | Download | Ron Katz | Website Jessica Bradt Example | Learn more | Jessica Bradt | Website Jeffrey Riley Example | Download | Learn more | Jeffrey Riley | Website Priyanka Rastogi Example | Priyanka Rastogi Yuri Demeny Example | Yuri Demeny Teo Karageorgakis Example | Learn more | Teo Karageorgakis | Website Ross Lawrie Example | Ross Lawrie Shannon Perry Example | Shannon Perry Dayal Mrini Example | Dayal Mrini Jessie Bernal Example | Jessie Bernal Bryan Smith Example | Bryan Smith Tabatha Eatherly Example | Tabatha Eatherly Alex Jinca Example | Alex Jinca | Website Raiza Paras Example | Raiza Paras Yekaterina Martynova Example | Yekaterina Martynova Ahmed Aziz Example| Ahmed Aziz Jonathan Tipps Example| Jonathan Tipps | Website Samuel Apata Example| Samuel Apata | Website | @afrostem Alison Smith Example| Alison Smith Amy Palian Example| Amy Palian Vishal Mewada Example| Vishal Mewada Mark Weingarten Example 1| Example 2| Example 3| Mark Weingarten | Website Mary T. Collins Example| Mary T. Collins Tabatha Dragonberry Example| Tabatha Dragonberry Khalil Rivera Example| Khalil Rivera Orsolya Kereszty Example| Orsolya Kereszty 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 or LinkedIn, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Interactive Tab Examples! The 2021 tabs 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.These 7 K-12 E-Learning Examples Are Best in Class
Developing K-12 e-learning gives course creators a chance to test their creativity and explore the possibilities. Effective K-12 e-learning can transform tricky subjects into fun, light, and engaging content for young learners. These seven examples created by the imaginative members of the E-Learning Heroes community use inviting designs and fun narratives to keep learners interested. Take a look: Young learners will have fun fulfilling pizza orders while learning fractions in this clever drag-and-drop math example by Anuradha Gopu. Gamify your projects to capture your K-12 audience’s attention. Snag this countdown quiz example template by Allison LaMotte to help you get started. Teach young students critical math skills withthis mermaid-inspired counting example by Gabrielle Schofield. This super-cute soap-a-sheep example by David McEachan helps K-12 students learn to properly wash their hands. Transform heavy science subjects into fresh, engaging, and relatable content like Trina Rimmer does in this Rise 360 K-12 example with facts about blood. Young children will have fun toggling between animal names and sounds inthis farm example by Allison LaMotte. This simple but beautiful Rise 360 course by Allison LaMotte helps learners identify different animals—it also includes a quiz to help students practice what they learned. If you’re feeling inspired, then join the E-Learning Challenge and submit your own K-12 e-learning project. You can also find more course design inspiration in the Building Better Courses forum. We’d love to see you there!33 Ways to Use the Pantone Color of the Year (2021) in E-Learning Design #308
Pantone Color of the Year RECAP #308: Challenge|Recap This week’s challenge asked course designers to share creative ways to use the 2021 Pantone color of the year in e-learning course design. Joel Colley Example| Joel Colley Emile Husson Example| Emile Husson Glen Wild Example| Glen Wild | Website Jodi Sansone Example| Download| Jodi Sansone | @jodimsansone Melissa Meyers Example| Melissa Meyers Daniel McClean Example| Daniel McClean Veronica Budnikas Example| Learn more| Veronica Budnikas | Website | @verobudnikas Ron Katz Example | Download (v1) Download (v2) | Blog | Ron Katz Kimberly Eng Example | Kimberly Eng | Website Jodi Sansone Example | Download | Jodi Sansone | @jodimsansone Katelin J Example | Katelin J Jodi Sansone Example | Download | Jodi Sansone | @jodimsansone Amy Aston Example | Amy Aston Mrinal D Example | Mrinal D Akshaya Garg Example | Akshaya Garg Jen Edgerton Example | Jen Edgerton Carrie Gauthier Example | Carrie Gauthier Luke Goodwin Example | Luke Goodwin David McEachan Example | David McEachan Ashley Chiasson Blog | Ashley Chiasson | Website | @amdchiasson Ryan James Example| Ryan James | Website Mrinal D Example | Mrinal D Jennifer Clarke Example | Jennifer Clarke Kristy Moede Example | Kristy Moede Ivett Csordas Example | Ivett Csordas Dr. Nadia Siddiqui Example| Dr. Nadia Siddiqui | Website Ciera Carr Example| Ciera Carr James Hubert Javier Example| James Hubert Javier Adam Gavarkovs Example| Adam Gavarkovs | @adamgavarkovs Jason DeVincentis Example| Jason DeVincentis Barbara Yalof Example| Barbara Yalof Heather Cardes Example| Heather Cardes Karishma Vaz Example| Karishma Vaz 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. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your 2021 Pantone Color Examples! The Pantone color of the year 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.22 E-Learning Examples that Use Hotspots and Invisible Buttons #296
Hotspots and Invisible Buttons in E-Learning RECAP #296: Challenge|Recap This week’s challenge asked course designers to share creative ways to use hotspots and invisible buttons in e-learning. Examples include custom drag-and-drop interactions, cutaway models, fraud detection, music education, and much more! Justin Morello Example| Justin Morello Jeffrey Riley Example| Jeffrey Riley | Website Lisa Nicholson Example| Lisa Nicholson Julie Grosclaude Example| Julie Grosclaude | Website | @julie_grscld Armando Lopez Example | Armando Lopez Jodi Sansone Example | Download | Jodi Sansone | @jodimsansone Sydney Spann Example | Sydney Spann Jen Edgerton Example | Jen Edgerton Sunet Sullivan Example | Sunet Sullivan Ron Katz Example | Download | Discuss | Blog | Ron Katz Kimberly Eng Example | Kimberly Eng | Website Jonathan Hill Example | Download | Jonathan Hill | Website | @JHill_AssocCIPD Aman Vohra Example | Aman Vohra | Website Walt Hamilton Example | Walt Hamilton Katy Tran Example | Katy Tran Gerry McAteer Example | Gerry McAteer Ryan Valley-Kolbinson Example | Ryan Valley-Kolbinson | @ryan_edtech Kelly Cooke Example | Kelly Cooke Samara Reyneke Example | Samara Reyneke Rachelle Albright Example | Rachelle Albright Kristy Moede Example | Kristy Moede Nick Russell Example | Nick Russell 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. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Hotspot and Invisible Button Examples! The hotspot and invisible 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.25 E-Learning Quizzes to Help You Pass the Eighth Grade #295
1912 Eight Grade Quiz Makeover RECAP #295: Challenge|Recap This week’s challengeasked course designers to give a 1912 eighth grade quiz a modern, e-learning makeover. Ashi (Neha) Tandon Example| Ashi (Neha) Tandon | Website | @ashi_tandon Kelly Cooke Example| Kelly Cooke Ang CM Example| Ang CM Luke Plummer Example| Luke Plummer Samara Reyneke Example| Samara Reyneke Molly Fisher Example| Molly Fisher Kimberly Eng Example | Kimberly Eng | Website Ron Katz Example | Download | Ron Katz Sydney Spann Example | Sydney Spann Jodi Sansone Example | Jodi Sansone | @jodimsansone Ivett Csordas Example | Ivett Csordas Jen Edgerton Example | Jen Edgerton Preethi Ravisankar Example | Download | Preethi Ravisankar Katy Tran Example | Katy Tran Jonathan Hill Example | Download | Jonathan Hill | Website | @JHill_AssocCIPD Farah Azadeh Example | Farah Azadeh Example | Farah Azadeh Rema Merrick Example | Rema Merrick | Website Jessie Mathisen Example | Jessie Mathisen Daniel Sweigert Example | Blog | Daniel Sweigert | Website | @elearningwdan Nick Russell Example | Nick Russell Aman Vohra Example | Aman Vohra | Website Garth Yorko, T.E. Example | Garth Yorko, T.E. 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. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Quiz Makeover Examples! The quiz makeover 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.
