Blog Post

E-Learning Challenges
2 MIN READ

Custom Bookmarking and Conditional Navigation in E-Learning #390

DavidAnderson's avatar
DavidAnderson
Staff
3 years ago

Conditional Navigation in E-Learning #390: Challenge | Recap

“How do I restrict navigation until one or more modules are viewed?”

How do you lock navigation until the learner views all content in Storyline 360? This is a question that crops up time and again in the community. And for good reason.  

When you’re getting started in Storyline, you learn to use visited states to evaluate when all items on a slide have been clicked. This is easy and doesn’t require advanced triggers or variables because everything is happening on the same slide.

But when you’re working across multiple slides and need to restrict navigation, you’re going to need variables. There are many ways to tackle this challenge. You can use text, number, or true/false variables. Whichever approach you take, this is a common task every Storyline designer should know how to do. And that’s what this week’s challenge is all about.

Challenge of the Week

This week, your challenge is to share a conditional navigation or bookmarking example to show how variables can be used to track learner progress.

If you’re new to Storyline or haven’t worked with variables, you can still participate. Post your question in the community and let us know where you’re stuck, and we’ll help you out.

Resources

User Guide

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 navigate this week’s challenge, check out the new hire orientation and onboarding examples your fellow challengers shared over the past week:

New Hire Training Examples RECAP #389: Challenge | 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.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.

Published 3 years ago
Version 1.0
E-Learning Challenge
Interaction
Navigation
  • ThierryEMMANUEL's avatar
    ThierryEMMANUEL
    Community Member
    3 years ago
    Bonjour Heroes.
    Here is my demo, using the design of one of my first demos in my portofolio. Your mission: open a safe* with the combination (random, different each time for each learner) after going through each part of the course, in the order you want, to unlock the final part, or the final quiz, or the continuation of the course. * I'm watching "La Casa de Papel" these days.

    https://360.articulate.com/review/content/0dff5dbc-c58f-4f1a-a758-9df9e00e5cd1/review
    • KandiceKidd-730's avatar
      KandiceKidd-730
      Community Member
      3 years ago
      Thierry, you are SO fun. I loved this demo! The interaction was killer and I loved the dial and sound effects! Well done, friend.
    • YigahLhamo's avatar
      YigahLhamo
      Community Member
      3 years ago
      Great work. This reminds me of old PC games I use to play.
      Super nostalgic and engaging.
    • griotitude's avatar
      griotitude
      Community Member
      3 years ago
      Very nice example. I especially liked the sound effects, they made the whole experience much more realistic. Well done, Thierry!
  • Jonathan_Hill's avatar
    Jonathan_Hill
    Super Hero
    3 years ago
    Hello!

    Not a fan of locked navigation unless it's absolutely necessary -- but I frequently use 'bookmarking' to track the learner's progress within custom navigation menus. I recently built this short demo to illustrate this principle to my team.

    You can visit each room in alphabetical order using the next button, or visit the rooms in any order you choose. When you return to the menu, the doors to the rooms you have already visited remain open. But you can't 'move on' (reset) until all three rooms have been visited.

    Demo: https://bit.ly/elhc390
    Download: https://bit.ly/elhc390dl
    Discussion: https://twitter.com/DevByPowerPoint/status/1551883713469972480
    • BriceMaret-a1ab's avatar
      BriceMaret-a1ab
      Community Member
      3 years ago
      I like the visual and the simple example.

      I'm less convinced with the use of variables, instead of using "visited" states to have the same results (but that was the challenge, I know). The code is quite long but for someone who doesn't like variables, it can be changed into "visited state" and can work nicely.

      I particulary appreciate the implementation of the "next" button logic, to let the choice to the viewer.
      • Jonathan_Hill's avatar
        Jonathan_Hill
        Super Hero
        3 years ago
        I'm pleased you picked up on that Brice -- the reason I didn't use a conventional visited state on the doors, is that I reset the menu slide to initial state each time it is visited, so that the character animation repeats - like he's re-entering the scene.

        The visited states only hold if the slide is set to resume saved state, which also meant the character was still in the foreground.

        The coding is mostly to preserve the animation effect. But yeah, as with all things Storyline there's often more than one way to do something like this.