Transform any 360° image into an interactive learning experience and help learners retain information with knowledge checks. 

Adding Triggers to Markers and Hotspots

In the 360° image editor, you can make markers and hotspots even more interactive by adding triggers to them. Just select the marker or hotspot and click Trigger on the ribbon to open the trigger wizard. You’ll only see a subset of actions—such as Show layer, Lightbox slide, and Adjust variable—that are specific to 360° interactions. And triggers always fire "when the user clicks."

And you can add multiple triggers to the same marker or hotspot. For example, one trigger might show a layer when learners click a marker while the other trigger might adjust a variable at the same time. Just select the marker and click the Create a new trigger icon in the Triggers panel. (Clicking Trigger on the ribbon again will disable the trigger.)

Note: Only triggers that are part of the 360° interaction display in the Triggers panel while you're in the 360° image editor. To see triggers for other objects, slides, or layers, close the 360° image editor.

 

Trigger window

Adding Knowledge Checks

 It’s easy to create interactive knowledge checks to your 360° image. Here’s how.

  1. Create a graded or non-graded question slide in your Storyline 360 project that you want to lightbox. 
  2. Add a marker or hotspot to your 360° image that will launch the lightbox.
  3. Add a trigger to the interactive element with the following properties.
  • Action: Lightbox slide
  • Slide: Select the slide you want to lightbox.
  • When: User clicks (“when user clicks” always displays for 360° interactions)
  • Object: Select the marker or hotspot that launches the lightbox.
  • Use navigation controls: Mark this box if you want to display previous and next buttons on the lightboxed slide(s).

Tracking Variables 

When you add a 360° image, Storyline 360 creates two project number variables so you can track learners’ progress:

  • 360Image#_TotalItems: Total number of markers and hotspots in the interaction.
  • 360Image#_VisitedItems: Number of markers and hotspots the learner visited.

The hash symbol (#) becomes a number depending on how many 360° images are in your course. You can also rename the variables and/or change their default value. (You can't change their type.)

Variable window

Tip: Make your interactions even more individualized. Use these number variables to display custom progress meters, interrupt the interaction with a lightbox after a certain number of markers have been visited, or perform other actions at specific points in a guided tour

There’s more work underway to enhance 360° images. Here's a sneak peek of what's to come:

  • Accessibility: Empower all learners to have the same engaging experience with built-in accessibility features for 360° images.
  • Translation: Localize 360° interactions alongside the rest of your course when you export text to XLIFF or Word for translation.
  • Tooltips: Display tooltips when learners hover over markers and hotspots in 360° interactions so learners know what to expect before they click.

Stay tuned for more details!