Using “States and Triggers” to Create Branching (Grid) Navigation in Articulate Storyline

Using “States and Triggers” to Create Branching (Grid) Navigation in Articulate Storyline

Using "States and Triggers" to Create Branching (Grid) Navigation in Articulate Storyline

Branching navigation is a non-linear navigation structure. It allows the learner to directly access information in any order and from any area.

Branching Navigation

Branching navigation is one of the ways to keep learners engaged, rather than using just linear navigation (where learner just clicks and read). It is a challenge for any instructional designer to use branching whenever possible, in an eLearning course.

Here, I would like to share how to create a grid type of branching navigation using “States and Triggers” in Articulate Storyline.

As we know that Storyline allows us to add “states” to any objects, such as images, shapes, characters, and buttons. States provide different views of the same object. We can also assign “triggers” to objects based upon the user’s interaction with the course content.

Here is the procedure to create a grid type of branching navigation.

1. Start a new project in Storyline, set story size as per your requirement.

Set Story Size

2. Now using the Shapes tool, insert a square on the slide.

Draw a Square Using Shape Tool

3. Select the same object, click on the States tab, which is beside the “Timeline” option.

4. On the Hover state, add a text box and enter the text that you would like to appear. Add an animation to the same text box.

Edit Object States

5. Add a check mark, or change the color of the text on the visited states of each square. In my example I have used green colored check mark for the visited topic. See the image above.

6. Once it is done, duplicate the square object as many times as needed. In my example I have taken 6 squares as 6 topics.

Grid type of Branching Navigation

7. Now assign a Jump to Slide or Jump to Scene trigger to each square as needed.

Assign Triggers to an Object

8. Assign trigger for the remaining objects to complete your course navigation.

That’s it. It a good way to use in your courses and is easy to build.

I hope you have learnt something new out of my blog, please do share your comments.

View Webinar on ROI & eLearning - Myths and Reality

Training Challenges and E-learning Solutions Summit 2018