E-Learning Heroes Challenge #199 – Tabs Navigation

Tonight I was feeling a little nostalgic for the E-Learning Heroes Challenges. For that reason, and the fact that David Anderson is probably going to nag me to participate more when we see each other this week (I KID!), I whipped something up in my evening wind down.


This challenge was to create one of the most common of e-learning interactions: tabbed navigation. Every e-learning developer has created a tabbed interaction, so it’s always nice to have a repository of suggestions to consult when you feel as though you need to freshen up your development approach. This is what I love about the E-Learning Heroes Challenge recaps – sometimes my brain is too tired to think!


For this tabbed interaction, I first went to Pinterest, where I stumbled upon this horizontal tab menu, and I loved the look/feel. Next, I opened Storyline to try and replicate the effect. It’s not perfect, but it’s close enough for me. I fiddled with the design size, consulted coolors.co for a colour palette, and then wrote a bunch of things about myself.

Read the full story by


State of the Studio – June 2019 Update How to Keep Your Resume Fresh
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK