60+ Examples of Interactive Sliders in E-Learning #52

Interactive Sliders in E-Learning RECAP #52: Challenge | Recap

Looking to learn more about sliders, or just curious how they can be used in e-learning? You won't want to miss the sliderrific examples shared in last week’s slider challenge.

A super big welcome to this week’s first-time challengers:  Frances Steinberg, Robbie Chui, Kawstov FLIP,  Joanna Kurpiewska , Katarzyna HarasymBonnie Jeansonne, Munesh Ramprashad, Pamela DavisonMatthew MasonLeon Geschwind, and Paulina Bobrowska. Thanks for joining the challenges and sharing your ideas. We’re glad you’re here!

Interactive Screenshot Sliders

Learn more about a software application by dragging the slider to navigate screenshots.

Interactive Screenshot Sliders

View DemoPaul Alders | Website | @paulalders

Counting Challenge

Use the slider to find the correct answer to math problems.

Counting Challenge
View DemoDownload SourcePaul Alders |  Website | @paulalders

3D Rotation Sliders

Rotate objects by dragging the slider.

3D Rotation Sliders
View Demo |Charles Hamper | Website | @cfhamper

Stop-Motion Animation Sliders

Drag the slider to view the trotting pig motion.

Stop-Motion Animation Sliders
View DemoCharles Hamper | Website | @cfhamper

Meet Your Team

Interactive office sliders let you meet your new team and view interior and exterior views of your new home away from home.

Meet Your Team

View DemoRobbie Chui | Website | @RobbieChui

Storyline 2 Sliders and Radios

There’s a song for everyone in this interactive radio that uses sliders to change stations.

Storyline 2 Sliders and Radios
View DemoRichard Watson | Learn More | @rwatsonID

Paper Doll Sliders

Drag the slider to try on different doll clothes and accessories.

Paper Doll Sliders
View demo | Jackie Van Nice | Learn More | @jackietrains

Sliders with Storyline & JavaScript

Sliders with Storyline & JavaScript

View DemoDownload Source | Kawstov FLIP | Website

Slider Cookies

Customize your cookie order using sliders.

Slider Cookies
View Demo | Joanna Kurpiewska | Website

Slider Demos

Creative slider examples for before-after photos and menu options.

Slider Demos
View Demo | Gena Hocson | Learn More

Superstitious Sliders

Drag the kitty to cross the avatar’s path.

Superstitious Sliders
View Demo | Katarzyna Harasym

iDecorator

Customize your room’s wall colors and floor styles using sliders.

iDecorator

View Demo | Allison NederveldLearn More | @abnederveld

Pizza, Sliders, and Storyline 2

Use sliders to choose your avatar, order drinks, and customize pizzas.

Pizza, Sliders, and Storyline 2

View Demo | Melissa Milloway | Learn More | @MelMilloway

Slider Challenge (Presenter ‘13)

Creative idea using Presenter 13’s seekbar to slide animated objects on the slide.

Slider Challenge (Presenter ‘13)
View Demo | Amy Doherty | Website | @MSHSL_Amy

Jean Sliders

Creative concept using image sliders to reveal objects hidden in pockets.

Jean Sliders
View Demo | Bonnie Jeansonne | Website | @_Ms_J

Slider Zoom

Control zoom levels using sliders.

Slider Zoom
View Demo | Nick Russell | Benchmark Learning

Fire Starter Slider

Drag the slider to make fire with sticks.

Fire Starter Slider

View Demo | Nick Russell | Benchmark Learning

Slider Gluten Meter

Drag the slider on the gluten meter to get an idea how the “gluten count” can go up during the day.

Slider Gluten Meter
View Demo | Rebecca Fleisch Cordeiro | Website | @refco27

Sliders Game

Math games using multiple sliders to enter answers.

Sliders Game
View Demo | Sol Moh

Self-Evaluation Sliders

Drag the slider to rate your comfort level at the end of each module. Review tips and guidance are provided based on the learner’s comfort level.

Self-Evaluation Sliders
View Demo | Elearning Locker | Download (SL1) | Website | @elearninglocker

Lightswitch Sliders

Control the lighting and room vibe using interactive sliders.

Lightswitch Sliders
View Demo | Linda Lorenzetti | @lindalor

Furniture Instruction Sliders

Self-paced technical instructions using sliders. Could also be used for software tutorials.

Furniture Instruction Sliders
View Demo | Jeff Kortenbosch | Website | @elearningjeff

Workplace Safety Sliders

Drag the slider to learn more about site safety equipment.

Workplace Safety Sliders
View Demo | Tom Kuhlmann | Website | @TomKuhlmann

Rating Sliders

Drag the slider to rate your interaction with another person and enter your comments in the section below.

Rating Sliders

View Demo | Frances Steinberg | Website

Website Customization Sliders

Drag the sliders to customize your websites background, fonts, and color scheme.

Website Customization Sliders
View Demo | Download (SL2) | Ashley Chiasson | Learn More | @amdchiasson

iPhone 6 Product Slider

Product tour using interactive sliders.

iPhone 6 Product Slider

View Demo | Munesh Ramprashad | @MRamprashad

Global Temperatures

