Using Tab Interactions to Chunk Content

Using Tab Interactions to Chunk Content

Image of Tab Interaction

Articulate’s e-Learning Challenge #272: Using Tabs Interactions in e-Learning (2020)

Using tabs in eLearning projects makes it easy to organize content so that learners can easily digest complicated information. Articulate’s eLearning Challenge #272 tasked all the e-Learning Heroes, like us, with creating an interaction using tabs.

Our submission for Articulate’s e-Learning Challenge #272: Using Tabs Interactions in e-Learning (2020) was inspired by International Women’s Day, March 8, 2020. This one-slide interaction (template) features a simple, vibrant color scheme with neutral illustrations of women from various ethnicities.

We developed this interaction using three simple techniques in Articulate Storyline 360: slide layers, triggers and a variable. The slide layers hold the image and content for each tab. The tab triggers when the user clicks a tab (an illustration of a woman), which shows the corresponding slide layer content and changes the state of the illustration to a lower position. Finally, as the user clicks each tab, the variable adds a count of one. When the count reaches six, the tabs have all been activated and the conclusion slide layer appears.

This simple interaction took us roughly an hour to create and revise. If you would like more details on our process or a copy of the template, contact us.

Don’t forget to follow us on Twitter, Facebook, Instagram and LinkedIn. We would love to hear your thoughts.