Storyline: Adult Learning Principles Click-and-Reveal
Interactions are a handy way to break up content. But if you’re looking to branch out from the typical tabs or accordion approaches, try this click-and-reveal instead. This interaction makes adult learning principles more approachable thanks to a friendly color scheme, cohesive illustrations, and gentle animations. And while it still has similar functionality to a traditional tabs interaction, the unexpected layout makes the experience feel fresh and enticing. Explore this project. This template will work for folks using Storyline 360, the continuously updated version of Storyline included in Articulate 360. Want to try it out? Get a free trial of Articulate 360 right here. And subscribe to our newsletter to find out about other helpful downloads.2.5KViews9likes16Comments3 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.299Views0likes31CommentsStoryline: Drag-and-Drop Animation Effects Template
Here's a drag-and-drop template that's been customized to include exit animations on objects when they're dropped on correct or incorrect targets. View the project Here's a quick video tutorial demonstrating how the effect works:214Views0likes12CommentsHow 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.200Views0likes136CommentsStoryline: Connecting Lines Matching Question
Have you ever wanted to create a classic connecting lines matching question in Storyline? Well you’re in luck! Now all you have to do is download this template, pop in your content, and update the branding to match your guidelines. Easy-peasy! Explore this project.199Views2likes41CommentsStoryline: Then-Now Comparison Slider
This Storyline template features two ways to use interactive sliders to visually compare two versions of an image. The first example features a simple yet effective two-step slider allowing learners to toggle between 'before' and 'after' views – perfect for those clear-cut comparisons. The second slider ramps things up a notch using ten steps to create a smooth transition from one image to the next. View the project199Views1like4CommentsStoryline: Simple Accordion Interaction Template
Looking fora quickway togrouprelated slide content? Accordion interactions are one of the best ways to organize content-heavy slides into smaller chunks.This accordion template features a minimalist design that's easy to personalize for your own e-learning projects. Explore the project197Views0likes17Comments