Advanced Storyline? Creative Way to Use Button Sets w/ Quizzes
Discover how advanced Articulate Storyline skills aren’t limited to complex variables or JavaScript. In this tutorial, you'll learn a clever technique using button sets in Articualte Storyline 360 to create multiple quiz questions on a single slide.Using Accordion Interactions in E-Learning (2023) #403
Using Accordion Interactions in E-Learning #403: Challenge | Recap Challenge of the Week This week, your challenge is to share an example that shows how accordion interactions can be used to group and organize content in e-learning. Can I see some examples of accordion interactions? Sure you can. We've hosted three accordion challenges over the past 10 years and the results are always amazing. Here are some recent challenges, recaps, and community roundups to help you get started. Using Accordion Interactions in E-Learning #350: Challenge | Recap Accordion Interactions in E-Learning #227: Challenge | Recap 4 Accordion Examples to Inspire Your Next E-Learning Project Make E-Learning That Sings with these 6 Accordion Interaction Downloads 9 Accordion Interaction Downloads for Arranging Courses Awesomely Basic Accordion This accordion from Montse is a good one to build when you’re first getting started with Storyline. The expanding panels are manually repositioned on slide layers to reveal each panel’s content. View the example | Download Semi-Animated Accordions In this example from Jonathan, motion paths are used to open and close the accordion’s panels. I like this example because it’s an excellent way to simulate advanced accordions without using variables. In addition, because there aren’t multiple panels, there’s no need for variables and multiple motion paths to track each panel’s position. View the example Animated Accordion In this accordion example, multiple motion paths combined with variables are used to expand and contract each panel. You can download the source file and view a video tutorial to learn more about the project and how it was built. View the example | Download the source | Learn how it was built More Examples of Accordion Interactions Using Accordion Interactions in E-Learning #350: Challenge | Recap Accordion Interactions in E-Learning #227: Challenge | Recap 4 Accordion Examples to Inspire Your Next E-Learning Project Make E-Learning That Sings with these 6 Accordion Interaction Downloads 9 Accordion Interaction Downloads for Arranging Courses Awesomely Require Learners to Click All Panels Before Continuing Functionally, accordions are similar to tabs in how they group and chunk related content. But unlike tabs interactions, accordions expand, collapse, and move around the slide. This requires designers to duplicate interactive objects across multiple layers. The good news is if you know how to do it with tabs, you can do it with accordions. Let me show you how it works. View on YouTube 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. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: To help ensure your challenge demo goes "accordion" to plan, check out the creative ways course designers use subtle patterns and textures in e-learning: Patterns and Textures in E-Learning RECAP #402: 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 challenges anytime 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 I'm hosting a how-to webinar next week on building accordion interactions in Storyline 360. I'll reference this week's challenge in the session and share any examples you've shared before the session. Next week's challenge (2/10/23): Creating E-Learning Interactions Inspired by Google Doodles << Thanks to Tom and Elizabeth for the idea! Upcoming how-to webinar (2/7/23): How To: Build Accordion Interactions in Storyline 360 It’s been a while since I’ve done the accordion webinar, so your latest accordion examples will help the session feel fresh and current.Silent Signatures
In this entry, you'll explore different fingerprint types. It was originally supposed to be created for the Magnify & Zoom ELC but time didn't allow so I adapted the idea to this challenge. I wouldn't have thought of a button set to accomplish this! Surely, I would have had layers and clutter on the back end so loving how much I'm learning from participating in these challenges. Silent Signatures DemoUnleash the Legend!
This challenge gave me the chance to try something a little different. I’ve always enjoyed comics and superheroes, so I built an interaction where learners could select a power and a background using two dials to reveal a matching hero. I put together a quick prototype in Storyline to prove out the idea, then brought the idea into ChatGPT to help me shape the content. I worked through the hero grid, tightened up the descriptions, added flavor text, and refined the overall look and feel. About halfway through, I had the idea to present each hero like a Magic: The Gathering–style card, which gave the whole thing a more collectible feel. From there, it was all about polish: adjusting the instructions, finding the right button label (Unleash the Legend), and even adding some sound effects to give the interaction more punch. This was a fun back-and-forth with ChatGPT — starting simple, then layering on details until it started to feel complete. You can see the final version here: Unleash the LegendChainsaw Safety
Review 360 I learned a lot with this fun challenge! And I know what I will do differently the next time (like don't cover the dial with videos / images on the layers). I used Articulate's TTS, sound effects, and icons with Gemini's videos and images. Given more time, I would vet the entire project with an SME to ensure technical accuracy. Also, I'd love to know how to make the dial's pointer pivot from the end instead of the middle.Designing Office Exploration Interactions for E-Learning #528
This week’s challenge is to build an interactive office exploration that lets learners click different parts of an office photo or illustration to reveal information. Think of it like a virtual office tour where learners can choose the areas of interest to explore and dig into the details to learn more.Using Interactive Dials in E-Learning #453
Using Dials in E-Learning #453: Challenge | Recap Interactive dials are a great way to simulate real-world objects and tasks in your e-learning courses. Dials are similar to sliders, but where sliders move along a straight path, dials move in an arc or a circular path. Dials also use less space than sliders, so learners can quickly scroll through large amounts of data. The best part? Dials are super easy to use and customize. With just one click, you can easily format pre-made dials or convert any object, graphic, or image into a unique dial. Here are a few ways dials are commonly used in e-learning: Reveal or step through a process Choose avatars or e-learning characters Create draggable menus 🏆 Challenge of the Week This week, your challenge is to share an example that demonstrates how you're using interactive dials in e-learning. 🧰 Resources Downloads Storyline: Rotating Objects Template Storyline: Dial H For Help Storyline: Stacked Dial to Create a Gauge Storyline: Monarch Metamorphosis Dial Storyline: Dial Infographic User Guide Storyline 360: Working with Dials Storyline 360: Adding Variable References On-Demand Training Using Dials in Storyline 360 Using Dials to Create Menu Navigation 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 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 dial into this week’s challenge, check out innovative ways course designers are using AI to help build better e-learning: Using AI in E-Learning Design #452: 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 Challenge #454 (03.22): Using variables in e-learning. This variables challenge will be different because you'll be asked to share a demo that uses all three variables. 🚨 Contact Information Just a quick heads up – if you want your blog, website, or LinkedIn included in our recap posts, could you do me a favor and add or update those links onto your ELH profile sometime this week? I found some broken links last week when I pulled the recap together. You spend a lot of time building creative examples, and your work deserves all the attention it can get. If you make changes, please let me know in the comments below. Thanks!Voyage experience - Signature venues
Hello! I've been lurking around for years, and this is my first challenge (a bit late, I know). Since I develop Travel Advisor training courses for a storied cruise line, I thought a ship's wheel (well, an old-timey wheel) would be perfect for a dial to page through our ship's signature venues. Animating the dots was a bit of a chore (lots of triggers), but I like the way it turned out. Signature venuesStrong Password Practices - Interactive Dialer E-Learning Course
Take your cybersecurity skills to the next level with Password Safety Fundamentals. This custom-designed course uses a dialer-style interaction to deliver training that’s simple, engaging, and effective. Take the first step toward protecting your digital identity. Click below link to explore the course today! https://www.swiftelearningservices.com/cybersecurity-password-training-online/ELC #522 - Life Cycle of a Frog
For this e-learning challenge, I decided to create a sample that represents something cyclical - and that made me think of the Life Cycle of a Frog. So, that's what I created this sample on. I set the dial up for multiple rotations, enabling users to spin it multiple times. I also used Emphasis Animations on some illustrations to subtly enhance them. Here's a link to the sample - Life Cycle of a Frog Let me know what you all think, thanks!
