3 Ways to Create Drag-and-Drops with Storyline 360
Are you looking for a way to make e-learning courses more dynamic and engaging? Look no further than drag-and-drop interactions. Drag-and-drop interactions give your learners the opportunity to make decisions and engage with course content, and can be an excellent learning tool when used appropriately. That begs the question, when should drag-and-drops be used? In my experience, they can really come in handy when you want your learners to: Sort correct and incorrect items (view an example) Order the steps in a process (view an example) Match items (view an example) Place items or objects (view an example) Storyline 360 offers a variety of ways to create drag-and-drop interactions. Let’s have a closer look at three easy techniques. Graded Quiz Slides Storyline 360 offers 11 graded question types, two of which are prebuilt drag-and-drop interactions. The nice thing about Storyline’s graded question slides is that they’re superquick and easy to set up since you don’t have to create a single trigger. All you have to do is select the type of drag-and-drop question you want—matching or sequence?—and insert your content. View a Storyline 360 Matching Drag-and-Drop Quiz Slide View a Storyline 360 Sequence Drag-and-Drop Quiz Slide Matching activities are great when you want learners to make a connection between several items, for example an event and the date it occurred. Sequence is great for having learners identify the order of a process or task. Freeform Freeform slides let you convert any regular slide into a graded drag-and-drop quiz slide in a few clicks. Freeform slides are a really powerful tool because they allow you to completely customize every single aspect of your slide and drag-and-drop interaction. Freeform is perfect when you want to create a drag-and-drop that is not a matching or sequence activity, for example, to sort incorrect and correct items or to match non-text items such as shapes or images. Here are some examples of customized drag-and-drop interactions created using Freeform slides: View a Freeform Gamified Drag-and-Drop View a Freeform Placing Drag-and-Drop Activity To create a freeform drag-and-drop interaction, insert a new slide and click the “Convert to Freeform” button on the “Insert” tab of the Storyline 360 ribbon. Select the drag-and-drop option, then click Insert. Storyline will automatically create a graded drag-and-drop quiz slide, and will even add the “Submit” button and the feedback layers. You will be presented with “Form View,” where you can assign your drag items and your drop targets. Storyline 360’s Drag-and-Drop Freeform Form View When you’re in Form View, you’ll notice that there are options available to you in the ribbon. Options available in Drag-and-Drop Freeform Form View A few things you can do here: shuffle the answers, assign a results slide, and assign the number of attempts learners have. Above all, the one key feature you need to know about is the “Drag & Drop Options” button. Drag & Drop Options Knowing about these options can save you a ton of time and headaches. These options give you flexibility when you’re tweaking your drag-and-drop interaction to work just the way you want it. Need your drag items revealed one at a time? No problem! Do you want to allow multiple items onto one drop target? Just check the box. These options will let you customize your drag-and-drop interaction to behave just the way you want. Triggers There’s one more, little-known, way to create a very simple, ungraded drag-and-drop interaction by using a single trigger. You’ll need at least two objects on your slide to make this work. The “When” drop-down menu in the Trigger Wizard offers two options: These Drag Drop Events are available in the Trigger Wizard By using either of these options in a trigger with two objects from your slide, you can create a very simple drag-and-drop interaction. However, you can’t customize that interaction in any way and it can’t be graded. For that reason, it’s typically recommended to use the freeform drag-and-drop interaction, which is superpowerful, graded, and offers many options for customization. In Sum Creating drag-and-drop interactions with Storyline 360 is intuitive and easy, no matter which method you choose. Go ahead, build your own drag-and-drop interaction so you can see for yourself how quick and easy it is. Let me know how it turns out in the comments below! 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.How are You Using Drag-and-Drop Interactions in E-Learning? #468
Using Drag-and-Drop in E-Learning#468: Challenge | Recap If there’s one e-learning interaction that belongs in every instructional designer’s toolkit, it’s drag-and-drops. Drag-and-drop interactions are a fun way to engage learners and encourage them to interact with the screen. They’re also one of the most flexible interactions you can create. So, whether you’re designing straightforward question slides or custom freeform slides, drag-and-drop interactions are one of the best ways to get learners to stop, think, and interact with the content. And that’s what this week’s challenge is all about. 🏆 Challenge of the Week This week, your challenge is to share a drag-and-drop interaction to show how they can be used in e-learning. You can use any authoring tool you like and make it as simple or custom as you have time for. Note: Since Storyline’s drag-and-drop interactions aren’t currently keyboard accessible, they can create serious barriers for learners who rely on keyboard navigation or use screen readers. Check out the following on-demand training for some ideas on creating accessible drag-and-drops: How to Create an Accessible Drag-and-Drop Interaction in Storyline 360 🧰 Resources User Guide Storyline 360: Drag-and-Drop Questions Related Challenges: Drag-and-Drop Practice Activities#380:Challenge|Recap Drag-and-Drop Sorting Activities#439:Challenge|Recap Webinars: How to Build Drag-and-Drop Interactions in Storyline 360 5 Ways to Customize Drag-and-Drop Interactions 6 Ways to Customize Drag-and-Drop in Storyline 360 Discover six creative techniques every course designer needs to know to customize their drag-and-drop interactions in Articulate Storyline 360 View on YouTube ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a newthreadand share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using#ELHChallengeso your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: While you're dragging through the ideas for this week's challenge, check out the 360° image interactions your fellow challengers shared over the past week: Using 360° Images in E-Learning RECAP #467: Challenge | Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare 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. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article.23 Ways to Use Drag-and-Drop Interactions in E-Learning #468
Drag-and-Drop in E-Learning RECAP #468: Challenge | Recap This week’s challenge asked course designers to show how they’re using drag-and-drop interactions in e-learning. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Example | Download | Learn more | Ron Katz | Website sebastien daubert Example | sebastien daubert Thierry EMMANUEL Example | Thierry EMMANUEL | Website Rosemary Trahan Example | Rosemary Trahan Jodi M. Sansone Example | Jodi M. Sansone | Website | @jodimsansone Walkabout Learning Example | Walkabout Learning Nichole Codrington Example | Nichole Codrington Tamara Häfeli Example | Tamara Häfeli eLearn Dev Example | Learn more | eLearn Dev Angela Thomas Example | Angela Thomas Jesse Wu Example | Jesse Wu | Website Alex Milyaev Example | Learn more | Alex Milyaev Ron Katz Example | Download | Template | Learn more | Ron Katz | Website Courtney Roberts Example | Courtney Roberts Kate Golomshtok Example | Kate Golomshtok | Website Thaddaeus Smith Example | Thaddaeus Smith | Website Gülsüm Güneşen Yıldız Example | Gülsüm Güneşen Yıldız Hilla Schlegel Example | Hilla Schlegel Phezulu Dhlodhlo Example | Phezulu Dhlodhlo Sabrina Sgoda Example | Sabrina Sgoda David D Example | David D Samuel Apata Example | Download | Samuel Apata | Website | @afrostem New to the E-Learning Challenges? The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I'll update the recap posts to include your demos. If you have a blog, please write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Drag-and-Drop E-Learning Examples! The drag-and-drop challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.Using Interactive Calculators in E-Learning #430
Financial Calculators in E-Learning#430: Challenge | Recap Using variables to capture and display a learner’s name is one of the most common ways to practice working with text variables. When you’re learning number variables, there’s no better way to work with basic operations than to build a simple calculator. With Storyline variables, you can easily build simple or complex equations right into your project. And that’s what this week’s challenge is all about! Calculator Example Check out David Charney’s calculator, which lets learners perform math and calculations right in your project. View the example | Download Square Root Calculator Check out three ways to calculate square roots in Storyline in this dynamic example by Alphonso Hendricks. View the example | Download Simple Calculator Go old school with a classic example by Dave Mozealous. It’s the first fully-functional calculator created in Storyline, and shows you that the sky’s the limit with variables! View the example | Download Resources Storyline 360: Working with Variables Storyline 360: Adding Variable References Storyline: What "Object Loses Focus" Means E-Learning Challenges Use Learner's Name in E-Learning Course #222: Challenge | Recap Using True/False Variables in E-Learning #271: Challenge | Recap Using Variables to Compare Learner's Answers #292: Challenge | Recap Random Number Variables in E-Learning #278: Challenge | Recap On-Demand Training Getting Started with Variables in Storyline 360 Using Number Variables in Storyline 360 Challenge of the Week This week, your challenge is to build a simple calculator that can be used in e-learning. New to variables? Try starting with one of the free calculator templates below. Depending on your comfort level, you can redesign one of the calculator templates or use it as a guide for creating your example. Comfortable working with variables? Try adding multiple variables, sliders, and interactive elements to create a more advanced calculator. Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. Last Week’s Challenge: Before you budget time for this week’s challenge, check out the alt text examples your fellow community members shared over the past week: Using Alt Text in E-Learning RECAP #429: Challenge | Recap New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. Next Week’s Challenge Next week's challenge (9/8/23): Bullet Point Makeovers or Making Bullet Points More Engaging. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.Using Tabs Interactions in E-Learning #448
Using Tabs Interactions in E-Learning#448: Challenge | Recap Tabs interactions are one of the most popular interactions in e-learning. They’re super flexible and come in all shapes, sizes, and designs. The reason tabs are so popular is that they let your learners explore groups of content without having to leave the current slide. No need to jump around between different slides or scenes. 2022 tabs examples | 2023 tabs examples And for course designers new to e-learning or just getting started with Articulate Storyline 360, tabs interactions are a fantastic way tolearn Storyline’s core building blocks: slides, states, layers, and triggers. We use tabs-style activities all the time to teach Storyline in our workshops, webinars, and tutorials. And tabs interactions are what this week’s challenge is all about! 🏆Challenge of the Week This week, your challenge is to share an example that shows how tabs interactions can help organize and group related content in e-learning. New users Keep it simple if you're new to Storyline—don't worry about fancy visuals or conditional interactivity for now. Instead, focus on inserting objects, adding button states, shape tools, formatting, and alignment. It's all about understanding Storyline's building blocks: states, layers, triggers, and slides. Experienced users For the seasoned pros, try kicking it up a notch. Try using conditions to trigger actions when your learners click all the tabs. Experiment with conditional events on each slide layer. Create animated tabs using the new emphasis animations. Share Your Project Files! It’s no secret community members love freebies! It’s also no secret that the challenges are one of the most visible ways course designers get their work in front of the community. If you’re up for it, please consider including a download along with your example this week. 🧰 Resources If you're looking for more information on how to use and build tabs interactions, we've got you covered. Below you’ll find articles, downloads, and past challenges that'll help you get started. Articles Step-by-Step Guide to Creating a Tabs Interaction in Storyline A Beginner’s Guide to Designing Effective Tabs Interactions 7 Tabs Downloads to Help You Create Compelling Click-and-Reveals in Storyline E-Learning Challenges Creating Tabs Interactions in E-Learning #401: Challenge | Recap Webinars How to Build Tabs Interactions in Storyline 360 ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a newthreadand share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on x or LinkedIn, try using#ElearningChallengeso your peeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you get started on this week’s tabs interaction, check out the creative examples from last week’s spotlight masking challenge: Draggable Spotlights in E-LearningRECAP#447:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare 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. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 📅 Next Week’s Challenge Challenge #449(02.09):Emphasis animations. You've been asking for this, and now it's here! Show us how you're pulsing, shaking, teetering your slide objects to life. Challenge #450 (02.16): Using Themes, Templates, & Slide Masters. Another basics challenge, only this week we're looking at under-the-hood features to help us work faster in Storyline 360 and PowerPoint. Rise 360 users can show their before-after examples using themes and block templates. Got an idea for a challenge?Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.