Drag the slider to view the effects of climate change.

Global Temperatures

View Demo | Gem Henderson | Learn More | @gemdemhen

Slider Bird Flight

Slider Bird Flight

View demo | Learn more... | Cecilia Bernal | @intexpliki

Bert's Sliders

No one makes the slider like Bert's! Test yer slider-fryin' skills in this "well done" interaction by Dan.

Bert

View Demo | Dan Sweigert | Blog post | @elearningwdan

Tree Slider

Cool concept using sliders to demonstrate the steps a plant goes through from seed to fruit.

Tree Slider

View demo | Pamela Davison | Website

Risk Matrix

Drag the sliders to view levels of risk.

Risk Matrix

View demo | Matthew Mason | Website | @iDesignTraining

Leon Geschwind

Drag the sliders to view the rotating canoe.

Leon Geschwind

View demo | Leon Geschwind

Nicola Redfearn

Drag the sliders to learn how adjusting the relative proportions of pigment and binder changes the properties of paint.

Nicola Redfearn

View demo | Learn more |  Nicola Redfearn

Pictogram Characters

Pictogram Characters

View demo | Learn more… | Jackie Van Nice | @jackietrains

Diagnostic Assessment

Drag the slider to learn where your business would benefit from e-learning.

Diagnostic Assessment

View demo | Richard Sharples

Aquatic Exploration with Scuba Steve

Drag Scuba Steve to explore the ocean.

Deep Sea Diver Slider

View demo | Melissa Milloway | Mel's Learning Lab | @MelMilloway

Scuba Steve Blows BubblesScuba Steve Blows Bubbles

View demo | Tom Kuhlmann | Website | @TomKuhlmann

Marta Burda

Marta Burda

View demo | Marta Burda | Website

Joanna Kurpiewska

Joanna Kurpiewska

View demo | Joanna Kurpiewska | Website@elearningjoanna

Michael Hinze

Michael Hinze

View demo | Learn more | Michael Hinze | @keypointlearn

Paulina Bobrowska

Paulina Bobrowska

View demo | Paulina Bobrowska

Jenise Cook

Jenise Cook 

View demo | Jenise Cook | Website | @jenisecook

Michael Hinze

Michael Hinze

View demo | Michael Hinze | Website | @keypointlearn

Raul Esparza

Raul Esparza

View demo | Learn more | Raul Esparza

Anne Seller

Anne Seller

View demo | Learn more | Anne Seller | @LifeScienceLSI

Matt Guyan

Matt Guyan

View demo | Matt Guyan | Website | @MattGuyan

Shahid Yakoob

Shahid Yakoob Elearning Slider

View demo | Shahid Yakoob | Website | @4ptLtd

David Lindenberg

David Lindenberg

View demo | David Lindenberg | Website | @dvdlindenberg

Jackson Hamner

Jackson Hamner Elearning Sliders

View demo | Jackson Hamner

Alexander Salas

Alexander Salas

View demo | Alexander Salas | Website | @stylelearn

Mary Cropp

Mary Cropp

View demo | Mary Cropp

James Ruffell

James Ruffell

View demo | Learn more | James Ruffell | @jamruff

Joshua Farquharson

Joshua Farquharson

View demo | Learn more |  Joshua Farquharson | Website | @ahtools1

Ashi Tandon

Ashi Tandon

View demo | Ashi Tandon | Website | @ashi_tandon

Ian McConnell

Ian McConnell

View demo | Learn more | Ian McConnell | Website | @tlslearning

Monique Gaudin

Monique Gaudin

View demo | Learn more | Monique Gaudin | @MoniGD

Joanna Kurpiewska

Joanna Kurpiewska

View demo | Joanna Kurpiewska | Website | @elearningjoanna

Julia Buttery

Julia Buttery

View demo | Julia Buttery

Rachel Craig

Rachel Craig

View demo | Rachel Craig

Brian Ambrose

Brian Ambrose

View demo | Download | Brian Ambrose | Website | @BATrains

Michael Hinze

Michael Hinze

View demo | Learn more | Michael Hinze | @keypointlearn

Tim Neill

Tim Neill

View demo | Download | Tim Neill | Website

Stanford Kekauoha

Stanford Kekauoha

View demo | Stanford Kekauoha | Website | @alohastanford

Ross Garner

Ross Garner

View demo | Download | Ross Garner | Website | @R0ssGarner

Chris White

Chris White

View demo | Chris White | Website | @3wiredesigns

Dianne Hope

Dianne Hope

View demo | Learn more | Dianne Hope | Website | @DianneHope

Kimberly Bourque Valliere

Kimberly Bourque Valliere

View project | Download | Kimberly Bourque Valliere | Blog Post | @Kim_Bourque

Harshal Prabhulkar

Harshal Prabhulkar

View project | Learn more | Harshal Prabhulkar | Website

Nejc Žorga Dulmin

Nejc Žorga Dulmin

View project | Nejc Žorga Dulmin | Website@nejcd

Richard Hill

Richard Hill

View project | Chrome HTML5 | Richard Hill | Website

About 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.

Share Your E-Learning Slider Examples!

The slider 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.

Using Interactive Sliders in E-Learning