Blog Post

E-Learning Challenges
1 MIN READ

Using Scrolling Panels to Manage Content in E-Learning #387

DavidAnderson's avatar
4 years ago

Using Scrolling Panels in E-Learning #387: Challenge | Recap

Challenge of the Week

This week, your challenge is to share an example that demonstrates how scrolling panels can be used to present content that doesn't fit well on the slide.

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:

To help get your creative juices scrolling, take a look at the brutalist design examples your fellow challengers shared in last week's challenge:

Brutalism in E-Learning Design RECAP #386: 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 4 years ago
Version 1.0

142 Comments

Comments have been turned off for this post
  • [My First Challenge]
    I'm a former high school teacher from New Zealand.
    Just getting into instructional design and Storyline and I'm loving' it!

    Decided last week that I'd submit an example this week.
    When I saw the topic, I thought 'Aargh!'.
    But I'm so glad I did it.
    I was looking to start a portfolio and would never have done something like this if it hadn't been for the challenge.
    Thank You!!

    Hopefully, you can see the three different uses of scrolling panels.

    https://360.articulate.com/review/content/b4826db4-7cc8-4168-9d32-9329101b0134/review
    • maren_west's avatar
      maren_west
      Community Member
      Hi Philip, are you sure you're not an undercover storyline expert? Because that was a great project! I really enjoyed the narrative and your creative use of scroll panels! I will say it took me a minute to figure out the door code. You could maybe include a hint text box that pops up if the learner spins so much time on the slide. Also on the binocular slide if you click the note and then return to looking at the crowd it doesn't save the agents you've already clicked
      • PhilipCranston's avatar
        PhilipCranston
        Community Member
        Hi Maren, thanks for the feedback!

        Really enjoying developing my skills in SL. I’m even starting to ‘see’ Storyline interactions and triggers in the world around me!
        I did wonder about adding a hint, but I think making the learner have to do some work helps them stay engaged. In fact, I was thinking about making it harder and putting ‘the clue’ on an earlier slide (maybe in a message on the phone chat screen, or in the cafe), but I wanted my fellow SL slingers to go through the course without too much friction. If it was learners, then - make them work!
        (As a kid, I used to love the text-based problem-solving games in the late eighties, and trying to figure out the puzzles of “The adventures of Monkey Island”. I guess these were inspirations for this example)

        Yes, I noticed the issue of losing the selected ‘agents’ before publishing, but my wife had told me to “get off the computer already!”. I’ll use true/false variables instead of relying on state changes to fix it.
    • StefanGottfr790's avatar
      StefanGottfr790
      Community Member
      Nice story! May I ask where you got the photos from? I like the effects. And I agree with Marens points.
      • PhilipCranston's avatar
        PhilipCranston
        Community Member
        Hi Stefan, they’re just ones I got from the SL gallery and manipulated. I used an old mac program to add filters - unfortunately, it’s not available now. But there are a number of similar art effects/filter programs available for both platforms.

        I had a look at your projects and I was particularly interested in your one that lets users print or email their written SL responses. I think I’m going to have to learn a bit about javascript!

        (Looking at your work was the first time I had reason to use Google Translate- it worked well! I suspect as an Austrian, your English is as good as your German!)
    • CydWalker_mwhc's avatar
      CydWalker_mwhc
      Community Member
      If you decide to add a hint after user spends X amount of time on slide, consider using the elapsed time variable. Mark Spermon and Devlin Peck on YouTube have some good visual how-tos.
      • StefanGottfr790's avatar
        StefanGottfr790
        Community Member
        You don't even need a variable for that. You can just use "when the timeline reaches x seconds" or you can adjust the start time of the hint even without a trigger.
  • Being a fan of the spy world, I LOVED THIS! Great integration of scrolling panel to "I spy". The story was excellent and kept one turning the "page". Reminded me of the Gray Man movie. And I loved the painting filter on the images. Super use of color and intrigue. You nailed it on many levels Philip! One potential tweak, I had a hard time accessing the scroll bar to the right (in ID the agents scene). It seemed a little too far right. Or maybe was my screen... And I didn't think the code was too difficult, you want to have a little spy challenge and be observant in your surroundings. :)
    • PhilipCranston's avatar
      PhilipCranston
      Community Member
      Thanks for your comments Cyd - good to hear there is a spy fan out there.

      Yes, it was a bit fiddly trying to use the scroll panels the way I wanted. The biggest problem was adding the binocular silhouette overlay on top of the crowd image. I wanted the scroll bar to disappear as much as possible (hoping that people would use the mouse scroll, or trackpad scroll instead).

      I think I was alarmed by what the scroll bars look like in SL writing mode. Now I realise the scroll bars are much less prominent when viewing the published version. So I probably wouldn’t worry as much and let a full scroll bar go along the whole of the right-hand side of the binocular silhouette.
    • CydWalker_mwhc's avatar
      CydWalker_mwhc
      Community Member
      Welcome Lee! The good news is you can always add to the Challenge and they will add to a recap. They understand it can take more time to develop and add one. And they tend to issue a new challenge each week.
  • TeoKar's avatar
    TeoKar
    Community Member
    Oh snap, I was late adding my submission :'( Next time!
    • Teo, Teo, Teo. You know how this works. You can submit it anytime, and I'll add your example to the recap post.
    • HillaSchlegel's avatar
      HillaSchlegel
      Community Member
      This doesn't necessarily apply to text, but infographics can't be long enough for a scrolling panel. There were a lot of interesting facts. I really like this!