Tabbed navigation is a fan favorite amongst course developers and learners alike—and it’s no wonder—tab interactions are so familiar. They’re a great way to lay out related content and save screen real estate, and they invite learners to dive into new subjects at a pace that’s comfortable for them.
Creating tabbed navigation is quick and super easy, but sometimes you need a little design inspiration to elevate a standard tabs interaction into something that’s more in-theme with your project. That’s where these five terrific tab interactions can help! They were created by the ingenious members of the E-Learning Heroes community—and they’re full of tab-ulous ideas you’ll want to steal for your own projects.
- Tabs don’t have to be shaped like the tabs on a folder. You can create custom tabs that look like almost anything, like Jonathan Hill does in this clever tabbed navigation example all about feet. We think this design is pretty toe-riffic!
- Grab this handy tabbed portfolio download by Samuel Apata for a beautifully organized way to share your work.
- Take a design cue from this empowering International Women’s Day example by Rema Merrick and turn your tabs into fun illustrations.
- This elegant tab interaction example by Kimberly Eng features a classic design that’s perfect for a helpful guide for gardening no matter the season.
- Grab your learners’ attention and make information crystal clear—with this sleek, brightly colored tabs download by Angie Serratos.
We hope the freebies and ideas in this roundup help you keep on tabbin’! Submit your own tabbed navigation projects to this E-Learning Challenge. If you need help getting started building your first tabs interaction, check out this article: 5 Minutes to Fantastic: Create a Tabs Interaction with Storyline in 5 Short Minutes. And don’t forget to visit the Building Better Courses forum, a community of other e-learning pros eager to share ideas. See you there.