Interactive glossaries which are used to define vocabulary terms, explain technical acronyms and provide an understanding of cultural phrases, are commonly used in e-Learning. In this week’s E-Learning Heroes challenge, Using Glossary Interactions in E-Learning #192, the challenge was to share an interactive glossary to show how it could be used in e-Learning.
While I was browsing through some of the photos available in the Articulate 360 content library for inspiration, I found this beautiful image. I thought it would make a great title screen so I added a transparent circle, a text title, and a simple start button. For the colors, I sampled from the image in the background.
For the next slide, I wanted to provide an introduction to the National Park Service along with a brief background on national parks in general. The text information was obtained from Wikipedia.
To make it visually interesting while still allowing the focus on the image, I created a transparent rectangle and included an animated top and bottom cap. To bring the user’s attention to glossary terms, I changed their color and underlined them.
When the user clicks the glossary term, its associated variable is set to True which triggers the glossary slide on the slide master to show the appropriate layer. After reading the text and exploring the glossary term, the user can select Close. This triggers an exit animation and brings up the Next button. The goal here was to allow you to pause for a moment to enjoy the photograph.
The technical details follow for those of you who want to learn more about the mechanics behind the sample.
I created a master slide with a layer for each glossary term. On the base layer, I setup triggers to show each layer as follows:
Action: Show layer
Layer: National Parks
When: Variable Changes
Variable: National Parks
On Condition: National Parks = = Equal to True
On the glossary layer, I created triggers to fire when the user clicks the Close button after reading the description as follows:
Action: Hide layer
Layer: This layer
When: User clicks
Action: Adjust variable
Variable: National Park Service
Operator: = Assignment
Value: Value False
When: User clicks
As always, there are several more things going on in the background so let me know if you have any questions and I’ll do my best to explain the other mechanics, triggers, and conditions used in this sample. By the way, it was created in Storyline 360!