Designing Tabs Interactions in E-Learning (2021) #320

Tabs Navigation in E-Learning #320: Challenge | Recap

Challenge of the Week

This week, your challenge is to share an example that demonstrates how tabs interactions can group related content into meaningful sections in e-learning courses.

Basic Tabs

If you’re just getting started with Storyline, try to focus on the alignment and positioning of slide objects before adding the interactivity with triggers and layers. Work with the shape tools, formatting options, and alignment tools. Don’t worry about making your tabs  look good. Instead, focus on Storyline’s workflow of adding states, layers, and triggers.

Advanced Tabs

For those of you with Storyline experience, try working with conditions to make something happen after the learner clicks all tabs? 

Can you reveal a hidden or disabled button after all tabs are visited? Can you make something happen when a slide layer's timeline reaches a cue point or the end? What can you do with the layer properties options to affect how the tabs interaction functions?

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own 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 back to your posts so the great work you’re sharing gets even more exposure.
  • Twitter: If you share your demos on LinkedIn or Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

To help you navigate this week's tabs challenge, check out the interactive fitness and exercise examples your fellow challengers shared over the past week:

20 Interactive Exercise and Workout Examples from E-Learning Designers #319

Online Exercise and Workout Examples RECAP #319: Challenge | Recap