How to Create a Tabbed Interaction in Articulate Storyline | How-To Workshop
The eLearning Designer's Academy by Tim Slade The eLearning Designer's Academy by Tim Slade
31.5K subscribers
15,021 views
354

 Published On Jul 25, 2022

#eLearning #InstructionalDesign #ArticualteStoryline
Tabbed interactions in Articulate Storyline, like many other types of click-to-reveal interactions, are a great way to organize learning content in a meaningful way for your learners. They can also help you reduce on-screen text and require your learners to "pull" the information out of your course, rather than it just being "pushed" onto them.

Additionally, learning how to build a tabbed interaction can help you understand the basic building blocks of developing interactivity in Articulate Storyline.

So, in this How-To Workshop, I'll show you how to build a tabbed interaction in Articulate Storyline, using buttons, states, slide layers, and triggers.

👉 Check out all of my Articulate Storyline How-To Workshops here:    • Learn How to Use Articulate Storyline  

👉 Check out and sign up for our future community events here: https://community.elearningacademy.io...

----
Timestamps:
00:00 Intro
00:54 What is a Tabbed Interaction?
05:10 Elements of a Tabbed Interaction
06:20 Designing the Initial Layout
14:10 Create the Tab Buttons
16:45 Edit the Tab Button States
28:24 Create the Slide Layers
32:05 Generate Placeholder Text
38:41 Add Triggers to the Button Tabs
42:40 Hide Objects on Base Layer
46:30 Create a Button Set
48:45 Disable & Enable the Next Button Using States
52:08 Bonus: Create a Repeating Motion Path Animation
54:30 Closing

----
Learn more about growing your eLearning career:
https://elearningacademy.io/

Enroll in our eLearning academy and community:
https://elearningacademy.io/academy/

Snag a copy of The eLearning Designer's Handbook:
https://amzn.to/3AlFkYU

----
Follow The eLearning Designer's Academy:
Twitter:   / elearningacdmy  
LinkedIn:   / elearningacdmy  

----
Follow Tim Slade:
Twitter:   / sladetim  
LinkedIn:   / sladetim  

show more

Share/Embed