Blog Post

E-Learning Challenges
2 MIN READ

Using Slide Numbers and Pagination in E-Learning Courses #282

DavidAnderson's avatar
5 years ago

Using Slide Numbers and Pagination in E-Learning #282: Challenge | Recap

When you’re developing e-learning courses, it’s a good practice to show learners their progress. The built-in course menu in Storyline 360 and course sidebar in Rise 360 are great solutions that automatically help learners know where they are in the course.

A more advanced approach is to create your own progress bars using custom variables and graphics. We have some amazing examples (and downloads) in this e-learning challenge.

Another approach is to add slide numbers to display learner progress. While we don’t see a lot of slide numbers used in custom projects or even the weekly challenge demos, slide numbers are frequently used in compliance and internal training courses. And with Storyline 360’s slide number variable, it’s never been easier to add, exclude, and customize slide numbers in your courses.

Challenge of the Week

This week, your challenge is to share one or more ways pagination can be used in e-learning. You can use Storyline’s slide number variable or go with your own custom solution.

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 slide into this week’s challenge, check out the compliance makeover examples your fellow challengers shared over the past week:

Ethics Training Makeovers #281: Challenge | Recap

Wishing you a great week, E-Learning Heroes!

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.

Published 5 years ago
Version 1.0
  • Hello Everyone,

    I got a little distracted on this project by the idea of custom progress bars. I created a single slide interaction on teas around the world. The progress bar moves the first time a learner clicks on a hotspot. Repeat clicks will not cause the progress bar to move. I also included state changes that adjust the color of markers so that learners can tell which ones they already clicked on.

    Any feedback would be greatly appreciated: http://destinybenjamin.com/wp-content/uploads/articulate_uploads/TeaAroundTheWorld/story.html
    • PaulRodger's avatar
      PaulRodger
      Community Member
      The plane animation was nice and smooth and showed progress perfectly!
    • alexjinca's avatar
      alexjinca
      Community Member
      The progression was nice and smooth
    • AndrzejJaboski-'s avatar
      AndrzejJaboski-
      Community Member
      That's so cool! I agree with Jonathan, great idea with the page number-button. The only thing that I'm missing here is a transparent cover on videos.
      • Samuel's avatar
        Samuel
        Community Member
        Haha. I was being lazy and hoped no one would notice it. Thanks for pointing it out Andrzej. Fixed now.
    • leite-ricardo's avatar
      leite-ricardo
      Community Member
      This Vyond-Storyline combination is just awesome!
      I love animation in e-learning. It really takes it to another level.
      Well done Samuel!
  • I've never used the slide numbering feature before but I have been working on ensuring that all my courses have some form of tracking mechanism so this was a good opportunity to try it out. My topic this week is a little silly, it was inspired by a celebratory speech I had to deliver in a public speaking class during college. Living in upstate NY in December, I was inspired to write about one of my favorite foods...soup! Enjoy!

    https://360.articulate.com/review/content/a89b8cfd-9149-4b62-ab7a-11b306276f1c/review
    • JodiSansone's avatar
      JodiSansone
      Community Member
      beautiful imagery....made me want to try them. What is that beautiful red soup?
      • CarrieGauthier-'s avatar
        CarrieGauthier-
        Community Member
        Thanks Jodi! I think it's some sort of borscht, which is a soup I've never tried, maybe that will be my quarantine experiment haha
    • PaulRodger's avatar
      PaulRodger
      Community Member
      Images are crystal clear, really nice. I do like the way you have the animated arrows coming in it made it feel like i was being taken on a journey. Loved it.
    • VeronicaBudnika's avatar
      VeronicaBudnika
      Super Hero
      Loved the images and layout of this Carrie, nice work! (love soup too)
    • TeoKar's avatar
      TeoKar
      Community Member
      love the idea of bringing cluedo type of board games into elearning :)
    • alexjinca's avatar
      alexjinca
      Community Member
      I loved this, it was fun, visually appealing and it delivered!
    • CarrieGauthier-'s avatar
      CarrieGauthier-
      Community Member
      Love this idea! You're graphics are fantastic, they really fit the vibe of the course. Not going to lie, I ultimately ended up just guessing and using a process of elimination, good thing I'm not reallya detective!
    • PaulRodger's avatar
      PaulRodger
      Community Member
      Great sound effects and pleasant user experience - making the progress bar in bee colours made it stand out , but also kept it consistent with the overall concept. Nicely done!
      • alexjinca's avatar
        alexjinca
        Community Member
        Thanks for the feedback, Paul. Much appreciated!
    • CarrieGauthier-'s avatar
      CarrieGauthier-
      Community Member
      I love this so much! I'm moving soon and actually planning to plant a garden specifically to attract local wildlife and pollinators so this is perfect. You're graphics and visuals are super nice. How did you get the bee to hover at the end of the intro slide, just a motion path? It's such a small detail but it really makes it look engaging and professional.
      • alexjinca's avatar
        alexjinca
        Community Member
        Glad you are starting a garden for the bees, Carrie. To answer your question, yes the bee is on a motion path. Many thanks for the feedback!
  • DanielBrigham's avatar
    DanielBrigham
    Community Member
    Hi, all:

    Here's my Slide Numbers and Pagination submission. Simple PPE mockup, compliance type course. I think we could easily work learner's progress into a comment a character is making.

    Here is the published file: https://go.aws/3g9nizB

    And here is the brief LinkedIn post: https://bit.ly/3g7eXNa

    Looking forward to coming back later today to check out the rest of the submissions. --Daniel
    • PaulRodger's avatar
      PaulRodger
      Community Member
      I like the slide x of x approach, its clear and delivers exactly what its meant to - thumbs-up!
  • KOsunero's avatar
    KOsunero
    Community Member
    I've been playing a lot of Animal Crossing lately so my entry for this week is based on the game. One aspect of the game is to achieve a 5-star island rating so I designed a guide around how to achieve that and what you can unlock as you make your way to 5 stars. I used a progress bar to show how far you are in the guide. It also serves as a visual to accompany the text on what it takes to achieve 1 star, 2 stars, etc.

    Link to demo: https://360.articulate.com/review/content/20267f92-6b5b-4cec-ae4a-48a3f4e18a33/review

    The demo features music on every slide; feel free to adjust this using the audio icon on the bottom left-hand corner of the player.
    • VeronicaBudnika's avatar
      VeronicaBudnika
      Super Hero
      That's lovely Kimberly! I don't think I know anyone who is not playing animal crossing atm ;)
    • PaulRodger's avatar
      PaulRodger
      Community Member
      Cute & fun, gutted I don't have a PS4 to play this. The 5 star rating, progress bar was really nice at the bottom with the entrance animation. My favourite bit though was listening to the slider albums - I'm a salsa fan!
    • PaulRodger's avatar
      PaulRodger
      Community Member
      A solid way to show different pagination styles (a few here i may need to steal). inspiring!
    • alexjinca's avatar
      alexjinca
      Community Member
      A collection of great ideas and navigation designs
  • leite-ricardo's avatar
    leite-ricardo
    Community Member
    Nice to have it presented with different layouts so that a potencial client can choose from.
    Never thought about that :) Thanks for the suggestion Veronica.