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.40+ Animated Button Examples for E-Learning #285
Animated ButtonStylesin E-Learning RECAP #285:Challenge|Recap This week’s challenge asked course designers to share creative ideas for making buttons more inviting and engaging. Jennifer Clarke Example| Jennifer Clarke Chiatzu Yeh Example| Chiatzu Yeh Phil Mayor Example| Learn more| Phil Mayor | Website | @philmayor Kari Mueller Example| Kari Mueller Nancy Woinoski Example 1 | Example 2 | Nancy Woinoski | Website Evangelos Neochoritis Example | Evangelos Neochoritis Joanna Kurpiewska Example | Blog | Download | Joanna Kurpiewska| @elearningjoanna Christina Stephenson Example | Blog | Download | Video tutorial | Christina Stephenson | Website Kiet Vo Example | Kiet Vo Joanna Kurpiewska Example | Joanna Kurpiewska | Website | @elearningjoanna Hami Suzuki Example | Hami Suzuki Evangelos Neochoritis Example | Evangelos Neochoritis Richard Mulcahy Example | Richard Mulcahy Jodi Sansone Example | Download | Jodi Sansone | @jodimsansone Jen Edgerton Example | Jen Edgerton Abhishek Trivedi Example | Abhishek Trivedi Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Matthew Guyan Tutorial | Matthew Guyan | Website | @MattGuyan Preethi Ravisankar Example | Download | Preethi Ravisankar Emma Nichols Example | Emma Nichols | Website Sunet Sullivan Example | Download | Sunet Sullivan Veronica Budnikas Example | Blog | Download | Veronica Budnikas | Website | @verobudnikas Kimberly Eng Example | Kimberly Eng | Website Stephanie Roberts Example | Stephanie Roberts D Copenhaver Example | D Copenhaver Preethi Ravisankar Example | Download | Preethi Ravisankar David McEachan Example | David McEachan Joanne Lowe Example | Joanne Lowe Stefano Craba Example | Download | Stefano Craba Andrzej Jabłoński Example | Download | Andrzej Jabłoński Mark Weingarten Example | Download | Mark Weingarten | Website Amy Logan Example | Amy Logan Keneisha Murrell Example | Keneisha Murrell Carrie Gauthier Example | Carrie Gauthier Ankit Jain Example | Ankit Jain | Website Elizabeth Pawlicki Example | Elizabeth Pawlicki Aldo Chavez Example | Aldo Chavez | Website Tim Thatcher Example | Tim Thatcher Jessica Grosman Example | Jessica Grosman | Website Gabrielle Schofield Example | Gabrielle Schofield Nick Russell Example | Nick Russell | 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 Animated Button Examples! The animated 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.40+ Examples of Accordion Interactions for E-Learning Designers #147
Accordion Interactions in E-Learning RECAP #147:Challenge|Recap This week’s challenge asked course designers to share creative ideas for using accordion interactions in e-learning. Examples include accordions with sliders, embedded quizzes, image zooms, and much more! Thanks to everyone who shared an example, download, or feedback this week! Montse Anderson View & download | Montse Anderson | Website | @mLearning Matthew Guyan View project | Download | Matthew Guyan | Website | @MattGuyan Allison Goldthorpe View project | Learn more | Allison Goldthorpe | Website Jeff Kortenbosch View project | Download | Jeff Kortenbosch | Website | @elearningjeff Ashi Tandon View & download | Ashi Tandon | Website | @ashi_tandon View & download | Ashi Tandon | Website | @ashi_tandon Tracy Carroll View project | Learn more | Tracy Carroll | Website | @1tracycarroll Jackie Van Nice View project | Jackie Van Nice | @jackietrains Alexander Salas View project | Learn more & download | Alexander Salas | Website | @stylelearn Niels Rop View project | Niels Rop | Website Richard Watson View project | Learn more | Richard Watson | Website | @rwatsonID Dan Graham View project | Download | Dan Graham | Website | @EzLearnin Linda Lorenzetti View project | Linda Lorenzetti | Website | @lindalor Brandon Lynn View project | Download | Brandon Lynn Ridvan Saglam View project | Ridvan Saglam | Website | @rbsaglam Anne Seller View project | Anne Seller | Website | @LifeScienceLSI Joshua Stoner View project | Download | Josh Stoner | Website | @joshuastoner Nancy Woinoski View project | Nancy Woinoski | Website | @pinchedhead Savneet Singh View project | Savneet Singh | Website | @exelinisd Aman Vohra View project | Aman Vohra | Website Dianne Hope View project | Learn more & more | Dianne Hope | Website | @DianneHope Emily Bramley View project | Emily Bramley Alex Vostretsov View project | Alex Vostretsov | Website David Tait View project | Learn more & download | David Tait | Website | @4ptLtd Oleg Miroshensky View project | Oleg Miroshensky | Website Lili Seram View project | Lili Seram Alicia Pennington View project| Alicia Pennington Veronica Budnikas View project| Download| Veronica Budnikas | Website | @verobudnikas Nejc Žorga Dulmin View project| Learn more| Nejc Žorga Dulmin | Website | @nejcd La Shaunda Webb View project| La Shaunda Webb Sam Zimmer View project| Sam Zimmer Phil Eagles View project| Phil Eagles | 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, try using #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Accordion Interaction Examples! The accordion challengeis 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 Examples of Character Animation in E-Learning #163
Character Animation in E-Learning RECAP #163: Challenge|Recap This week's challenge features creative ideas for animating characters in e-learning. Examples include characters talking, running, exercising, and more! Thanks toeveryone who shared an example, source file, or feedback this week! Linda Lorenzetti View project | Linda Lorenzetti | Website | @lindalor Alexander Salas View project | Alexander Salas | Website | @stylelearn Piotr Peszko View project | Piotr Peszko | Website | @piotrpeszko View project | Piotr Peszko | Website | @piotrpeszko Montse Anderson View project | Montse Anderson | Website | @mLearning Allison Goldthorpe View project | Learn more | Allison Goldthorpe | Website Ashi Tandon View project | Ashi Tandon | Website | @ashi_tandon View project | Ashi Tandon | Website | @ashi_tandon Learn more & download | Ashi Tandon | Website | @ashi_tandon Alex Vostretsov View project | Alex Vostretsov | Website Aman Vohra View project |Download (PowerPoint) | Aman Vohra | Website Becky Armstrong View project | Becky Armstrong | Website Alexander Salas View project | Alexander Salas | Website | @stylelearn Amar Kulshreshtha View project | Learn more | Amar Kulshreshtha | Website | @AmarShreshtha Chris Hodgson View project & learn more| Chris Hodgson | Website | @skriss Joanne Chen View project| Joanne Chen Richard Maranta View project| Richard Maranta | Website | @MakeThisGoLearn Jerson Campos View project| Jerson Campos | Website | @VSLeLRN Nigel Ribeiro View project| Nigel Ribeiro | Website | @bhivelearning Yekaterina Martynova View project| Yekaterina Martynova Houra Amin View project| Houra Amin Richard Maranta View project| Richard Maranta | Website | @MakeThisGoLearn Nick Russell View project| Learn more & download| Nick Russell | Website Tested Emi View project| Tested Emi Tracy Carroll View project| Learn more| Tracy Carroll | Website | @1tracycarroll Felipe Casajus View project| Felipe Casajus | Website | @inelearning Danielle Toth View project| Danielle Toth | Website Katherine Jackson View project| Katherine Jackson Emilie Sandelis View project| Emilie Sandelis 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, try using #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Animated Characters for E-Learning! The animated characters 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.How to Use GIFs as Cover Photos in Rise 360 (with Free GIFs!)
Adding a cover photo to a Rise 360 course is an easy way to make your course look beautiful, inviting, and customized. And you’re not limited to still photos!You can addGIF files to your Rise projects to make them really come to life. That’s why we’re giving away abundle of six GIFsfor you to use in your Rise 360 courses.Grab the download, then check out this simple tutorial to see how easy it is to update your cover photo with one of these gorgeous GIFs: And remember to 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).20+ Examples of Drop-Down Lists, Menus, and Navigation in E-Learning #164
Drop-Down Menus in E-Learning RECAP #164: Challenge|Recap This week’s challenge features creative examples for drop-down navigation. Examples include draggable menus, animated menus, and much more! Thanks to everyone who shared an example, source file, or comment this week! Linda Lorenzetti View project | Linda Lorenzetti | Website | @lindalor Allison Goldthorpe View project | Learn more & download | Allison Goldthorpe | Website Kayla Burtch View project | Download | Kayla Burtch | Website Ashi Tandon View project | Ashi Tandon | Website | @ashi_tandon Matthew Guyan View project | Matthew Guyan | Website | @MattGuyan Amar Kulshreshtha View project | Learn more | Amar Kulshreshtha | Website | @AmarShreshtha Noura Sa'd View project | Noura Sa'd David E. Davis View project | David E. Davis Preston Ruddell View project | Learn more & download | Preston Ruddell Alexander Salas View project | Alexander Salas | Website | @stylelearn Alex Vostretsov View project (v1) | View project (v2) | Alex Vostretsov | Website Aman Vohra View project | Learn more | Aman Vohra | Website David Tait View project | David Tait | Website | @4ptLtd Nejc Žorga Dulmin View project| Learn more & download| Nejc Žorga Dulmin | Website | @nejcd Darren Wall View project| Learn more & download| Darren Wall Robin Haines View project| Robin Haines Veronica Budnikas View project| Learn more| Download| Veronica Budnikas | Website | @verobudnikas Monica Speer View project| Monica Speer 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, try using #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Drop-Down Menus! The drop-down menu 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.Our Four Favorite Free Fonts for E-Learning
As e-learning designers, we each have a few favorite go-to fonts that we know we can rely on time and time again. While they're typically tried, tested, and true, if you only use a handful of fonts, your work can start to look stale. But there are so many options out there, it can be hard to know which ones to choose. That’s why we thought we’d go ahead and share our four favorites. What’s so great about these fonts? Well, not only are they super-sleek and available for free, but they’re also accessibility- and translation-friendly. What could be better than that? Ready to give your training some fresh impact? Check out these fabulous fonts! Lato Lato is the third most popular font on Google Fonts—behind only Roboto and Open Sans—for good reason. It’s a no-nonsense, sans-serif font with enough character that it’s not boring. Originally designed for a Polish bank, it comes in nine different weights and features clean lines while retaining an inviting, handwritten style. The italicized characters have a bit more whimsy, but overall this is a fantastic all-purpose font that can easily pull duty in titles, headers, and body text. Download Lato Poppins Creating content for multiple languages? Look no further than Poppins! The Indian Type Foundry developed it specifically to be ultra-compatible with all languages. Don’t worry about various font weights or modified characters making your content unreadable once it’s translated. Poppins is laser-focused on maintaining character geometry so that it’s always legible, no matter the language. Download Poppins Lustria Lustria is a lighter-weight font that’s great for all kinds of applications. Inviting and pressure-free, this font scales nicely on larger displays or when zoomed in on mobile devices. The only downside of this option is that it comes in just a single font weight. But while it might not be as versatile for multiple design elements, it’s an absolute star when it comes to presenting large blocks of content without wearing out your learners. Download Lustria Oswald If you need a bold, Gothic-style font, look no further than Oswald. Presented in a variable-weight font package, it’s incredibly easy to apply to titles and headers, really anywhere you want your text to stand out. This take on the “Alternate Gothic” font was created with an eye toward digital presentations. Creating content for the screen? Then Oswald’s your font. Just keep in mind that because the spacing between each character (or kerning) is a bit tight, accessibility is an issue when used at smaller point sizes. For this reason, it’s better to use Oswald where it’s large and can provide the most impact. Download Oswald Finding Future Favorite Fonts Fonts are often overlooked, but they’re an essential part of your design. Keeping your font selection current not only ensures that your learning looks fresh but makes it more accessible. And if you build courses in multiple languages, the right font choice will ensure you don’t run into issues during the translation process. But these four fonts are just the tip of the iceberg. Check out these additional resources for more help selecting fonts: 5 Formatting Tips for Creating Dyslexia-Friendly E-Learning 5 Inspiring Font Pairings for Your Next E-Learning Project 8 Questions To Ask When Choosing Fonts & Formatting Text And be sure to share your go-to typefaces with us in the comments below! We’d love to hear from you. If you found this article helpful, remember to follow us on Twitter, and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning.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!
