40+ Navigation Tabs Templates for E-Learning Designers #272

Tabs Interactions in E-Learning RECAP #272: Challenge | Recap

This week’s challenge asked course designers to share creative ways to use tabbed navigation and interactions in e-learning. Tabs are one of the most common interactions in course design so it’s no surprise this was one of the most popular challenges. 

Thanks to everyone who shared an example, download, or feedback this week. And special thanks to our first-time challengers: Xavier Toyos, Kimberly Eng, Gurbet Akdogan, and Amanda Voydetich. Thanks for sharing this week!

Jodi Sansone

Jodi Sansone 

Example | Download | Jodi Sansone | @jodimsansone

Jonathan Hill

 Jonathan Hill

Example | Download | Jonathan Hill | Website | @JHill_AssocCIPD

Teo Karageorgakis

 Teo Karageorgakis

Example | Teo Karageorgakis | Website

Nick Russell

 Nick Russell

Example | Nick Russell | Website

Richard Mulcahy

 Richard Mulcahy

Example | Download | Richard Mulcahy

Carrie Gauthier

Carrie Gauthier 

Example | Carrie Gauthier

Joe Potter

 Joe Potter

Example | Joe Potter

Bernie Tremblay

Bernie Tremblay 

Example | Download | Bernie Tremblay

Alexander Salas

 Alexander Salas

Example | Alexander Salas | Website | @stylelearn

Montse Anderson

 Montse

Example | Download | Montse Anderson | Website | @mLearning

Tracy Carroll

 Tracy Carroll

Example | Download | Blog | Tracy Carroll | Website | @1tracycarroll

Samuel Apata

Samuel Apata 

Example | Download | Samuel Apata | Website | @afrostem

Alexander Salas

Alexander Salas 

Download | Alexander Salas | Website | @stylelearn

Syed Amjad Ali

Syed Amjad Ali 

Example | Syed Amjad Ali | Website | @swift_elearning

Cary Glenn

Cary Glenn 

Example | Cary Glenn | @glenncary

Montse Anderson

Montse 

Example | Download | Montse Anderson | Website | @mLearning

Sunet Sullivan

 Sunet Sullivan

Example | Sunet Sullivan

Tracy Carroll

Tracy Carroll 

Example | Blog | Tracy Carroll | Website | @1tracycarroll

Andrzej Jabłoński

Andrzej Jabłoński

Example | Andrzej Jabłoński

Alex Jinca

Alex Jinca 

Example | Alex Jinca | Website

Rema Merrick

Rema Merrick 

Example | Rema Merrick | Website

Andy Gibson

 Andy Gibson

Example | Andy Gibson

Paola Rattu

 Paola Rattu

Example | Paola Rattu

Phil Mayor

Phil Mayor 

Example | Download | Blog | Phil Mayor | Website | @philmayor

Xavier Toyos

Xavier Toyos 

Example | Xavier Toyos

Jeff Nunamaker

 Jeff Nunamaker

Example | Jeff Nunamaker

Janie Liz Sampaga

 Janie Liz Sampaga

Example | Janie Liz Sampaga | Website

Kimberly Eng

Kimberly EngPage 

Example | Kimberly Eng |  Website

David McEachan

David McEachan 

Example | David McEachan

Dan Graham

 Dan Graham

Example | Download | Dan Graham | Website | @EzLearnin

Gurbet Akdogan

Gurbet Akdogan 

Example | Gurbet Akdogan

Amanda Voydetich

Amanda Voydetich 

Example | Amanda Voydetich

Samuel Apata

Samuel Apata

Example | Download | Samuel Apata | Website | @afrostem

Joe Waddington

Joe Waddington

Example | Joe Waddington

Lea Griffin

Lea Griffin

Example | Lea Griffin

Chris Hodgson

Chris Hodgson

Example | Download | Chris Hodgson | Website | @skriss

Dianne Hope

Dianne Hope

Example | Blog | Dianne Hope | Website | @DianneHope

Tim Murphy

Tim Murphy

Example | Tim Murphy

Joseph Suarez

Joseph Suarez

Example | Joseph Suarez | Website | @Joseph_Suarez

Kevin Thorn

Kevin Thorn

Example | Download | Kevin Thorn | Website | @learnnuggets

Ridvan Saglam

Ridvan Saglam

Example | Ridvan Saglam | Website | @rbsaglam

David Charney

David Charney

Example | David Charney | Website | @elearninglocker

Dave LeFevre

Dave LeFevre

Example & Download | Dave LeFevre | Website

Paul Alders

Paul Alders

Example | Download | Paul Alders | Website | @paulalders

Preethi Ravisankar

Preethi Ravisankar

Example | Preethi Ravisankar

Justine Swain

Justine Swain

Example | Learn more & download | Justine Swain | Website

Andrea Pulido

Andrea Pulido

Example | Andrea Pulido

Joanna Livermore

Joanna Livermore

Example | Joanna Livermore

Bridget Gruner

Bridget Gruner

Example | Bridget Gruner

New to the E-Learning Challenges?

The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

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. 

If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness.

Share Your Tabs Interaction Examples!

The tabbed interaction challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.

Share Your Tabs Interaction Examples!