Storyline makes it easy to create highly interactive courses, no coding required. With a gallery of ready-made elements—such as buttons, markers, sliders, and dials—you can assemble engaging interactions in a snap.
To wield the magic of Storyline interactions, you need to understand states, layers, and triggers. Review the descriptions in this article for a basic understanding, then watch these video tutorials to practice:
- Adding Interactivity with Triggered State Changes
- Adding Interactivity with Triggered Layers
- Adding Interactivity with Triggered Motion Path Animations
- Creating a Tabs Interaction
- Adding Interactive Markers to an Image
- Creating a Drag-and-Drop Interaction
- Creating Interactions with Variables
- Creating a Slider Interaction
- Creating a Dial Interaction
States let you change the appearance of objects in your course, making them feel alive and interactive. An object can have multiple states, and you can switch between those states based on a learner’s actions.
For example, here’s a button with five states.
You can add states to most objects, including characters. Here’s an example of a character with several states.
Some states—such as hover, down, and visited—will be invoked automatically with no extra work required. Other states—such as the character expressions above—need a trigger to display them. (Learn more about triggers below.)
Layers sit on top of a slide and let you create interactivity without switching between multiple slides.
Each slide can have as many layers as you want. You can show individual layers one at a time or multiple layers simultaneously, giving you the flexibility to create a variety of interactions.
Use triggers to show or hide layers when a learner takes a certain action. For example, you might show a layer with additional information when a learner clicks a button on the slide.
Triggers make things happen. For example, you can use a trigger to jump to a different slide, show a layer, change the state of an object, and much more.
And because it's Storyline, you'll never have to write a line of code. Just use the simple trigger wizard to tell Storyline what you want to happen, where you want it to happen, and when you want it to happen.
You’ve learned that you can add interactive elements to your Storyline courses, such as buttons, markers, sliders, and dials. And you’ve learned about the basic building blocks of interactivity: states, layers, and triggers.
Now it’s time to practice. In the next tutorial, we’ll use states and triggers to create an interaction.