Creating Interactive Documents with Sliders in E-Learning #300
Interactive Documents with Sliders #300: Challenge | Recap Using Sliders to Create Interactive Documents In a recent post, John Berendes from Yukon Learning, shared a fun tutorial on using sliders to page through a document or policy manual. While this may not be an everyday use case for sliders, it’s a great way to begin seeing new ways to navigate information-heavy content in e-learning. Check out his post and download the source file to see how he put it together. View the tutorial Using Sliders to Create Interactive Instruction Manuals One way to approach your slider document is to align the visual elements to your content. Below is a simple example that uses a custom background and slider thumb to align with the LEGO instruction manual. View the example Challenge of the Week This week, your challenge is to show how sliders can be used to create interactive documents or instruction manuals. I’ve included some slider resources below. If this is your first time working with sliders, let us know in the forums if you get stuck or have questions. Resources Articles and tutorials Storyline 360: Working with Sliders 4 Pro Tips for Working with Sliders How to Build a Simple Process Interaction Using Sliders in Storyline Webinars Storyline 360 Essentials: Using and Customizing Sliders Storyline 360: Create Parallax Effects with Sliders in Storyline 360 Storyline 360: NSA: Interactive Characters and Slider Interaction Challenges Using Sliders in E-Learning #205: Challenge | Recap Parallax Scrolling Effects in E-Learning #253: Challenge | Recap Combining Sliders for Interactive Infographics #260: Challenge | Recap Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own thread and share a link to your published example.. Personal blog: 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. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you slide into this week’s document challenge, check out the creative ways static content can be transformed into interactive e-learning: Static to Interactive E-Learning Examples RECAP #299: Challenge | Recap New to the E-Learning Challenges? The weekly e-learning 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.E-Learning Challenges - Complete List!
2025 E-Learning Challenges Using TikTok-Style Videos for E-Learning #495 Share Your Customer Service Training Examples #494 Designing Business Simulations & Management Games in E-Learning #493 Mini-Course: Employee Health & Wellness #492 Rediscovering Traditional Skills Through E-Learning #491 Building Tabs Interactions to Chunk and Group Content in E-Learning #490 How to Set the Perfect Dinner Table #489 How Ms. Frizzle Can Help You Build Better E-Learning #488 2024 Challenges Using Neubrutalism Designs in E-Learning #483 Designing E-Learning Slides with Asymmetrical Layouts #482 Using Style Guides in E-Learning Course Design #481 Give Your E-Learning Designs a Halloween Makeover #480 Creating Step-by-Step Tutorials for Your Favorite Apps #479 How Can E-Learning & Instructional Designers Showcase Their Work? #478 How Can AI Assistant Speed Up Content Creation & Unleash Creativity? #477 Designing Accessible E-Learning Course Starter Templates #476 Using If-Then Scenarios in E-Learning #475 What do E-Learning Designers Need to Know About Working with SMEs? #474 E-Learning Games Inspired by Popular TV Quiz Shows #473 E-Learning Game Design: Development & Review #472 Building a Working Prototype for Your E-Learning Game Concept #471 Building E-Learning Games: Concept & Storyboard #470 How I Became an E-Learning Instructional Designer #469 How are You Using Drag-and-Drop Interactions in E-Learning? #468 Creating Immersive Learning Experiences with 360° Images #467 Before-After: Accessibility Makeovers in E-Learning #466 Converting Classroom Activities to Interactive E-Learning #465 How are Course Designers Using Labeled Graphics in E-Learning? #464 How are Designers Using Progressive Disclosure in E-Learning? #463 Moving Beyond E-Learning's Next Button #462 Audio Interviews with E-Learning Challenge Heroes #461 How Are Designers Using Toggle Buttons in E-Learning? #460 Using Photo Mosaics to Design Interactive Stories #459 Creating Roulette & Spinning Wheel Games in E-Learning #458 Mix and Match Your Own E-Learning Challenges #457 How Are Designers Using Phat Fonts in E-Learning? #456 Asking vs. Telling: Creating Interactive E-Learning #455 Using Text, True/False, and Number Variables in E-Learning #454 Using Interactive Dials in E-Learning #453 Show How You're Using AI to Create E-Learning Courses #452 Show Us What's in Your E-Learning Portfolio #451 Using Design Themes to Build Course Starter Templates in E-Learning #450 Using Emphasis Animations to Grab Learners' Attention #449 Using Tabs Interactions in E-Learning #448 Spotlight Masking Effects for Discovery Activities in E-Learning #447 Rotating and Exploring 3D Objects in E-Learning #446 How Can You Use This Motion Path Tip in Your E-Learning Projects? #445 Rotating and Exploring 3D Objects in E-Learning #446 Spotlight Masking Effects for Discovery Activities in E-Learning #447 Using Tabs Interactions in E-Learning #448 Using Emphasis Animations to Grab Learners' Attention #449 Using Design Themes to Build Course Starter Templates in E-Learning #450 Show Us What's in Your E-Learning Portfolio #451 Show How You're Using AI to Create E-Learning Courses #452 Using Interactive Dials in E-Learning #453 Using Text, True/False, and Number Variables in E-Learning #454 Asking vs. Telling: Creating Interactive E-Learning #455 How Are Designers Using Phat Fonts in E-Learning? #456 Mix and Match Your Own E-Learning Challenges #457 Creating Roulette & Spinning Wheel Games in E-Learning #458 Using Photo Mosaics to Design Interactive Stories #459 How Are Designers Using Toggle Buttons in E-Learning? #460 Audio Interviews with E-Learning Challenge Heroes #461 Moving Beyond E-Learning's Next Button #462 How are Designers Using Progressive Disclosure in E-Learning? #463 How are Course Designers Using Labeled Graphics in E-Learning? #464 Converting Classroom Activities to Interactive E-Learning #465 Before-After: Accessibility Makeovers in E-Learning #466 Creating Immersive Learning Experiences with 360° Images #467 How are You Using Drag-and-Drop Interactions in E-Learning? #468 How I Became an E-Learning Instructional Designer #469 Building E-Learning Games: Concept & Storyboard #470 Building a Working Prototype for Your E-Learning Game Concept #471 E-Learning Game Design: Development & Review #472 E-Learning Games Inspired by Popular TV Quiz Shows #473 What do E-Learning Designers Need to Know About Working with SMEs? #474 Using If-Then Scenarios in E-Learning #475 Designing Accessible E-Learning Course Starter Templates #476 How Can AI Assistant Speed Up Content Creation & Unleash Creativity? #477 How Can E-Learning & Instructional Designers Showcase Their Work? #478 Creating Step-by-Step Tutorials for Your Favorite Apps #479 Give Your E-Learning Designs a Halloween Makeover #480 Using Style Guides in E-Learning Course Design #481 Designing E-Learning Slides with Asymmetrical Layouts #482 Using Neubrutalism Designs in E-Learning #483 Using Markers to Transform Graphics into Interactive Elements #484 Tips for Crushing Your E-Learning & Instructional Design Interview #485 Making Learning Stick with Worksheets & Job Aids in Online Training #486 Using Pantone's 2025 Color of the Year in E-Learning #487 2023 Challenges Using Pantone's 2023 Color of the Year in E-Learning #444 What Are 10 Things You Wish You Knew When Starting Your Career? #443 Using Background Audio & Music in E-Learning #442 Using Variables to Personalize E-Learning Courses #441 From Faux Pas to Fabulous: Fashion Dos and Don'ts #440 Keep It or Trash It: Drag-and-Drop Sorting Activities #439 Share Your E-Learning Portfolios and Interactive Resumes #438 Choose Your Own E-Learning Challenge (2023) #437 Using Graphic Dividers to Add Visual Interest to E-Learning Courses #436 How Do Course Designers Collaborate in E-learning Development? #435 Using Click-to-Reveal Interaction in E-Learning #434 Using Lightbox Slides for Just-In-Time Learning #433 How are Escape Room Games Used in E-Learning #432 Reducing Text and Bullet Points in E-Learning #431 Using Interactive Calculators in E-Learning #430 What Should E-Learning Designers Know About Alt Text? #429 Using Cinemagraphs and Video Backgrounds in E-Learning #428 Making Complex Information Easier to Read with Plain Language #427 Using Learning Journals to Keep Learners Focused & Engaged #425 Transforming Static Content into Interactive E-Learning #424 Creating Interactions with Button Sets in Storyline 360 #423 Using Isometric Shapes to Create Interactions in E-Learning #422 Using True/False Variables in E-Learning #421 Articulate 360: New Features Challenge 2023 #420 Go from Flat to Phat with the Floor, Wall, & Baseboard Technique #419 Using Motion Graphics in E-Learning #418 Share Your E-Learning Accessibility Makeovers #417 How Are E-Learning Designers Using AI to Build Online Training? #416 Chunking Content with Scrolling Panels #415 How Can Designers Use Interactive Videos in E-Learning? #414 Using Lightbox Slides for Performance Support in E-Learning #413 Making Compliance E-Learning Fun and Engaging for Learners #412 How are Course Designers Using Interactive Sliders in E-Learning? #411 Using Webcam Video with Picture-in-Picture to Connect with Learners #410 How Do E-Learning Designers Show Learner Progress? #409 Using Timeline Interactions in E-Learning #408 Using Microlearning in Rise 360 #407 Using Circle Menu Navigation in E-Learning #406 Using Interactive Audio to Enhance Learning & Engagement #405 Using Google Doodles to Inspire E-Learning Activities #404 Using Accordion Interactions in E-Learning (2023) #403 Using Subtle Background Patterns & Textures in E-Learning #402 Using Tabs Interactions in E-Learning (2023) #401 Using TikTok-Style Videos in Online Corporate Training #400 2022 E-Learning Challenges Using Pantone's 2023 Color of the Year in E-Learning #399 Using E-Learning to Show How Things Work #398 Using Monochromatic Color Themes In E-Learning Design #397 Custom Glossary Interactions in E-Learning #396 Share Your E-Learning Certificate of Completion Templates #395 How to Make the Perfect Fruit Smoothie #394 Share Your Tips for Surviving the Zombie Apocalypse this Halloween #393 Using Variables to Create Question-and-Answer Activities #392 How do Course Designers Build Custom Graphics for E-Learning? #391 Custom Bookmarking and Conditional Navigation in E-Learning #390 New Employee Orientation and Onboarding in E-Learning #389 Using Personality and Social Quizzes in E-Learning Design #388 Using Scrolling Panels to Manage Content in E-Learning #387 Using Brutalist Design in E-Learning #386 Showing Interactive Comparisons in E-Learning #385 Using Pictograms to Design Custom E-Learning Characters #384 Project Management Tips for E-Learning Designers #383 Using Pre-Test Activities in E-Learning #382 Mixology and Beverage-Making Classes with E-Learning #381 Simulating Real-World Activities with Drag-and-Drop Interactions #380 Using Virtual Tours and Field Trips in E-Learning #379 Choose Your Own E-Learning Challenge (2022) #378 Quick and Dirty Image Effect for E-Learning Cover Slides #377 Creating E-Learning Templates from Vector Graphics #376 What Should Course Designers Know About xAPI? #375 Zooming and Magnifying Parts of an Image in E-Learning #374 Course Starter Templates Inspired by Restaurant Menus #373 Using Button Sets to Create Interactive Objects in Storyline 360 #372 Using Labeled Graphics to Create Interactive Pictures in E-Learning #371 How Are Course Designers Using Web Objects for Performance Support? #370 Using Interactive Timelines in E-Learning Course Design #369 Using Progress Indicators to Display Learner Status in E-Learning #368 Using Hints to Guide and Challenge Learners #367 Blurred Backgrounds in E-Learning Course Design #366 Using Video in Quizzes and Scenarios #365 E-Learning Podcasts: Audio Interviews with Course Designers #364 Give Your E-Learning Quiz Results Slides a Makeover #363 Using Tabs Interactions in E-Learning (2022) #362 Showing Email, Chat, and Text Messaging Conversations in E-Learning #361 Using Button UI Kits to Jumpstart E-Learning Course Development #360 Design an E-Learning Template or Interaction for Valentine's Day #359 Create a Custom Table of Contents Menu for E-Learning Courses #358 Using Interactive Charts to Present Data, Facts, and Figures in E-Learning #357 Animated Masking and Cutout Effects in E-Learning Design #356 Using Interactive Dials as Draggable Menus in E-Learning #355 2021 E-Learning Challenges How are E-Learning Designer’s Using the Pantone 2022 Color of the Year? #354 Give Your E-Learning Course an Accessibility Makeover #353 Using Timed Activities in E-Learning #352 Using Design Themes to Create Light and Dark E-Learning Templates #351 Using Accordions to Chunk Info and Reduce Cognitive Load in E-Learning #350 Using Click-And-Reveals to Show More Info in E-Learning #349 How to Succeed as an E-Learning Designer or Freelancer #348 Using 3D Models in E-Learning #347 How are Designers Using Anthropomorphic Characters in E-Learning? #346 Using Font Games to Learn About Typography #345 Using Learning Journals in E-Learning #344 Using Interactive Job Aids and Cheat Sheets in E-Learning #343 Interactive Org Charts in E-Learning (2021) #342 Hospitality Training: How to Set a Proper Dinner Table #341 Share Your Go-To E-Learning Interactions #340 Buzzword Bingo Games for E-Learning #339 Design an E-Learning Course Starter Template for the 2020 Olympics #338 Creating Interactive 360° Images in E-Learning #337 Creating Digital Magazines for Online Learning #336 Showing Before and After Comparisons in E-Learning #335 How are Designers Using Random Number Variables in E-Learning? #334 Share Your E-Learning and Instructional Design Portfolios #333 How to Survive Anything: E-Learning Edition #332 Tiny E-Learning: What Can You Design on a 100x100 Slide? #331 Applying Mayer's Principles of Multimedia Learning in E-Learning #330 Using Video Backgrounds in E-Learning #329 Using Drop-Down Menus in E-Learning #328 Using Image Sliders and Galleries in E-Learning #327 Teaching Math Online with E-Learning Activities #326 Choose Your Own Adventure: E-Learning Edition #325 Interactive Listicles: Top 10 E-Learning and Instructional Design Tips #324 Interactive Coloring Book Activities in E-Learning #323 Creating Visual Stories with Interactive Photo Collages #322 Using Drag-and-Drop Interactions in E-Learning #321 Designing Tabs Interactions in E-Learning (2021) #320 Designing Online Fitness Classes and Training Programs #319 Using the Jump-to-Time Trigger in Storyline 360 #318 Using Interactive Audio Soundboards in E-Learning #317 How are Designers Using Lightbox Slides in E-Learning? #316 Using Interactive Timelines to Present Sequenced Information #315 How are Interactive Maps Used in E-Learning Design? #314 E-Learning Icebreakers: Two Truths and a Lie #313 Let the Knuffle Bunny Help You Combine Photos and Illustrations in E-Learning #312 Using Dials and Sliders to Select E-Learning Characters #311 Using Glassmorphism Designs in E-Learning Course Development #310 Creating Interactive Aircraft Passenger Safety Cards #309 2020 E-Learning Challenges Using the Pantone 2021 Color of the Year in E-Learning Design #308 Top 10 Common E-Learning Interactions #307 Customizing Storyline Interactions for Rise 360 Templates #306 Designing Interactive Online Cooking Classes #305 What Do Course Designers Need to Know About Building Accessible E-Learning? #304 Presenting Opposing Lists in E-Learning? #303 Design an Interactive Graphic or E-Learning Template for the Holiday Season #302 How are Course Designers Using Number Variables in E-Learning #301 Creating Interactive Documents with Sliders in E-Learning #300 Converting Static Content Into Interactive E-Learning #299 Using Animation Techniques to Create Countdown Timers in E-Learning #298 Create Interactive Explanations for the 2020 Tour de France #297 Using Hotspots and Invisible Buttons in E-Learning #296 Can You Pass This 1912 Eighth Grade Examination? #295 Showcase Your Family Pets Using Common E-Learning Interactions #294 How to Notify Learners When to Click the Next Button in E-Learning #293 Using Variables to Compare Learner's Answers to an Expert’s Recommendation #292 Using Interactive Checklists and To-Do Lists in E-Learning #291 Using Summary and Conclusion Slides in E-Learning Courses #290 How to Clone Yourself in an Interactive Video Interview #289 Choose Your Own E-Learning Challenge Topic (2020) #288 Using Interactive Tables in E-Learning Design #287 (2020) Using Persuasion in E-Learning: Why Everyone Should Donate Blood #286 Creating Animated Button Styles and Effects in E-Learning #285 What Do Course Designers Need to Know About the ADDIE Model? (2020) #284 Using Labeled Graphics and Interactive Markers in E-Learning #283 Using Slide Numbers and Pagination in E-Learning Courses #282 Give This Government Ethics Training Course a Makeover #281 How are Badges, Awards, and Achievements Used to Gamify E-Learning? #280 How Do Course Designers Gain Learners’ Attention in Online Training? #279 Creating Dynamic E-Learning with Random Number Variables #278 Share Your Instructional Design Quizzes and Learning Activities #277 Screencast and Share Your Favorite E-Learning Challenge Examples #276 Using Educational Animations in E-Learning #275 Rapid Response Training: What You Need to Know About COVID-19 #274 Using Scrolling Panels in E-Learning (2020) #273 Using Tabs Interactions in E-Learning (2020) #272 Using True/False Variables in E-Learning #271 Using Flashcard and Notecard Interactions in E-Learning #270 Using Gate Screens and Modal Boxes in E-Learning #269 Practice Your E-Learning Animation Skills with Help from Rube Goldberg Machines #268 Using Interactive Screenshots to Magnify Important Details in E-Learning #267 E-Learning Podcasts: Audio Interviews with Course Designers #266 Using Tooltips as Microinteractions in E-Learning #265 Designing Camera Simulators to Learn Photography Basics #264 2019 E-Learning Challenges Design an E-Learning Template Using Pantone's 2020 Color of the Year #263 Share Your Force-Filled Star Wars E-Learning Templates and Examples #262 Using Dials to Design Interactive Infographics #261 Using Sliders to Design Interactive Infographics #260 Course Starters: Design an E-Learning Template for the Holiday Season #259 Using Interactive Video Quizzes and Scenarios in E-Learning #258 Mobile-Inspired Course Navigation in E-Learning #257 Using Webcam Video to Create Interactive Lectures #256 Make an E-Learning Game Out of a Mountain #255 Share Your E-Learning Portfolios with Rise 360 #254 Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253 Using Checklist Interactions in E-Learning (2019) #252 Share Your E-Learning Storyboard Templates #251 How are You Using Text and Images in E-Learning Design? #250 Creating Light and Dark Versions of E-Learning Templates #249 Choose Your Own E-Learning Challenge Extreme Edition #248 Using E-Learning Characters to Engage and Connect with Learners #247 How are Interactive Timelines Used in E-Learning (2019) #246 Designing Custom Quiz Results Slides in E-Learning (2019) #245 Meet the Team and Interactive Org Charts in E-Learning (2019) #244 How Would You Build a Connect Four E-Learning Game? #243 Use Audio, Music, and Sound Effects in E-Learning #242 Soccer Training, Drills, and Examples in E-Learning #241 How are Course Designers Using Crossword Puzzle Games in E-Learning? #240 Online Tennis Training and Instruction with E-Learning #239 Common E-Learning Interactions: Process and Step Graphics #238 Using Interactive Maps in E-Learning #237 Static to Interactive: Transform Infographics into Interactive Graphics #236 Using the Paper Cutout Effect to Design E-Learning Graphics #235 Course Starters: Using Desktop and Office Themed Designs in E-Learning #234 Showing Dialogue and Conversations in E-Learning #233 How are Designers Using 3D Models to Build Interactive E-Learning #232 Interactive Audio: Learn to Play Musical Instruments with E-Learning #231 Course Starters: E-Learning Templates for Leadership Training #230 Reviving the Lost Arts with E-Learning #229 Spot the Difference Games for E-Learning Designers #228 Using Accordion Interactions to Group Related Content in E-Learning #227 Image Zoom and Magnification Techniques in E-Learning #226 E-Learning Games: Snakes and Ladders #225 How are Designers Using Progress Bars in E-Learning? (2019) #224 How are Course Designers Using Text-to-Speech in E-Learning? #223 Using Text Variables to Capture and Display Learner's Name #222 How are Course Designers Using Animated GIFs in E-Learning? #221 Using Web Objects for Performance Support in E-Learning #220 Share An E-Learning Valentine Game, Template, or Interactive Infographic (2019) #219 Quiz: Which E-Learning Character Are You? #218 Share Your E-Learning Game Show Templates and Examples #217 Using Mad Libs to Create E-Learning Word Games #216 Course Starters: E-Learning Templates for Information Technology #215 2018 E-Learning Challenges Using the 2019 Pantone Color of the Year in E-Learning #214 Using Drag-and-Drop for Sequence and Step-by-Step Interactions #213 Course Starters: Academic and Higher Education E-Learning Templates #212 Visual Design Ideas for E-Learning Scenarios #211 Using Interactive Dials and Knobs in E-Learning 2018 #210 Using Jeopardy Games in Online Learning #209 Using Pro-Con Lists in E-Learning to Help Learners Make Better Choices #208 Using FAQ Interactions in E-Learning #207 Using Pre-Test Activities to Tailor Content in E-Learning #206 Using Interactive Sliders in E-Learning 2018 #205 Course Starters: Comic Book Theme E-Learning Templates #204 Can Unboxing Videos Help You Build Better E-Learning? #203 Common E-Learning Interactions: Drag-and-Drop (2018) #202 Using Subtle Animations and Transitions in Your E-Learning Courses #201 How Are You Using Lightbox Slides in E-Learning? #200 Using Tab Navigation to Group Related Content in E-Learning (2018) #199 Designing Escape the Room Puzzle Games in E-Learning #198 Using Badges, Awards, and Achievements in E-Learning Courses #197 Designing Adaptive Learning Paths in E-Learning #196 How Can Learners Choose Their Own Avatars in E-Learning? #195 Designing More Engaging Software Simulations in E-Learning #194 How Are You Using Storyline Blocks in Rise? #193 Using Glossary Interactions in E-Learning #192 Using Interactive Tables to Present Information in E-Learning #191 Designing Interactive Coloring Books for E-Learning #190 Circular Menu Navigation in E-Learning #189 Using Random Number Variables to Create Dynamic E-Learning #188 Top 10 Things You Need Know About E-Learning #187 2017 E-Learning Challenges Design an Interaction to Simulate the Grocery Store Checkout Process #155 Classic Graphic Design Styles and Image Effects in E-Learning #156 Interactive Video Quizzes in E-Learning #157 Storytelling with Animated Text, Images, Sound, and Video in E-Learning #158 Multiple Choice Quiz Makeovers in E-Learning #159 Change Your E-Learning Perspective with Portrait Slide Layouts #160 Creating Device Mockup Templates and Placeholders for E-Learning #161 Share Your Interactive Budgeting Tools, Games, and Financial Calculators #162 Creating Animated Characters in E-Learning #163 Using Drop-Down Navigation Menus in E-Learning Design #164 Custom E-Learning Graphics Using Free Font Icons #165 Record, Edit, and Share Your Own Stock Videos for E-Learning #166 Create a Rotoscoping Animation for Your E-Learning Courses #167 Interactive Office Activities Using Top View Perspective #168 How Are You Using Scrolling Panels in E-Learning? #169 Create and Share Your Own Hand-Crafted Explainer Videos #170 Share Your Course Starter Templates for the Medical and Healthcare Industry #171 E-Learning Noir: Using Only Black and White in Course Design #172 Brain-Training Games, Puzzles, and Exercises in E-Learning #173 Using JavaScript to Create Random Word Generators in E-Learning #174 Record and Share Your Informal Training Videos #175 Using Small Words to Explain How Complex Things Work #176 Tooltips, Hyperlinks, and Explorable Explanations in E-Learning Design #177 Common E-Learning Interactions: Keep It or Toss It Drag-and-Drop #178 Using E-Learning to Teach Foreign Languages #179 Using LEGO Bricks to Design Interactive Lesson Plans in E-Learning #180 Choose Your Own E-Learning Adventure #181 Designing Custom Table of Contents Menus in E-Learning #182 Course Starters: Construction Theme E-Learning Templates #183 Designing Custom Feedback and Results Slides in E-Learning #184 Design an E-Learning Template for the Holiday Season #185 Create an E-Learning Template Using Pantone’s 2018 Color of the Year #186 2016 E-Learning Challenges Add a Little Greenery to Your Next Course with Pantone’s Color of the Year #154 Build and Share Your First Rise Course #153 Combining Text and Images in E-Learning #152 Using Interactive Dials and Knobs in E-Learning #151 Animated Countdown Timers in E-Learning #150 Notecard Interactions in E-Learning #149 Checklist Interactions in E-Learning #148 Accordion Interactions in E-Learning #147 Interactive Timelines in E-Learning #146 How to Secure Your Home Like an E-Learning Pro #145 Slide, Drag, and Hover Past Boring Next Buttons #144 E-Learning Röck Band Challenge #143 What Should E-Learning Designers Know About Gagné’s 9 Events of Instruction? #142 What Should E-Learning Designers Know About Bloom's Taxonomy? #141 What Should E-Learning Designers Know About the ADDIE Model? #140 Give These Top E-Learning Templates a Fresh Makeover #139 Audio Interviews: Share Your Tips for Creating Effective E-Learning Portfolios #138 Share Your Classic E-Learning Board Games #137 Deming's Red Bead Experiment #136 Share Your Go-To PowerPoint Design Elements for Course Development #135 Personalize Your E-Learning Courses with Gamification Techniques #134 Share Your Button Starter Kits for E-Learning Designers #133 Using JavaScript and Articulate Storyline #132 Using Blurred Backgrounds in E-Learning #131 Audio Slideshow Storytelling for E-Learning #130 Choose Your Own E-Learning Challenge Topic #129 Preflight Airline Safety Demonstrations for E-Learning #128 Learning Journals in Online Training #127 Multimedia Learning Principles for Course Designers #126 Gamify Your E-Learning with Scratch-Off Cards #125 Skeuomorphism in E-Learning #124 Course Starter Templates for E-Learning #123 Showing Dos and Don’ts in E-Learning #122 E-Learning Memory Game Makeovers #121 SlideShare Your E-Learning Challenges #120 Dress Your E-Learning to the Nines with a Custom Course Player #119 Creating Labeled Graphic Interactions for E-Learning #118 Design an E-Learning Cover Slide with This Visual Design Tip #117 E-Learning for the Food and Beverage Industry #116 Using Sliders to Create Parallax Effects in E-Learning #115 Zooming and Magnifying Images in E-Learning #114 Anthropomorphic Characters in E-Learning #113 Video and Media Players in E-Learning #112 2015 E-Learning Challenges How Can You Use Pantone's Color of the Year 2016 in E-Learning? #111 Awaken Your E-Learning Force #110 How Are You Using Instructional Design Cheat Sheets? #109 Show Your E-Learning Work with Your New and Improved Member Profiles #108 Give Your Course an App-Style Navigation #107 Make E-Learning the Most Important Meal of the Day #106 How Do You Show Dialogue and Conversations in E-Learning? #105 Build and Promote Your E-Learning Voice Over Portfolios #104 Create an Infographic: What Do You Love and Hate About E-Learning #103 Gamify an E-Learning Course #102 Atsumi: A Look Back at E-Learning’s Most Iconic Character #101 Before and After: Showing Visual Comparisons in E-Learning #100 How Are You Using Branching Scenarios in E-Learning? #99 E-Learning Buzzword Bingo Games #98 Toggle, Switch, and Slide Your Way to More Creative E-Learning Buttons #97 Back to School: Education Templates for E-Learning #96 Using Cinemagraphs in E-Learning #95 Video Interviews: Creating Interactive Experiences in E-Learning #94 Grabbing Attention and Motivating Learners in E-Learning #93 Guided Tours and Course Navigation Instructions in E-Learning #92 Get to Know Your E-Learning Community with Two Truths and a Lie #91 Engage Your Learners with Interactive Conversations #90 Animated Button Styles and Hover Effects in E-Learning #89 Interactive Audio: Using Soundboards in E-Learning Courses #88 Take Your E-Learning on a Summer Fakecation #87 Interactive Maps: Where Do You Live? #86 Wireframes and Functional Prototypes in E-Learning #85 Using Image Sliders and Photo Galleries in Online Courses #84 10 Reaction Gifs For Every E-Learning Challenge #83 Show Us How You Create Online Courses #82 Show Us Your Best Ergonomics Training #81 Can You Pass an Eighth-Grade Science Test? #80 Show Us Your Custom Navigation Menus for E-Learning #79 E-Learning Icons: Show and Share Your Favorite Styles #78 Emoji for E-Learning Designers #77 How Are Course Designers Using Educational Animations? #76 E-Learning Games to Improve Punctuation and Grammar #75 Using Toys for Storytelling in E-Learning #74 Design a Cover Slide for the Oddest E-Learning Course Title of the Year #73 Build and Share Your Own E-Learning Stock Image Library #72 Teaching Math Concepts with E-Learning #71 Sweets for the Sweet: Share An E-Learning Valentine #70 Give Your E-Learning Skills a Checkup With This Medical Template Challenge #69 Champion Tips for Designing Football Training #68 Podcast: How Do Instructional Designers Get Things Done? #67 Creative Invoice Designs for Course Designers #66 E-Learning Makeovers: Designing A Unified Template #65 2014 E-Learning Challenges Present Data Using Interactive Charts and Graphs #64 What Can You Do with Pantone’s Color of the Year? #63 How to Survive the E-Learning Holidays #62 Top Tips for E-Learning Freelancers #61 Using Progress Meters in E-Learning #60 E-Learning Games for Kids #59 Digital Magazines and Interactive E-Learning #58 Preventing Workplace Violence: E-Learning Scenarios #57 10 Things Instructional Designers Don’t Like to Hear #56 Zombie Survival Training #55 Rapid Response Training: Ebola Outbreak #54 Create Your Own E-Learning Characters with Pictograms #53 Using Interactive Sliders in E-Learning #52 Font Games and Interactions for E-Learning Designers #51 Flat Design Graphics for E-Learning #50 Using Webcam Video in E-Learning Courses #49 Storyboard Templates for E-Learning #48 Call Center Training in Online Learning #47 Show Us Your E-Learning Portfolio #46 Audio Recording Tips for E-Learning Designers #45 Virtual Tours in Online Training #44 Interactive Org Charts in Online Training #43 Smartphone Video Training for Course Designers #42 Hand-Drawn E-Learning Courses #41 Instructional Design Quizzes #40 Education Podcasts in Online Training #39 Steal This E-Learning Template #38 Spelling Bees and Interactive Vocabulary Quizzes #37 Interactive Step Graphics in E-Learning #36 What’s In Your Course Design Toolkit? #35 Instructional Design Learning Activities #34 Fix Your E-Learning Mistakes #33 Death, Taxes, and E-Learning Mistakes #32 Creative Resume Templates for E-Learning Portfolios #31 What Do E-Learning Designers Really Do? #30 Summary and Resource Slides in Online Courses #29 Top 10 Things Learners Need to Know About Storyline #28 Visual Storytelling with Photo Collages #27 Interactive Screenshots for Online Training #26 Instructional Design Tips That Really Pop #25 Create a Simple E-Learning Game #24 Decision Map to Branching Scenarios #23 Design an Olympic-Themed E-Learning Template #22 Beyond the Basic Drag-and-Drop Interaction #21 Ask Your Learners to Prove They’re Learning with NEXTCHA #20 Screencasts and Software Simulations in Online Training #19 How Are Course Designers Using Characters in E-Learning? #18 Using Interactive Job Aids in E-Learning #17 Creating Custom Drag-and-Drop E-Learning Interactions #16 Create a Radiant Template with Pantone’s Color of the Year #15 Give Your Quiz Results Slides a Makeover #14 2013 E-Learning Challenges Showing Meaningful Comparisons in E-Learning #1 Show Us Your Best Folder Tabs Interactions #2 Gate Screens in Online Courses #3 Flatten Up Your Course Design Skills #4 Desktop and Office Theme Designs in E-Learning #5 Bring This Medical Training Course Back To Life #6 Converting Static Content to Interactive Knowledge Checks #7 Create an E-Learning Template from Clip Art #8 Design an Ethics Course Template with Clipart #9 Shoot Your Own E-Learning Background Graphics #10 Design a Comic Book Theme for Your E-Learning Course #11 Transform Infographics Into Interactive Graphics #12 Rebuild This Interactive Timeline #13Interactive Video Quizzes in E-Learning #157
Interactive Video Quizzes in E-Learning #157: Challenge | Recap Interactive video quizzes can be a highly effective form of media for learning. Using video-based scenarios, demonstrations, and interviews, course designers can embed questions and decision-making opportunities directly into the video. Below are some common ways to present video quizzes in e-learning. Video Interview with Branching Quiz Questions This is one of my favorite examples from the video interview challenge. I really like how this project alternates between presentation and quizzing modes. View the interactive video quiz by Amar Kulshreshtha Interactive Video Quiz This is another great example of video quizzes. The example features full-slide video lessons with the opportunity to challenge the learners throughout the video. The video quiz prompts can be optional or mandatory for learners. View the interactive video quiz by Montse Anderson Challenge of the Week This week, your challenge is to share an interactive video quiz. NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on. Related Challenges We’ve hosted several video-based challenges. You’re welcome to combine challenge topics to share your examples in more than one challenge. Smartphone Video Training for Course Designers #42 Webcam Video in E-Learning #49 Video Interviews: Creating Interactive Experiences in E-Learning #94 Video and Media Players in E-Learning #112 Resources Here are a couple articles and tutorials that will help you get started with this week’s challenge. How to Create Interactive Video Quizzes in E-Learning Interactive Video Made Easy Last Week’s Challenge: Before you quiz up for this week’s challenge, take a few moments to check out the amazing photo editing styles and effects your fellow community members are using in their e-learning courses: Stock Photo Effects in E-Learning #156: Challenge | Recap Wishing you a great week, E-Learning Heroes! New to the E-Learning Challenges? The weekly e-learning 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. Need help hosting your files? You can use our Dropbox file request link to send me your zipped output: https://www.dropbox.com/request/jrqHXAxWwbts234Y4xak. Please include your first and last name and challenge number in the file name: DavidAnderson_122.zipShow How You're Using AI to Create E-Learning Courses #452
Using AI in E-Learning Design #452: Challenge | Recap When it comes to e-learning, today's authoring apps make it easier than ever to build interactive training. But here's the thing, even with today's modern apps and rich feature sets, building great learning experiences still takes time and expertise. You've got to juggle mastering new content, nailing the visual design, and doing it all under tight or unrealistic deadlines. Sounds familiar, right? Now, this is where AI apps can be game changers by helping you do more with less. So, whether you're generating quiz questions and feedback, animating characters, or transforming text into captivating images, there's likely an AI-based app that can help speed up production. And that's what this week's challenge is all about. Challenge of the Week This week, your challenge is to share an example that shows how AI can be used to create e-learning. When you post your example, please briefly describe the app(s) you used to create your demo. ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you add your new AI demo to your e-learning resume, check out the creative portfolio ideas your fellow challengers shared over the past week: E-Learning Portfolios for 2024 RECAP #451: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 📅 Next Week’s Challenge Challenge #453 (03.08): Using dials in e-learning. If you're new to dials, you should check out next week's dials webinar to get an overview of dials and how they work. Challenge #454 (03.15): Using variables in e-learning. This variables challenge will be different because you'll be asked to share a demo that uses all three variables. 🚨 Contact Information Just a quick heads up – if you want your blog, website, or LinkedIn included in our recap posts, could you do me a favor and add or update those links onto your ELH profile sometime this week? I found some broken links last week when I pulled the recap together. You spend a lot of time building creative examples, and your work deserves all the attention it can get. If you make changes, please let me know in the comments below. Thanks!Reviving the Lost Arts with E-Learning #229
Lost Arts and Forgotten Skills #229: Challenge | Recap Lost arts are traditional skills and practices that were once essential for daily life or survival but have faded from common use due to modern technology, industrialization, and changing lifestyles. These skills often reflect a deep connection to resourcefulness, craftsmanship, and cultural heritage. Challenge of the Week This week, your challenge is to share an interactive example or tutorial that highlights one or more skills that qualify as lost arts. Last Week’s Challenge: Before you relearn the skills of our forefathers, check out the observation games your fellow challengers shared over the past week: Spot the Difference E-Learning Games #228: Challenge | Recap Wishing you a found week, E-Learning Heroes! New to the E-Learning Challenges? The weekly e-learning 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.20 Interactive Band Sites from E-Learning Röckstars #143
E-Learning Röck Band RECAP #143: Challenge | Recap This week’s challenge asked course designers to design an interactive website for their e-learning band. The entries include some of the most creative, kick axe e-learning examples shared in three years of challenges. Tracy Carroll View project | Learn more | Tracy Carroll | Website | @1tracycarroll Joanna Kurpiewska View project | Joanna Kurpiewska | Website | @elearningjoanna Carlene Barton View project | Download | Carlene Barton | @Gigglefairy86 Veronica Budnikas View project | Learn more | Veronica Budnikas | Website | @verobudnikas Alexander Salas View project | Alexander Salas | Website | @stylelearn Natacha Wouters View project | Natacha Wouters Dan Sweigert View project | Dan Sweigert | Website | @elearningwdan Manta Kripotos View project | Manta Kripotos Richard Watson View project | Learn more | Richard Watson | Website | @rwatsonID 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, try using #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Interactive Rock Band Examples! The E-Learning Röck Band 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 Tabs Interactions in E-Learning #448
Using Tabs Interactions in E-Learning #448: Challenge | Recap Tabs interactions are one of the most popular features in e-learning. They are very flexible and can be designed in many different ways. Tabs are popular because they let learners explore groups of content without leaving the current slide. There is no need to jump around between different slides or scenes. 2022 tabs examples | 2023 tabs examples If you are new to e-learning or just starting with Articulate Storyline 360, tabs interactions are a great way to learn the basics. You will get to know slides, states, layers, and triggers while building something fun. We use tabs-style activities all the time in our workshops, webinars, and tutorials. They are simple, flexible, and very effective. This week’s challenge is all about creating your own tabs interaction. 🏆 Challenge of the Week This week, your challenge is to share an example that shows how tabs interactions can help organize and group related content in e-learning. Share Your Project Files! It’s no secret community members love freebies! It’s also no secret that the challenges are one of the most visible ways course designers get their work in front of the community. If you’re up for it, please consider including a download along with your example this week. E-Learning Challenges Creating Tabs Interactions in E-Learning #401: Challenge | Recap Webinars How to Build Tabs Interactions in Storyline 360 ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on x or LinkedIn, try using #ElearningChallenge so your peeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you get started on this week’s tabs interaction, check out the creative examples from last week’s spotlight masking challenge: Draggable Spotlights in E-Learning RECAP #447: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning 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. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 📅 Next Week’s Challenge Challenge #449 (02.09): Emphasis animations. You've been asking for this, and now it's here! Show us how you're pulsing, shaking, teetering your slide objects to life. Challenge #450 (02.16): Using Themes, Templates, & Slide Masters. Another basics challenge, only this week we're looking at under-the-hood features to help us work faster in Storyline 360 and PowerPoint. Rise 360 users can show their before-after examples using themes and block templates. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback: https://bit.ly/ElearningChallengeForm.Hospitality Training: How to Set a Proper Dinner Table #341
How to Set a Dinner Table #341: Challenge | Recap Simulating Real-World Activities in E-Learning Table-setting activities are a great way to give learners a chance to try new tasks or processes in a realistic way. They're also an ideal way for course designers to practice building real-world activities. In this example, learners click each utensil to place it on the table. After placing the utensil, learners drag and drop the item to its correct location. This activity isn't designed as a regular quiz, so there's no correct or incorrect feedback. Instead, feedback is available in a hint button that lets learners compare their work with an expert's recommendations. View and download the example Challenge of the Week This week, your challenge is to share an interactive example that teaches learners how to set a table. Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own thread and share a link to your published example.. Personal blog: 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. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you set this week's challenge, check out the go-to e-learning interactions your fellow challengers shared over the past week: Common E-Learning Interactions RECAP #340: Challenge | Recap New to the E-Learning Challenges? The weekly e-learning 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.Why & How To Participate in the Weekly Challenges on E-Learning Heroes
Did you know that every week here on E-Learning Heroes our very own David Anderson challenges community members to build mini-projects around a different theme? Well, if you didn’t—now you do! Keep reading to find out why and how to participate. Why participate? There are so many great reasons to participate in the E-Learning Challenges. Here are a few: Grow your skills. Whether you’re new to e-learning or a seasoned professional, it’s important to continuously grow your skills to stay up-to-date with current practices and trends. Participating in the weekly challenges not only allows you to build projects that might be outside your comfort zone and get feedback from others, but it also gives you a chance to see their work and glean inspiration from it. Build your portfolio. Even if you’re not currently looking for work, it’s important to create and maintain a portfolio. After all, you never know when an exciting opportunity might pop up! One challenge with e-learning portfolios is that often the e-learning courses you create for work are confidential and therefore can’t be included. The challenges give you an opportunity to create a variety of projects you can show prospective clients and employers to showcase your skill set. Expand your network. While some people participate in the challenges more sporadically, many of the participants are the same from week to week. Joining in the challenges is a great way to get to know other e-learning professionals and build relationships with people who can help you grow your skills and advance your career. Boost your visibility. When organizations are searching for e-learning designers, the internet is the first place they’ll look, so establishing an online presence is key. Participating in the challenges regularly is one way to boost your visibility and increase the chances that your name will come up in search results. Have fun. When you’re building courses for clients, you can’t always do things exactly the way you’d like to. The challenges are a great place to let your creativity run wild and have a little fun. How to participate Now that you know why you should participate, you might be wondering how to join in. It’s supereasy! Just follow the steps below: 1. Check out the challenge article Hover over the Learn tab in the navigation bar and scroll down to E-Learning Challenges. This will take you to the E-Learning Challenges hub, where you can click on the current week’s challenge—which is always featured at the top of the page: And if you’d like to participate in a previous week’s challenge, you can do that too! Just open the full list of challenges and click on one that interests you. 2. Read the challenge description Take a minute to read through the challenge and get a feel for what it’s about. Often there are a couple of examples to get your creative juices flowing. 3. Create your project Once you’ve got a handle on the challenge, it’s time to start working on your project. You can spend as much or as little time as you want on it—so no need to create a full-fledged course or stay up all hours of the night getting it done. Just sit down and see what you can bang out in the time you have—whether that’s 30 minutes, an hour, or half a day! 4. Add a comment When you’re done, simply add a link to your project in the comments section of the challenge article. Easy-peasy! Not sure how to generate a link to your project? If you’re using Articulate 360, simply publish your course to Review 360 and paste the share link in the comments box. Otherwise, you can also publish your course for the web, upload it to a web server, and share that link. It’s up to you! Here are some resources to help you generate a link to your project: Rise 360: Publishing a Course to Review 360 Storyline 360: Publishing a Course to Review 360 How to Get an E-Learning Course Online That’s all there is to it! From there, you can check out other people’s challenge entries and leave feedback if you’d like. But once again—there’s no obligation! And if you want to increase the visibility of your entry, you can start a new thread in the discussion forums, write about it on your blog, or share a post on social media with the dedicated hashtag: #ELHChallenge. 5. Check out the recap (optional) About a week after David posts a challenge, he rounds up all the entries in a separate article to highlight all the projects people have shared—to give them maximum visibility. If you didn’t have time to check out the other entries, the recap is a fast and easy way to do that. To access the recap, you have two options: Go back to the challenge article and click on the recap link he’s added below the article illustration. Go to the E-Learning Challenges hub and click on the recap article directly. It’ll appear below the featured article with the same illustration as the challenge, but with a restart icon instead of a trophy icon: Challenge Recap Wrap-Up So what are you waiting for? Head over to the E-Learning Challenges hub and join in on this week’s challenge. You’ll be glad you did! And remember to follow us on Twitter and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments. This article is part of our E-Learning 101 e-mail course, a series of expertly curated articles that’ll help you get started with e-learning—delivered right to your inbox. You’re only a click away from becoming an e-learning pro! Sign up here to enroll.How I Became an E-Learning Instructional Designer #469
What Instructional Designers Do #469: Challenge | Recap Have you ever tried explaining your job to friends or family, and all you get are those confused looks? Even though our industry is booming, titles like “Instructional Designer” or “E-Learning Designer” are still pretty much a mystery to most folks. It usually leads to a bunch of questions: What kind of education did you need? What exactly do you do? What technologies do you use? Do you build those compliance courses I have to take? And, of course, what do you love about your job? Now, explaining all that can be a bit of a challenge, but it’s also a great way to show off the wide range of skills we bring to the table. And demystifying our profession is what this week’s challenge is all about. 🏆 Challenge of the Week This week, your challenge is to share an example that explains what you do as an e-learning or instructional designer. Your example can be anything from a simple static graphic to a complex interaction. ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: Before you share your e-learning origin story, check out the drag-and-drop interactions your fellow challengers shared: Drag-and-Drop in E-Learning RECAP #468: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning 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. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
