E-Learning Heroes #2: What’s Your Best Tabs Interaction? (Free Template)

The Concept

This challenge was to create our best tabs interaction; while I don’t necessarily consider this to be the best tabs interaction I’ve developed, I do think it’s a cute little one! The challenge specifically asked for five tabs, but I used four because a colour palette drove my inspiration.

The Method

I was trolling around Colour Lovers and stumbled upon a pretty colour palette, so I skimmed through the e-learning challenges to see which challenge I could best apply the colour palette to.

Then, I decided I wanted to do an in and out type of theme – reminiscent of those pop-up books you used to read as a kid, with the tabs to drag items across the page.

Once I had the general idea, I created some tabs and ‘pages’, adding shadows to the pages and tabs to emphasize that each is a separate item. Then I created a layer for each tab, and when selected, the appropriate tab would display.

The Result

Click here for a demo of the full interaction.

Click here to download the Articulate Storyline template of this free tabbed interaction.