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.1.3KViews0likes4CommentsAllow 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.100Views0likes68CommentsThese 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!38Views0likes0CommentsA Free Rise 360 Course on Creating Social Change
Many people are feeling the need to make positive changes in their communities, but it’s hard to know where to start. That’s why we’ve created the new Rise 360 course, Creating Social Change: A Guide for Everyday Citizens. This course empowers individuals and organizations by addressing specific steps we can all take to realize social change. In this course, you’ll learn how to: Examine an issue, set goals, and organize for change Voice your views publicly, use your purchasing power, protest, and empower the next generation to make a difference Create change through collective action Creating Social Change: A Guide for Everyday Citizensis freely available for you or your organization. Click the Copy Course link in the description to instantly add it to your Rise 360 dashboard. You can edit the course, use it as is, export it for the web, or upload it to your Learning Management System. Have questions? Please leave them in the comments. We’d love to hear how you’re using this course in your organization. You can also learn more about our efforts to foster racial equity and justice here. Want to try creating something similar in Rise 360, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to stay up-to-date on the latest e-learning examples.26Views0likes1CommentHow 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).61Views0likes32CommentsMaking Built-In PowerPoint Templates Your Own
Here you are again at the beginning of a new e-learning project, staring at a blank slide and wondering how on earth you’re going to come up with yet another unique look and feel for your course. I’ve been there, and have just the solution to your blank-slide woes: built-in templates! Before you groan, hear me out. I’m not saying you should take these templates and use them as is, but rather take them and make them your own. Not sure where to start? Check out this easy six-step process and you’ll be on the road to success! 1. Choose a Built-In Template Start by selecting a built-in template whose general background appeals to you. Try to disregard the colors, as you can easily adapt them. Remember, you can change any aspect of the template that you don’t like. 2.Define the Theme Colors Once you’ve selected a starting built-in template, you’ll want to adapt the colors. To do so, simply open the slide master via the View tab, and click on Create New Theme Colors in the Colors drop-down menu. Depending on the project, you may or may not have a predefined color palette. If you do, go ahead and use it to create your new theme colors. If you don’t, try doing a key-word search on the internet to see what colors others associate with the topic of your course. Still not inspired? Play around with this color wheel to see which colors look nice together, or check out the examples hub on E-Learning Heroes. Once you’ve adapted the theme colors to your liking, choose a name for your new color palette and click Save. The default template is then automatically adjusted according to the new theme colors. If you like your new template as is, you can stop here. If not, you have two options: go back and change the colors in your theme or manually change the colors of the background objects. 3. Add, Delete, or Hide Background Objects At this stage, you can choose to add, delete, or hide certain objects to achieve a slightly different look. I recommend activating the Selection Pane to easily hide or unhide objects on the screen without permanently deleting them. Notice that when you click on an object on the screen, it is highlighted in the Selection Pane. In this example, I’d like to hide all the background objects so that my background is a solid color. To do so, I simply select the group of objects and click on the eye icon in the Selection Pane. Note that the Title Slide Layout is generally slightly different than the rest of the slide layouts. If you make changes to this layout, be sure to go back and apply those changes to the main slide master (the top slide) as well, so that it is automatically applied to the rest of the slide layouts. 4. Change the Background Style The next thing you can do to adapt your template is to change the background style. You can either choose one of the default options or click on Format Background to personalize the background style. Make sure the master slide (the top slide) is selected when you change the background style, so your changes are automatically applied to all the slide layouts. 5. Choose the Theme Font(s) Once you’re done editing the background graphics, you can move on to text formatting. Here, you have two options: choose from the default font themes or create your own. The advantage of creating your own is that you can choose a different font for title text and body text. For more tips on choosing the right fonts for your course, I encourage you to read these articles: 5 Questions to Ask When Choosing Fonts for E-Learning 5 Important Elements of Typography My 4 Favorite Free Fonts for E-Learning As soon as you save, the changes are applied to your template. 6. Test Drive Your New Template Now that you’re all done, go ahead and close the Slide Master view and try adding some actual content to your new template. When you do so, you may find that you want to make some minor adjustments. For example, you might find the size is too large or the background graphics don’t give you enough space for your content. No problem! Simply go back to the Slide Master view and tweak your template. I recommend doing this for a couple of slides before applying your new template to your entire course. This will allow you to get a feel for how well your template fits your content—without waiting until you’re 40 slides in to realize you need a different template. And there you have it: in a matter of minutes, a totally different-looking template created from a built-in PowerPoint template! Next time you’re feeling uninspired, remember that those built-in templates can easily be adapted to fit your needs. And the end result will be so different that no one has to know you started with a template. If you like my template, you’re in luck! You can download it here. Here are some other good resources to check out if you’re new to course design or if you’d simply like to take your skills to the next level: How Do I Choose a Design for My E-Learning Course? Your Ultimate Guide to Choosing Graphics for E-Learning 5 Graphic Design Mistakes Newbies Make and How to Avoid Them 5 Ways to Look Like an E-Learning Design Pro (Even If You’re Not!) 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 Twitter. And if you have questions, please share them in the comments.31Views0likes4CommentsFree Stock Photo Sites for E-Learning
Free Stock Photo Sites for E-Learning Looking for some fresh images to use in your e-learning projects but short on budget dollars? You’d be surprised at how many stock photo sites offer free images you can use in personal and/or commercial projects. The following sites were shared by community members in this thread. We’ve added a few new ones to the list, but we’re always looking for your feedback and recommendations. 4FreePhotos Bigfoto.com CG Textures Creative Commons DeviantART stock photos Dreamstime Every Stock Photo Flickr Commons Free Digital Photos Free Historical Stock Photos Free Images Free Photos Bank Freepik Freepixels Free Vector FreeFoto Free Range Stock Gratisography Image Base Imageafter Kavewall.com NASA ArtSpace Openphoto Photogen Picapp Picjumbo Pixel Perfect Digital Pixabay Public Domain Pictures.net Public-Domain Photos.com rgbstock StockPholio Stockvault StockPhotos Toasto Turbo Photo Unprofound Unsplash Vector Art Wikimedia Commons Updated: 12-09-2013 Post written byDavid Anderson14Views0likes22CommentsOur 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.45Views0likes2Comments