Using Click-to-Reveal Interaction in E-Learning #434

Click-to-Reveal in E-Learning #434: Challenge | Recap

Click-to-reveal interactions are one of the best ways to break up big chunks of information so learners can explore and pull content at their own pace. They're some of the most common interactions, making them a fantastic way to practice building e-learning.

Some of the most popular click-reveals include:

  • Tabs interactions: Buttons are placed horizontally or vertically on the slide. Clicking each button reveals a different section of content when clicked.
  • Labeled graphics and markers: Labeled graphics use small buttons placed anywhere over an existing, static slide to transform it into something more explorable.
  • Interactive timelines: Timeline interactions present a sequence of content chronologically. Like tabs, learners explore each event by clicking a button to reveal more information.
  • Hotspots and invisible buttons: Hotspots are hidden buttons that work like regular buttons. They can show layers, change states, jump to slides, and do almost everything standard buttons can do.

Using Click-and-Reveals as Quick Guides

Here’s a fresh use for click-and-reveals. Similar to tooltips and modals, clicking the button reveals more information. But rather than loading the new content over the main page, the page expands to show the new content. The reader controls how much or little information they pull from the story.

Using Click-and-Reveals as Quick Guides

View the example

Using Click-and-Reveals for Q&A

This example uses the same click-and-reveal event. The only difference is the type of content loaded. In the first example, the interaction revealed links and resources, while this one is used to answer common questions.

Using Click-and-Reveals for Q&A

View the example

🏆 Challenge of the Week

This week, your challenge is to share a click-to-reveal e-learning example. 

✨ 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 reveal your examples, check out the creative ways course designers use lightbox slides in e-learning: 

10+ Ways Lightbox Slides Provide Learners with Just-In-Time Resources #433

Using Lightbox Slides RECAP #433: 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.

64 Comments