Using the Jump-to-Time Trigger to Create Interactions in Storyline 360 #318

Jump to Time Trigger in Storyline 360 #318: Challenge | Recap

Q. How do I jump to a specific time or cue point on the timeline?
A. Easy. Use the jump-to-time trigger.

If you’ve never used this amazing trigger, this week’s challenge will change how you think about Storyline’s timeline.

With the jump-to-time trigger, you can build interactions that enable learners to navigate to different times or cue points on the timeline. This is a big deal because it gives course designers new ways to turn control over to their learners.

One of the easiest ways to begin using the trigger is to create an interactive video that lets learners jump to different places in the video. Check out this example David Fair put together:

Jump to time trigger David Fair

View the jump-to-time trigger example

Cool, right? But navigating videos is only the beginning. Let's see what else is possible.

Creating Looping Animations

In this week’s deconstruction webinar, Sarah Hodge shared how she uses the jump-to-time trigger to create subtle, looping animations in Storyline.

Creating Looping Animations

If you missed Sarah’s session, no worries. You can view the recording and download her source file from the session’s resource page.

Creating Looping, Animated Buttons

Looping animations don't have to be cosmetic. Combined with interactive objects like buttons, they can engage your learners and prompt them to touch the screen.

Check out the quiz example Jonathan Hill shared for the educational animations challenge. There's a lot of jump-to-time goodness going on in this project. Be sure to download the source file to see how he built it.

Creating Looping, Animated Buttons

Challenge of the Week

This week, your challenge is to use Storyline’s Jump to time / cue point action to create an animation or interaction.

If you’re new to Storyline, start with something simple like a video that learners can navigate using a series of on-slide buttons. If you get stuck or have questions, ask in the comments below or post in our forums. We’ll be glad to help you out.

Resources

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:

Before you jump into this week’s challenge, check out the interactive soundboard examples your fellow challengers shared over the past week:

26 Examples of Interactive Soundboards for E-Learning #317

Audio Soundboards for Learning RECAPChallenge | 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.

192 Comments
Mark Weingarten
Emile Husson
Ange CM
Mark Weingarten

Hi Ang. I've found a few ways to deal with that, depending on the interaction. You can make sure the end point is the same as the start point (if that makes sense in the interaction) and then jump to the time that the animation starts. You may want to turn easing off, depending on the effect you're going for. Also, you can link animations (start one when another ends), and have the second one have the reversed motion path of the first. Then if you have a trigger to the jump to the start of the first motion path when the second ends, it will smoothly move back and forth. Also, this may not be completely relevant but opens up some interesting possibilities: You can loop timelines of different lengths on multiple layer simultaneously, as long as they are not set to hide other layer... Expand

Ange CM