Level Up Your E-Learning With These Popular Game Templates
Since we’re on the topic of games, let’s start off with a “Would you rather . . .” question. Here we go: Would you rather take a one-hour online test or play a one-hour online game? My bet is that you chose the one-hour game. And that’s no surprise—games are usually fun, whereas tests can be boring or difficult. But they don’t have to be! If you use gamification elements in your content—or even turn the entire learning experience into a game—you can boost learner engagement and drive performance. To help you get your game on, check out these popular game templates that you can download and customize to fit your learners’ needs. Storyline: Vocabulary Guessing Game With multiple choice questions, learners can sometimes simply guess the correct option. If you want a fun way to increase the challenge, try this vocabulary guessing game by Karlis Sprogis instead. By giving learners the number of letters in the word and limiting the number of attempts, you’re appealing to their competitive nature—will they find the correct answer in time? Or will they see the dreaded game-over screen? Storyline: Jeopardy-Inspired Game Show Template Do you need to test learners on multiple topics? This popular game show template by Sarah Hodge is just the thing to turn a boring assessment into a familiar and fun quizzing experience. Storyline: Countdown Quiz Game Want to see how adding game-like elements to your assessments can motivate learners? Then check out this countdown quiz game by Allison LaMotte. The more questions you get right, the more stars you earn, incentivizing learners to retry sections until they get a perfect score. Storyline 360: Angry Words Side-Scrolling Game If your employees communicate often with customers, the last thing you want is for them to wing it. Try teaching learners which phrases are helpful with this word side-scrolling game by Jonathan Hill. Who knew customer service content could be so much fun? Storyline: Codenames-Inspired Learning Game Need to get new employees up to speed on workplace acronyms and terminology? This learning game by Allison LaMotte will help them catch up in no time! By solving clues and looking for similarities, this game makes it fun to define individual terms and see how they all connect. Storyline: Gamified Quiz Template With Timer Need to check if employees can think and act fast? This timed quiz by Sarah Hodge challenges learners to quickly answer questions to prove they have what it takes. Wrap-Up So what are you waiting for? Go ahead and download any or all of these games and gamification examples and customize them to fit your needs. Or, create your own game-inspired project and share it in the comments below! We love seeing new and innovative ways to engage learners. If you need more inspiration, head on over to the weekly challenges, downloads, and examples to see other creative ideas. Want to try building something similar in Storyline 360, but don’t have Articulate 360? Start a free 30-day trial.299Views0likes2CommentsMake Working with SMEs a Breeze with These 3 Downloads
One of my favorite things about being an e-learning designer is creating courses on a wide variety of topics. I’ve learned so much over the years! When I look back on it, it’s almost like I had to become an expert in every subject in order to create the most effective learning experience. And while some of my knowledge came from my own research, more often than not it was gleaned from the content provided by my project’s Subject Matter Experts (SMEs). Subject Matter Experts play a critical role in course design. They have the knowledge, experience, and insight to help you create the most impactful training. Despite their importance to your projects, working with SMEs can also be challenging. From different perspectives around how content should be presented to old-fashioned beliefs around how people learn, many e-learning pros find themselves in a battle of wills with their SMEs when all they really want is a productive partnership. This problem can be especially vexing when creating custom e-learning in a powerful app like Storyline 360. With so many creative possibilities, there are countless ways to present content. So how do you help your SMEs visualize different treatments and bridge gaps in understanding, all while building positive relationships with your SMEs? Here are three documents I’ve found essential for communicating clearly and aligning expectations from the start. Document 1: Project Kickoff Questions Before meeting with your project’s SMEs, it pays to do a little prep work. If you already have some source content pulled together, study it to get a basic understanding of the material. And if you don’t have content, research the topic or the company to make the most of your time with your SMEs. As you study, prepare a list of questions to help guide the conversation and show the SME how much you value their time. Need to kick-start your thinking? Download and customize this Project Kickoff Questionnaire for your needs. Download With all of your prep work done, you’re ready to set up a meeting with your SME to discuss the project. Make sure to bring your list of questions, and then listen actively and take notes. This is your time to build trust with your SMEs and identify knowledge and performance gaps to determine the right solution. Document 2: Project Plan After you determine the right solution, it’s time to put the details in writing so you’re all on the same page. A project plan can be a great way to align expectations. In the project plan, you can include the project background, course information, deliverables, timelines, and any other important details. Once you’re done preparing the project plan, have the SME review it and confirm its accuracy before moving forward with design. Need help creating a project plan? I’ve got you covered! Download this free project plan template. Download Document 3: Storyboard Now that you and the SME are on the same page, it’s time to start designing the project. If you’re using a slide-based authoring app like Storyline 360, the best way to make sure you have a solid foundation for development is to create a storyboard. A storyboard is the blueprint for a course that outlines the content screen by screen. Storyboards help your SMEs visualize how the content will flow and allows them to make edits before you start development in your authoring app. Note: If you’re using a web-based authoring app like Rise 360, you can skip the storyboarding phase and go straight to development since it’s easy to use and quick to make changes. Need help getting started? Then download and customize this storyboard template with your content. Download What Next? After the storyboard is finalized, you can feel confident knowing you have a solid foundation to start building your course. Taking the time to develop project kickoff questions, create a clear project plan, and storyboard the content before you start developing it in your authoring app will set you, the SME, and the learners up for success. For more ideas on working with SMEs, check out this series on Everything You Need to Know About Working with SMEs. Follow us on Twitter 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.298Views0likes2CommentsTutorials: Here's a Hidden Animation Effect for Storyline 360 (Free Template)
From Quick Tips: Episode 99. Some community members asked for templates of this popular demo course. In this tutorial, we look at one part of the template and learn a secret animation tip. There's also a free download so you can use the decision-making interaction in your own courses. Dissect the demo file Create the animated dial Work with gradients to activate the secret effect Recommended Resources Storyline User Guide📒 Storyline Essentials📺 Upcoming Webinars You can join our monthly Quick Tips webinars and view previous episodes on our training page.99Views0likes0CommentsYour One-Stop Shop for Storyline 360 Quiz-Building Tips
If there’s one thing most e-learning courses have in common, it’s that they have a quiz. Whether there are knowledge checks peppered throughout or an evaluation at the end, it’s rare to see a course without a quiz question or two. We’ve rounded up our most helpful quiz-related content on E-Learning Heroes so you can easily get up to speed on creating quizzes in Storyline 360, as well as learn more about designing effective quizzes. And how about getting off to a running start with some free downloads? Tutorials If you’re new to creating quizzes in Storyline, first things first! Start by taking a look at these helpful tutorials: Creating Quizzes with Form-Based Questions Creating Quizzes with Freeform Interactions Adding Quiz Result Slides Instructional Design Tips Once you’ve got the technical side of things down, check out these articles for tips on designing meaningful quizzes: How to Write Good E-Learning Quiz Questions Do’s and Don’ts of Writing Effective Multiple Choice Questions 20+ Tips for Writing Great Quiz Questions and Response Options 6 Common Quizzing Mistakes and How to Avoid Them How to Quiz Your Learners at the Right Time How to Write Effective Quiz Feedback How to Match Question Types with the Skills You’re Testing Creating Quizzes: Choose a Passing Score How to Write Plausible Incorrect Answer Options for Quiz Questions Downloads Whether you’re short on time or just looking for inspiration, these downloads are just the thing: Countdown Quiz Game Movie Trivia Game Question Bank Template Italian Drag and Drop Quiz Multiple Choice Quiz with Badge Awards Color Gradient Quiz Process Interaction Quiz Combination Lock Quiz Dog-Themed Jeopardy Template Wrap-Up These tutorials, articles, and downloads should be more than enough to get you ready to build your next quiz. But if you get stuck somewhere along the way, we’re always here to help! Feel free to reach out to us in the discussion forums with any technical- or design-related questions you may have. Did you find these resources helpful? 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).98Views0likes4CommentsA Behind-the-Scenes Look at How I Designed This Gamified Quiz
Have you ever wanted to create a gamified quiz, but didn’t know where to start? Or maybe you had a few ideas, but felt a little intimidated and decided to save it for a rainy day...that never came? I feel you. I’ve been there. But guess what? I went for it! Here’s how it turned out: Click here to view the interactive version and download the template. And if I can do it, you can too! In this article, I’m going to walk you through my design process so you can see how I got from an idea to a finished product. Let’s dive in! Coming Up with the Concept One of the hardest parts of gamifying your e-learning course is deciding which game elements to add. There are so many options it can be hard to decide which ones to focus on. There’s no right or wrong answer, but, as always, it’s important to keep your learning objectives and target audience in mind. Since I didn’t have an actual project to tackle, I tried to imagine a situation in which it may be beneficial to gamify a course. Then it came to me! What if I created a quiz for learners who need to memorize a bunch of information—vocabulary words, for example? When it comes to memorization, one thing that can be helpful is repetition. That’s why people use flashcards, so they can run through them over and over, remembering more and more each time. But repetition can also be boring, so why not make it fun? With that in mind, I decided to incorporate the following things: Question banks. I wanted to help commit the answers to long-term memory by randomizing and spacing out the questions and not simply using short-term memory to recall the order. A countdown timer. I wanted to create a sense of urgency and excitement, but also to encourage learners to trust their gut and go with their first instinct rather than overthinking it. Extra time. I added extra time to the clock to reward learners for correct answers and to give them more time to think about subsequent questions. An incentive to try again. Instead of forcing learners to get a perfect score to move forward, I wanted to entice learners to beat their previous score, so I set up a system of stars. Learners only need one star (or 10 correct answers) to pass, but if they want to earn two, they need to get 15 correct answers, and to earn all three stars, they have to get a perfect score. The hope is that learners who only get one star will want to try again until they get two or three stars. Levels. I broke the game up into levels that unlock as they go to give learners a sense of achievement. Sound effects. I embellished the game with sound effects to give it a more playful feel. Now that you have some insight into the ideation process, let’s take a look at how I decided on the design. Designing the Graphics Since my gamified quiz is intended to be a template, I wanted to stick to a simple design that could be used for a broad range of topics and could easily be adapted to fit any company’s brand guidelines. I decided to go with a bright, colorful palette to give it a fun vibe. Initially, I wasn’t sure if I wanted to use a background image or not, so I just left the background white. Here’s what my first draft looked like: But I wasn’t 100 percent satisfied with this first version. The font didn’t feel “fun” enough and all the gray made for visuals that were a little too “blah,” so I started brainstorming ways to improve upon my design. When I’m looking for inspiration, I often try searching Content Library 360 to see if anything jumps out at me. And sure enough, I stumbled upon an illustration of a sky with a big cloud and it just clicked—that’s it! What better way to give my game a lighthearted vibe? After I added the background, things started falling into place. I swapped out the gray for a darker shade of blue, to match the sky, and replaced the boring font with this fun, game-inspired one. Now I was getting somewhere! Here’s what my second version looked like: But something still didn’t feel right. I decided to see what it would look like if the pathway followed the outline of the clouds, to give it a more integrated, cohesive look. Once I was happy with the main menu slide, I created the question slides along the same lines, changing the colors for each level. At this point, I was feeling pretty good about my graphics, so I started thinking about sound effects. Choosing Sound Effects To really give my quiz a game-like feel, I decided to add some sound effects. I was careful not to go overboard, which would distract from the learning experience. Here’s what I landed on: A theme song. I wanted something to play at the beginning and end of the game as well as on the results slide to set the tone for the course. I wasn’t sure exactly what I wanted it to sound like, but I was imagining something a little retro to fit with the graphic style I chose. Correct/incorrect sounds. I thought it would be nice to find sound effects to signal to learners whether they’ve answered a question correctly or incorrectly. I wanted something that was short—so it didn’t get annoying—and unambiguous—so learners wouldn’t be left wondering what it meant. A “time’s up” sound. Finally, I wanted to find another short tone to signal when the time runs out on the clock—like an alarm or a buzzer. With that decided, I started my search. First, I headed over to this list of websites with free sound effects. After looking at a few options, I concentrated my efforts on freesound.org since it’s easy to navigate and the licensing terms for each download are clearly laid out. From there, I started trying out a few keywords—like game, theme song, right, wrong, alarm, buzzer—and gave each one a listen. To include my sound effects in my template, I made sure to choose sound effects that were licensed under Creative Commons 0—so I could use and redistribute them freely. That narrowed down my options, which actually made it easier to choose. If you’ve never used sound effects in your courses before, check out this article for advice on using them effectively: Tips for Using Sound Effects in E-Learning. More Resources Hopefully you found this sneak peek into my design process useful! If you downloaded the template and need some help customizing it, be sure to check out this how-to article, where I walk through how to do that:How To Customize This Storyline 360 Countdown Quiz Game Template. If you want to dig deeper into the concept of gamification and how to apply it to your e-learning courses, check out these helpful articles: Gamification Techniques: How to Apply Them to E-Learning Gamification: How and Why Does It Relate to E-Learning? 5 Visual Design Tips for Gamified E-Learning And here are a couple of gamified course templates in case you’re short on time: Randomized Board Game Dice Quiz Game E-Learning Battleship Game Crossword Puzzle Game Not finding what you’re looking for? There are tons more where these came from! Hop on over to the downloads hub to browse all the Storyline templates. 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).93Views0likes14Comments10 Most Popular Rise 360 Real-Content Templates of 2023
Developing high-quality, engaging content can be time-consuming. But don’t worry—with the real-content templates in Content Library 360, you can quickly deploy fully developed training full of prewritten content, instructional videos, and interactive exercises. Editing real-content template is easy too, making it a breeze to personalize your courses to fit your needs. From time management to mental health to effective meetings and more, here are the templates our customers found most valuable in 2023. 1. Time Management Essentials For the second year in a row, Time Management Essentials is the number one most popular real-content course. This crowd-pleasing course gives learners valuable tips for making the most of their time. 2. Developing a Growth Mindset Is your team feeling stuck? Want to help employees unlock their potential? Try sharing this course to help learners identify roadblocks and reignite growth. 3. Leading with Emotional Intelligence Explore empathy, social skills, and other essential soft skills for leadership in this course. 4. The Basics of Managing Stress Give your learners valuable information about the connection between the body and stress and actionable tips for how to manage it. 5. 5-Day Challenge to Improve Your Mental Health Challenge your learners to improve their mental health in just five days with interactive exercises, reflection questions, and more. 6. Workplace Communication Basics Help your team communicate more effectively with the verbal and written strategies in this course. 7. Resolving Conflict with Coworkers Conflict is inevitable, but it doesn’t have to slow your team down. Use this course to teach your team how to work through common issues. 8. Communication Fundamentals Help your team understand why communication matters and learn actionable tips and tricks to improve their skills. 9. A Guide to Effective Meetings Use this course to establish a culture of productive, energetic meetings within your team. 10. Soliciting and Responding to Customer Feedback Help your employees gather and respond expertly to customer feedback with this story-driven course. Wrap-Up Ready to try one of these real-content templates? Or curious to see what other templates are available? Log in to your Rise 360 dashboard, click +Create New, and click Course. This will open a dashboard where you can browse all templates currently available for subscribers. Have an idea for a real-content template? Let us know in the comments! Want to try one of these real-content templates, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to get the latest product updates, e-learning examples, and expert advice sent directly to your inbox. If you have questions, please share them in the comments.87Views0likes5Comments26 Creative Ways to Use Click-and-Reveal Interactions in E-Learning #349
Click-and-Reveal Examples RECAP #349: Challenge|Recap This week's challenge asked course designers to share creative ways to show more info using click-and-reveal interactions. Rebecca Cottongim Example| Learn more| Video overview| Rebecca Cottongim Sarah Scott Example| Sarah Scott Karin Lorbeck Example| Karin Lorbeck Nik Bowers Example| Nik Bowers Ron Katz Example|Ron Katz|Website Mark Livelsberger Example| Mark Livelsberger Samuel Apata Example| Download| Samuel Apata | Website | @afrostem Janie Liz Sampaga Example| Janie Liz Sampaga | Website Richard Watson Example| Learn more| Richard Watson | Website | @rwatsonID Emily Chorley Example| Emily Chorley | Website Stephanie Bowling Example| Stephanie Bowling Yvonne Urra-Bazain Example| Yvonne Urra-Bazain | Website Priyanka Rastogi Example| Priyanka Rastogi Hilla Schlegel Example| Hilla Schlegel Alicia de Billy Example | Alicia de Billy Jodi Sansone Example | Jodi Sansone | Website | @jodimsansone Tracy Carroll Example | Blog | Tracy Carroll | Website | @1tracycarroll Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Renee Stern Example | Renee Stern | Website Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Alicia de Billy Example | Alicia de Billy Amar Kulshreshtha Example | Learn more | Amar Kulshreshtha | Website | @AmarShreshtha Dominik R Example | Dominik R Mohamed Elsamouly Example | Mohamed Elsamouly Morten Holdt Example | Morten Holdt 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 Click-and-Reveal E-Learning Examples! The click-and-reveal 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.76Views0likes1CommentHow to Customize This Storyline 360 Countdown Quiz Game Template
A few weeks ago I decided to createthisStoryline 360gamified quiz template: Click here to view the interactive version and download the template. If you’re curious about my thought process in creating this example, jump over to this article:A Behind-the-Scenes Look at How I Designed This Gamified Quiz. If you’ve downloaded this template and want to adapt it, keep reading! In this article, I’m going to walk you through the top-four FAQs about adapting this template: How do I change the passing score? How do I change the number of questions in each level? How do I change the amount of time in each level? How do I change the number of levels? This template uses Storyline 360 features like question banks, states, variables, trigger conditions, and slide masters. If you’re not comfortable with how those work, you might want to check out the linked tutorials before continuing. Alright, here we go! How do I change the passing score? By default, I’ve set the passing score to 50 percent. However, depending on the project, you may need learners to get a higher percentage of correct answers to pass. Good news: making this update is super easy! Simply open each result slide, click on Edit Result Slide, and change the percent required to pass, as shown in the GIF below: Note that if you update the passing score, you might decide you also want to update the scores required to earn one, two, or three stars. See the next section of this article to learn how to do that. How do I change the number of questions in each level? By default, each question bank in this template includes 20 questions. If you want to increase or decrease the number of questions, in addition to adding or deleting those questions in the question banks, there are a few other things to update. Let’s walk through each of them. Update the Instructions Slide If you update the number of questions, it’s important to update the on-screen instructions so learners understand how the course works. To update the instruction text, go to your timeline and click on the eye icon to hide the objects that you don’t need to edit. After you’re done making edits, remember to show all the objects again. Update the Question Slide Master Another place you’ll want to update the on-screen text is on the question slide master. Next to the variable that keeps track of the question number you’re currently on, you’ll see it shows the total number of questions—which in this case is 20. Once again, this is a pretty quick fix. Simply replace the number after the slash with the total number of questions in your project. Update the Result Slide for Each Level On the Success layer of the result slide for each level, learners see how many stars they earned as well as a message that explains what those stars mean. Both the number of stars and the message displayed are personalized depending on their score. By default, it’s set up so that: If learners get 10-14 questions right, they’ll see one star and a message saying they got at least 10 questions right. If learners get 15-19 questions right, they’ll see two stars and a message saying they got at least 15 questions right. If learners get a perfect score, they’ll see three stars and a message saying they answered all 20 questions correctly. To make this happen, I’ve added states to both the stars and the feedback textbox. I also added triggers to show the state that corresponds to the learner’s score. Here’s what those triggers look like: If you change the number of questions in each level, you’ll need to update these triggers. But before you do that, you’ll need to calculate the scores that learners need to get to earn one, two, or three stars. For example, let’s say you want to reduce the number of questions per level from 20 to 10. You decide that to earn one star learners need to get five questions right, to earn two stars they need to get seven, and to earn three stars they need to get a perfect score. Assuming that each question is still worth 10 points, here’s what that calculation would look like: 1 star: 5 questions x 10 points each = 50 points 2 stars: 7 questions x 10 points each = 70 points 3 stars: 10 questions x 10 points each = 100 points Since technically learners will earn one star if they get five or six right answers, and two stars if they get seven, eight, or nine right answers, the triggers associated with those stars and the associated feedback messages will need to cover a range of points, unlike the ones associated with three stars. Here’s what those values look like if we use the example above: 1 star: between 50 and 69 points 2 stars: between 70 and 99 points 3 stars: equal to 100 points Thanks to the new trigger panel, it’s quick and easy to make those edits, as you can see in the GIF below: Finally, remember to update the text in the feedback message states to reflect the number of questions learners need to get right to earn one, two, or three stars, as shown in the GIF below: Update the Gameboard Slide The number of points earned—which, as we saw in the previous section, changes when you adjust the number of questions in each level—also impacts two things on the gameboard slide: The number of stars that learners earn The layer that appears when a learner unlocks a new level Updating these triggers looks very similar to what you just did on the result slides. Here’s a GIF that shows me updating those triggers for Level Two: You’ll need to repeat the above process for Levels Three to Five. The good news is that even though there are a bunch of triggers to update here, it’s super-fast since you can do it directly in the trigger panel. And those are all the updates you’ll need to make if you want to change the number of questions in each level. You did it! How do I change the amount of time in each level? By default, learners get one minute to complete each level. For every correct answer, they get an extra five seconds added to their time. If you want to change the amount of time learners start off with, you’ll need to do a few things. Let’s walk through the steps together. Update the Default Value of the Time Variable Start by adjusting the X variable, which counts the total amount of time remaining in seconds. In my template, I set the default value to 60—to give learners one minute to complete each level: If you want to give your learners more or less time, you’ll need to adjust the default value of this variable. Extend the Timer Past Two Minutes (Skip If Decreasing Time) If you’re decreasing the amount of time learners have to complete a level, you can skip this step. However, if you’re increasing it, you’ll want to pay close attention. In my template, a variable called M displays the number of minutes remaining. Even if learners get all the questions right, it’s not set up to work for anything above two minutes. If you decide to give learners extra time, you’ll need to make a couple of adjustments. The minuter-counter functionality is set up on the top-level slide master, on the Slide Loop layer: To figure out how many triggers you’ll need to add, start by calculating the maximum number of minutes that learners could end up with if they got all the questions right. For example, let’s say you decide to give learners two minutes (or 120 seconds) to start out with. To figure out how much total time they could end up with if they get all 20 questions right—and receive a five-second bonus for each—you’d end up with this calculation: 120 + (5 x 20) = 220 seconds. To find the number of minutes, simply divide that number by 60. In this case, the answer is three minutes. To make the timer work for this scenario, you’ll need to: Update the trigger that sets the number of minutes, in this case two, to include a range rather than anything above 120. In other words, you want to set M to 2 if X is between 120 and 179, instead of if it’s equal to or greater than 120. Add a new trigger to set M to 3 if X is greater than or equal to 180. Note that these triggers appear twice—once when the timeline starts and again when the timeline ends—so you’ll need to update them twice. Here’s a GIF that shows me updating them: Update the Reset Triggers Since the timer needs to start over whenever learners begin a new level, you’ll need to update the triggers that reset the starting value of the X variable—which controls the time remaining—in a few spots: On the gameboard slide: On the retry buttons located on the Success and Failure layers of the result slides for each level: Remember to do this on the Success and Failure layers for every single level, or the timer will automatically reset to 60, since that’s the amount of time I set the template up for initially. And you’re done! You’ve successfully updated the amount of time learners have to complete each level. How do I change the number of levels? If you want to split your quizzes up by topic, but you have more or fewer levels than are included in the template, no problem! In this section, I’ll walk you through how to customize the number of levels. If you want to decrease the number of levels, all you need to do is delete the associated scenes as well as the buttons and layers on the gameboard slide. Easy-peasy! However, if you want to add an extra level, there are a few additional steps. Let’s take a closer look. Create a New Level To create a new level, start by inserting a new scene. From there, duplicate one of the existing question banks and insert a new draw into your scene. If you’ve never used question banks before, check out this tutorial: Understanding Question Banks. Next, copy one of the existing result slides and paste it into the new scene, after the question bank draw. If you want, you can update the color of the buttons learners use to select their answers. In my template, I used a different color for each level—to match the color of the button leading to that level on the gameboard slide. Update the Gameboard Slide On the gameboard slide, decide where to insert the button for the new level. As you can see in the screenshot below, there’s a good amount of space between Levels Four and Five, so that may be a good place to put it. To create the Level Six button, duplicate the Level Five button and the associated stars. Then, update the button’s fill color so that it’s different from all the other levels. Next, move the Level Five button to the left, making sure to delete a few of the circles on the path to make space for the new button. Then, update the level number on the duplicated button to 06: Remember to update the fill color and level number in both the Normal and Disabled states, so that they appear correctly whether the level is locked or unlocked. For more tips on working with states, check out this tutorial: Adding and Editing States. Each level has its own layer on the gameboard slide. On each layer, you’ll notice that the path animates to lead up to the button for that level. An arrow and an instruction also appear so learners know which button to click. Finally, the button state changes, effectively unlocking the level. If you’re adding one new level, here are the updates you’ll need to make. On the Level Five layer, delete the part of the path that leads to Level Six and move the arrow and text so that they point to the Level Five button: Then, on the Level Six layer, get rid of the animations—without deleting the circles themselves—on the part of the path that leads to Level Five, and delete the circles that overlap with the Level Five button. Next, update the instruction text to say “Level Six” and update the button that the trigger points to. When you duplicated the level button earlier, the triggers associated with the level button were also duplicated. However, you still need to update a few things: The value of the variable that’s updated when the user clicks to indicate the level the user is currently working on The result slide the button resets The quiz slide the button jumps to Here’s a GIF that shows how to update those triggers: Update the Question Slide Master On the question slide master, duplicate the Level Five variable trigger. Then, change the value to 6 and update the slide it points to, as shown in the GIF below: Update the New Level’s Result Slide On the Level Six result slide, update the triggers on the Try Again buttons on both the Success and Failure layers: Update the Cumulative Result Slide Finally, on the cumulative result slide, check the box to include the result slide for the new level in the cumulative result calculation: Hopefully, this tutorial will help you customize this template to fit your needs! If you run into any issues or if you’d like to update this template in a way that’s not covered in this tutorial, please leave me a comment below. Looking for more gamified course templates? Here are few of my favorites: Randomized Board Game Dice Quiz Game E-Learning Battleship Game Crossword Puzzle Game Want to try something you learned here, but don’t have Articulate 360? Start a free 30-day trial, 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.54Views0likes20Comments58 Examples of Tabs Interactions in E-Learning #2
E-Learning Tabs Interactions RECAP#2: Challenge|Recap New to the Challenges? 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 #ELHChallengeso your tweeps can track your e-learning coolness. Have a tabs-tacticweek, E-Learning Heroes! Montse Anderson View project|Download|Montse Anderson|Website|@mLearning Anuradha Gopu View project| Anuradha Gopu | Website | @AnuradhaGopu Jeremy Stiffler View project| Jeremy Stiffler | Website Montse Anderson View project|Download|Montse Anderson|Website|@mLearning View project|Download|Montse Anderson|Website|@mLearning View project| Download| Montse Anderson | Website | @mLearning Dana Kocalis View project| Learn more| Dana Dutiel | Website | @danadutiel Anne Gossett View project| Anne Gossett | Website Salvo Baglieri View project| Salvo Baglieri Phil Mayor View project| Download| Phil Mayor | Website | @philmayor View project|Download|Phil Mayor|Website|@philmayor Jessica Quach View project| Jessica Quach Rachel Williams View project| Rachel Williams Johar Singh View project| Learn more| Johar Singh | Website | @joharsinghs Heather Steckley View demo|Heather Steckley View demo|Heather Steckley View demo|Heather Steckley Przemyslaw Hubisz View demo| Download|Przemyslaw Hubisz Kevin Thorn View Demo| Download| Kevin Thorn| Website|@learnnuggets Montse Anderson View Demo| Download| Montse Anderson| Website|@mLearning Sanjib Nanda View demo| Sanjib Nanda|Website Jenise Cook View demo| Download| Jenise Cook| Website|@jenisecook Matt Guyan View Demo| Download| Matt Guyan| Website|@MattGuyan Jackie Van Nice View Demo| Jackie Van Nice| Website|@jackietrains Jeff Kortenbosch View Demo| Jeff Kortenbosch| Website|@elearningjeff Ashley Chiasson View Demo| Learn more & download| Ashley Chiasson|@amdchiasson Vonetta Booker View demo| Vonetta Booker| Website|@YourRightHandVA Kawstov FLIP View Demo| Download| Kawstov FLIP|Website Mitchell Palsson Download(PowerPoint)| Mitchell Palsson | Website Daniel Adeboye Download(PowerPoint)| Daniel Adeboye | Website Paul Alders View demo | Download(SL1)| Paul Alders | Website | @paulalders Jacinta Penn View demo| Jacinta Penn | Website | @workbrightnz Paul Alders View demo| Learn more| Download(SL2) | Paul Alders | Website | @paulalders Michael Jones View demo| Learn more| Download| Michael Jones| @MPJ_InstrDesign Sajna Thomas View demo| Sajna Thomas Ashi Tandon View demo| Learn more & download| Ashi Tandon | Website | @ashi_tandon Malvika Malhotra View demo| Download(Storyline)| Malvika Malhotra Alexander Salas View demo|Learn more & download|Alexander Salas|Website|@stylelearn Dax Lovett View demo| Learn more| Dax Lovett | Website Deanna Brigman View demo | Deanna Brigman | Website | @DMBrigman Dana Dutiel View demo| Learn more| Dana Dutiel | Website | @danadutiel Malvika Malhotra View project| Download| Malvika Malhotra|Website Phil Mayor View project| Phil Mayor | Website | @philmayor More About 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 theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Show Us Your Best Folder Tabs Examples! The tabschallengeis still open! If you have one or more ideas you'd like to share, please jump over to the original challengeand post your links in the comments section. I'll update this recap page to include your examples.47Views0likes0CommentsPresent Data Using Interactive Charts and Graphs #64
Interactive Charts and Graphs#64:Challenge|Recap I recently began reading The Wall Street Journal Guide to Information Graphics. It’s been on my reading list for over a year, but I never took the time to go through it. Until this week. That’s because a blog reader emailed me looking for examples of charts and graphs in e-learning courses. I’ve collected some examples from the news sites, but nothing really focused around online training courses. Knowing how important information graphics are in thecommunity, I thought thiswould make a great e-learning challenge! Interactive Bar Charts Articulate community memberMichael Hinzeshared acreative solution for animating bar charts using Storyline 1. Using button sets and custom states, the bar graph updates based on the options selected by the user. View demo | Download Interactive Graphs with Sliders One of my favorite examples is this interactive graph from community member Joanna Kurpiewska. Shared in a recente-learning sliders challenge, this example makes use of Storyline 2's sliders to adjust the market price and quantities of goods. View the interactive graph Interactive Charts Here's another example from Articulate Super Hero Phil Mayor. Learners are asked to add numeric data to compare their data with the chart's built-indata. View demo Challenge of the week This week your challenge is to show how interactive charts and graphs can be used in online training. You can share a static example of charts and graphs or you can create something more interactive to show and compare data. Resources It always helps to build templates and demos when you have real content. Here are a few resources that can help. If you have another source for data, please share it in the comments. 30 Resources to Find the Data You Need United States Census Bureau Charts of Major Indexes 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. Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness. Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example. Last week’s e-learning challenge: E-Learning Recap #63:Challenge|Recap Wishing you a chart-tastic week, E-Learning Heroes! 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.44Views0likes99Comments