What are click-to-reveal interactivities?

Click-to-reveal interactions allow a learner to reveal information, images, or videos by clicking on a button or a hot spot.

They are simple interactions that may not challenge a learner to apply their critical thinking skills, but they do make the experience of the course more engaging.

Talk to us See click-to-reveal in action

A pixel-style hand cursor with its index finger raised, ready to click

See click-to-reveal in action

Click-to-reveal: design Level 1

At Level 1, your click-to-reveal activity uses simple graphical elements that match your organization's brand and basic transitions, like fade in/out, to reveal and hide information from your learners as they interact with the interface.

Open the sample (opens in a new tab)
Click-to-reveal: design Level 2

At Level 2, your click-to-reveal activity uses simple graphics paired with photography or images that convey your eLearning content and match your organization's brand. Additional transition options like slide in/out and other transitions reveal and hide information as your learners interact.

Open the sample (opens in a new tab)
Click-to-reveal: design Level 3

At Level 3, your click-to-reveal activity uses custom graphics with your organization's branding woven into the interface. Additional options for animating transitions as information is revealed and hidden from the learners are used and can include other media options for your eLearning content, like videos.

Open the sample (opens in a new tab)

Considerations for click-to-reveal

The organizational advantages of click-to-reveal reduce cognitive load by helping to reduce the amount of on-screen information being shown to the learners at one time.

Click-to-reveal interactivities shouldn't be used to hide poor design or to mask too much information on a single page. For example, a tab should only hide a sentence or two, and should not be used to hide several pages of reading.

Additional content can always be added on another slide or slide series, or even become an external resource!

Learning benefits
- Useful for organizing and presenting content as tabs, a timeline, multiple steps, or a process
- Reduce the amount of on-screen information in a course
- Can be used to provide extra information or support when a learner is being asked to complete a decision-based interaction
Usage examples and tips
- Can be used for timelines, flashcards, glossaries, accordion (tabbed) content, hotspots, or progress checkpoints
- Example: use in an interactive case study simulation where learners are asked to answer multiple questions to make a fictitious healthcare diagnosis. A learner may click on a clipboard button to reveal more information about each patient's chart and medical history prior to progressing through the scenario.