This week’s challenge set for the e-learning heroes community was to share a fresh example that demonstrates how tabs interactions can be used in e-learning courses. 

Why should you use tabs in e-learning?

Tabs interactions are one of the most common interactions in e-learning. They’re super flexible and come in all shapes, sizes, and designs. 

For e-learning designers, tabs make it easy to break down and group related content into smaller, more meaningful sections. Using tabs to reveal each section helps learners remain focused in the moment without jumping out to new slides or scenes. 

Why did I choose this layout?

To develop this example, I used Samara’s wonderful template as my starting point and inspiration. A couple weeks ago, due to a clients’ demand for creating a webquest, I was looking for inspiration. I found out that most webquests out there looked really outdated and were developed like pages. So I decided to create something new, looking fresh, to resemble an app. But what is a webquest?

A WebQuest is an inquiry-oriented lesson format in which most or all the information that learners work with comes from the web. 

Despite the fact that navigation in e-learning should be free, because this example showcases a webquest, I had to lock navigation between each tab. The reason is that webquests require the learner to follow a linear process. The learner has to complete all the parts of each step before moving on. Therefore, to be able to move from one tab to the other, you have to complete each section first. To do so, I added a variables the check if a slide is complete, and if so, then the learner can move to the next slide.