Using Button Sets to Create Interactions in E-Learning #505 Multiple Choice Quiz - Disability Icons
Hi #eLearningHeroes Community, Here is an interaction built in Storyline 360 designed to assess understanding of common accessibility icons. The core activity is a multiple-choice question where learners choose the correct icon associated with three different disability types: Visual Impairment Physical Disability (Mobility) Hearing Impairment Cognitive or Learning Disability LINK TO THE E-LEARNINGAvatar Selection
This week I am sharing an example I built a while back where the learner chooses an avatar. The characters are part of a button set, and if you try to proceed without picking an avatar, an error layer will show. Slide 2 shows the avatar, and displays a name variable that was set on the previous slide. View the example.Two Meetings. One You
For the Using Button Sets to Create Interactions in E-Learning #505, I created a single-slide interaction using a button set in Storyline 360. The scenario: you’ve been double-booked for two important meetings at the same time (because… of course you have). The learner must choose how to handle the conflict: Reschedule One Attend Both Skip One Each choice triggers a layer with a lighthearted outcome, mixing humor with relatable workplace stress. I used: A sage green button set for a calm, cohesive look An illustrated character for personality and engagement a clean layout to keep the focus on interaction Click to View: Two Meetings One YouBoom, Burn, and Beyond: Understanding Hazard Classes 1–9
Check out the demo LinkedIn Button sets can be really useful - especially when you have more than 3 points to cover. I chose the 9 classes of hazardous goods for this demo. Creating a button set for all 9 of them saved a TON of work and limited having to create multiple triggers for each button action.Customize Your Own Quotes
About the Project I wanted to showcase button sets in e-learning by creating an interactive quote customizer. Users can select words to personalize short quotes, creating a motivational poster with 3 quotes that they can print. I used bright speech bubbles and a comic-style design to make the experience fun. How I Built It I created this in Articulate Storyline using button sets and variables to update quotes based on user selections. Try the demo About Me I'm an Instructional Designer who loves creating engaging learning experiences that inspire! Want to chat about e-learning innovations or Storyline techniques? Connect with me on LinkedIn!Using Button Sets in Articulate Storyline
Have you ever heard of button sets? And if you have—how often do you actually use them in your e-learning courses? Before I share my submission, let’s take a moment to explore what button sets in Articulate Storyline actually are—and why they can be so useful. What Are Button Sets in Articulate Storyline? Button sets are one of those under-the-radar features in Storyline that can instantly make your interactions smarter and more intuitive. They allow you to group buttons so that only one button in a set can be selected at any time—just like radio buttons. By default, buttons added to the same slide are grouped into a default set. But you can also create custom sets, which gives you flexibility when designing more complex interactions. They’re especially handy for: Tabs and click-to-reveal interactions Custom quizzes or self-checks Image-based selections Scenario-based choices or branching And the best part? You don’t need to add any triggers to make the selection logic work—Storyline takes care of that for you automatically. My Submission: A Click-to-Reveal Interaction For this challenge, I decided to revisit a classic: the tabs interaction—or more accurately, a click-to-reveal interaction. When I first started using Articulate Storyline, this was one of my go-to builds. Back then, I would create individual buttons, add separate layers for each one, fill those layers with content, and use triggers to show or hide them as needed. It worked—but it also meant managing a lot of moving parts. Along the way, I’ve learned how to streamline this kind of interaction using button sets and states—no extra layers or triggers required. Here’s how I built my demo for this challenge: Started with a background image to set the visual tone of the slide. Added a single shape, then made it fully transparent. Opened the States panel and: Added a visual element to the Normal state. Duplicated the state twice to create Hover and Selected versions. In the Selected state, I added a text box to display the reveal content. I then copied this shape two more times, updating the Selected state text for each version. Finally, I grouped all three shapes into a button set, allowing only one to be selected at a time—no triggers needed! This approach not only makes the interaction cleaner and more scalable, but it also gives learners a smooth, intuitive experience. Final Thoughts Participating in this challenge was a great reminder that even simple features—like button sets—can unlock powerful design possibilities when used creatively. It was fun to revisit a familiar interaction and reimagine it with a more efficient, streamlined approach. If you haven’t explored button sets in Storyline yet, I highly recommend giving them a try. They’re a small feature with big potential—and once you get comfortable with them, you’ll find all kinds of ways to simplify your builds without sacrificing interactivity. Want to try it yourself? Curious to see the interaction in action? Just click the Preview button on the slide to experience it firsthand. If you’re interested in how it was built, use the Download button to get the full project file—ready for you to explore, tweak, and make your own! About me: Paul Alders LinkedIn Profile The eLearning BreweryYour Green Home: A Gentle Start to Houseplants
Hello everyone! This week I decided to use button sets to show how to care for houseplants. This is a mini-guide for those who are ready to try their hand at indoor gardening. Start with these four low-maintenance plants. View an example About Me Kate Golomshtok Website Email LinkedInCollegiate Fun Facts
Hi! This is my first ever E-learning Challenge, and since we are knee-deep in college planning at our house I decided to do a button set example related to university trivia. The university logos are the button set, and clicking each one opens a layer with some fun (?) facts about that university. You can find it here: Button Set Example - Collegiate Fun Facts
