\n
Using Lightbox Slides in E-Learning #316: Challenge | Recap
\n
Lightbox slides give course designers an elegant solution for presenting learners with important resources without leaving the current slide. Some of the most common use cases for lightbox slides include:
\n
\n- Job aids and handouts
\n- Tables of contents and menu navigation
\n- Extended resources and reading lists
\n- Video how-tos and other types of media
\n
\n
How Do Lightbox Slides Work?
\n
Lightbox slides are loaded on top of the current slide and resized to 80% of the original slide. To help learners focus on the lightbox content, the main slide background is dimmed, emphasizing the lightbox.
\n
\n
The best part about Storyline's lightbox slides is that any slide in your course can be used as a lightbox slide. This means any slide in your course (menu, dashboard, quiz results, interaction) can double as a lightbox slide.
\n
There are dozens of practical uses for lightbox slides. Let's look at a couple of examples.
\n
Workplace Learning & Performance
\n
This meet-the-team interaction from Joe Waddington is a fantastic example of how lightbox slides can reuse content across an entire course.
\n
Each team member profile presents both individual and shared information. Personal info like one's name, job title, bio, and StrengthsFinder profiles are presented on the slide. But the shared info, the StrengthsFinder profile definitions, are loaded as lightbox slides since they're generic descriptions of each strength.
\n
\n
View project | Learn more & download | Joe Waddington
\n
DiSC Insights for Managers
\n
I like to share Jodi's example in my lightbox webinars because it shows how lightbox slides can be used to present content while helping learners remain focused in the moment without jumping out to new slides or scenes.
\n
\n
View project | Download | Jodi Sansone
\n
Challenge of the Week
\n
This week, your challenge is to share one or more examples that demonstrate how lightbox slides can be used in e-learning courses.
\n
Share Your E-Learning Work
\n
\n- Comments: Use the comments section below to share a link to your published example and blog post.
\n- Forums: Start your own thread and share a link to your published example..
\n- 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.
\n- Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n
\n
Last Week’s Challenge:
\n
Before you dive into this week’s challenge, check out the interactive timeline examples your fellow community members shared over the past week:
\n
\n
Interactive Timelines in E-Learning RECAP #315: Challenge | Recap
\n
New to the E-Learning Challenges?
\n
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.
This is a slide and lightboxes from an introductory onboarding course I designed and developed. The lightboxes are accessed through hyperlinks found in the marker labels on each of the slide's sub-layers. I wanted to give the learners the option of whether or not to view each of the videos and thought the lightbox option linking to the externally-housed videos was the most elegant solution. (Bonus info: That's me on the base layer narration!)
https://360.articulate.com/review/content/d814cf3c-48bd-4df3-81a0-b6d185c83e54/reviewP.S. This is my first submission to these eLearning Challenges, so this is somewhere between exciting and nerve-wracking!
This is a slide and lightboxes from an introductory onboarding course I designed and developed. The lightboxes are accessed through hyperlinks found in the marker labels on each of the slide's sub-layers. I wanted to give the learners the option of whether or not to view each of the videos and thought the lightbox option linking to the externally-housed videos was the most elegant solution. (Bonus info: That's me on the base layer narration!)
https://360.articulate.com/review/content/d814cf3c-48bd-4df3-81a0-b6d185c83e54/reviewP.S. This is my first submission to these eLearning Challenges, so this is somewhere between exciting and nerve-wracking!
Thank you, Daniel.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"20","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-03-01T12:58:55.000-08:00","lastPublishTime":"2021-03-01T12:58:55.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151169/message:1151230","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1741888621945":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1741888621945","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"how-are-designers-using-lightbox-slides-in-e-learning-316","messageId":"1151169","replyId":"1151220"},"buildId":"k2ra3WbQxEm0ebgjo41Oz","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx"],"appGip":true,"scriptLoader":[]}
