Blog Post

E-Learning Challenges
3 MIN READ

Using Lightbox Slides for Just-In-Time Learning #433

DavidAnderson's avatar
2 years ago

Using Lightbox Slides in E-Learning #433: Challenge | Recap

Looking for a way to present any type of content in an engaging, focused, and interactive way without requiring learners to navigate away from the current slide? Look no further than lightbox slides. 

Course designers use lightbox slides to load various types of content, such as images, videos, text, and job aids, in an overlay or modal window that appears above the current slide. This allows learners to focus on the displayed content without branching out to a new slide.

Here are some common ways to use lightbox slides in e-learning:

  • Quick reference guides: Use lightbox slides to present concise summaries of important information, such as key terms, formulas, or procedures. 
  • Quizzes and knowledge checks: Integrate quizzes or assessments within lightbox slides to check learners' understanding and provide immediate feedback. 
  • Supplemental resources: Lightbox slides can be used to present additional resources, such as PDFs, articles, or external websites, that support and expand upon course content. 
  • FAQs and help sections: Include a lightbox slide with frequently asked questions and answers or a help section to address common challenges or misunderstandings. 
  • On-demand video tutorials: Lightbox slides can be used to create step-by-step interactive tutorials that guide learners through a process or concept. 

🏆 Challenge of the Week

This week, your challenge is to show how lightbox slides can be used as performance support in e-learning. 

🗂️ Resources

We’ve hosted a couple of lightbox challenges over the years. Check out the following recap posts to get an idea of how designers use this simple-yet-powerful tool in e-learning:

📒 User Guide

🖥️ On-Demand Training

✨ Share Your E-Learning Work

  • Comments: Use the comments section below to link your published example and blog post.
  • Forums: Start a new 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 to your posts so your great work gets even more exposure.
  • Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

Last Week’s Challenge:

Before you share your lightbox examples, check out the creative ways escape room techniques can be used in e-learning:

Escape Room Examples in E-Learning RECAP #432: 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

Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:  https://bit.ly/ElearningChallengeForm.

Published 2 years ago
Version 1.0
    • Ange's avatar
      Ange
      Community Member
      Nice one. I like the way it immediately shunts to the lightbox and no futzing around to find what you need to know asap.
    • bylittlelearnin's avatar
      bylittlelearnin
      Community Member
      We suggest making the first video shorter. Nevertheless, the opacity you added to the crew members is a good wink so the learner knows where to click!
      • Samuel's avatar
        Samuel
        Community Member
        Agree! I've shortened the video. Thanks for reviewing.
  • FredGood's avatar
    FredGood
    Community Member
    I just started watching the tutoiral (late to the party!) but I'm already planning to use this for all of my "sound check" slides (if they have to leave a course and come back later), and any "progress maps" where users would go back to see where they are on a map of the course! SUPER cool!! I'm getting so many ideas from this today! Thanks David!
  • FredGood's avatar
    FredGood
    Community Member
    These are all SO AMAZING!! :) Thanks for sharing these! I'm so inspired to make cool stuff now. And I'd love to learn how to disable the (X) close button using javascript, and use my own close button. I have some ideas...
    • bylittlelearnin's avatar
      bylittlelearnin
      Community Member
      We know, right? It drives us as well to create cool stuff!!
      What ideas do you have, Fred, for the x close button?
      • FredGood's avatar
        FredGood
        Community Member
        I'd just like to move the close button further inboard, and make it more obvious. I *think*
        I can put the "close lightbox" button on the actual slide I'm light-boxing, correct?
  • JodiSansone's avatar
    JodiSansone
    Community Member
    Hi David--I was just looking at #434 and I browsed the demos in this recap. Can you swap out the cover picture for my first demo--the Frenchy yoga? My T/F 2nd example was used for both. The Frenchies will be happy. :)
  • Hello Community!
    I am a complete newbie in this field and the link is not for this challenge, though I am working on a small project for lightboxes, just need to do last minute edits.

    This storyboard was actually a ppt format I had created for teachers, who wanted to get introduced to the platform Google Classroom during the pandemic.
    I was delivering a training in that scenario, but after learning about Instructional Design, I decided to convert that experience into a short course as a form of practice.
    Really glad to find such a supportive and active community.
    Eagerly waiting for feedback and perspective. :)

    https://360.articulate.com/review/content/4b07e55e-b000-4b12-9dbf-2319a806377c/review