E-Learning Challenge
932 TopicsUsing Pantone's 2024 Color of the Year in E-Learning #444
Pantone Color of the Year 2024 #444: Challenge | Recap Welcome to PANTONE 13-1023 Peach Fuzz! Pantone announced its 2024 Color of the Year: Peach Fuzz. Pantone describes the color as: “In seeking a hue that echoes our innate yearning for closeness and connection, we chose a color radiant with warmth and modern elegance. A shade that resonates with compassion, offers a tactile embrace, and effortlessly bridges the youthful with the timeless.” What is the color of the year and why is it important? It shows what colors will be trendy in things like fashion, home decoration, and graphic design, helping set the overall style. Designers use it as a source of inspiration to guide their creative choices. Companies and brands use it to give their products a fresh and current design style. E-learning designers looking for trendy colors to use in their projects. Why do an e-learning challenge on a single color? As course designers, you often need to adhere to a company's style guide to ensure your course's look and feel align with the organization's branding requirements. Whether you love or hate it, get ready to see Peach Fuzz everywhere. It'll show up in fashion, beauty products, and even in the design of online courses. Peach Fuzz will be the most popular color in the coming year. This type of design exercise is designed to stretch you by using colors you may not like. And learning to use Peach Fuzz in e-learning is what this final challenge of 2023 is all about! Using the Pantone Color of the Year 2024 in E-Learning View the recommended color harmonies Pantone provides color harmonies for getting the most from this year's color. Here are some ways course designers can use Peach Fuzz in their e-learning projects. Color palette: Use Peach Fuzz to create a cohesive theme color for your course. This could involve using it as a background color or incorporating it into graphical elements such as tooltips, charts, diagrams, and icons. Accent color: Use as an accent color to highlight important information or to draw attention to specific areas on your slide. This could involve using the color in buttons, markers, or other interactive elements. Design element: Use color as a graphic design element to add visual interest to your course. This could involve using the color in monochromatic themes, gradients, or patterns. Color combinations: Use Peach Fuzz in combination with other colors to create a cohesive and visually unique theme. Using with Tints and Shades to Create Custom Color Palettes One of the easiest and safest ways to create a color palette is to start with a base color and use tint and shade values for the secondary colors. Tints: Tints are lighter shades of a color made by mixing it with white. They are used when you want a color to look softer and less intense. Shades: Shades are darker versions of a color made by adding black to it. They are used when you want a color to look more dramatic or elegant than its original strong color. E-learning designers can use tints and shades as a starting point for creating custom color palettes. Here's a quick example I made using one of the slide templates from the Content Library: Creating Custom Colors in PowerPoint with Tints and Shades Creating custom color palettes with tints and shades is a fantastic way to create a cohesive and visually appealing design. Here’s a quick tutorial on how you can create your own tints and shades color palette. View on YouTube | Download the PowerPoint Template 🏆 Challenge of the Week This week, your e-learning challenge is to design a template or interaction using Pantone's Peach Fuzz. You can build anything you like this week. You aim to work from a single color and show how to carry that color across your design templates. 🧰 Resources This is our 11th Pantone color challenge. To get an idea of what course designers shared in previous color challenges, check out the previous challenges: 2014: Radiant Orchid 2015: Marsala 2016: Rose Quartz-Serenity 2017: Greenery 2018: Ultra Violet 2019: Living Coral 2020: Classic Blue 2021: Illuminating 2022: Very Peri 2023: Viva Magenta ✨ 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: To help you nurture and embrace this week's challenge, check out the top things course designers wish they'd known when they started their careers: 10 Things E-Learning Designers Learned RECAP #443: 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 Next week's challenge(Dec 15, 2023): The 2023 challenge season is over, but I'd like your help with a couple of end-of-year roundups. Next week's challenge post will be to share your favorite challenge example of 2023. I'll compile your examples into a "Best of 2023" listicle. Make-up challenge: We need to make up challenge #426 (Barbenheimer) to keep our challenge numbering consistent. We had to remove #426, so I'm reworking the challenge to be more general. It will still follow the format of mixing two distinct design styles. I'll post more on that next week. Challenge recaps: I'm going through every challenge of 2023 to ensure your entries are captured in the recap posts. If you submitted one or more challenge demos but don't see them in the recaps, you can use this form to let me know. I'll have everything current by the end of month. 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.119Views0likes82CommentsBuzzword Bingo Games for E-Learning #339
E-Learning Bingo Games#339:Challenge|Recap Buzzword bingo games offer a playful way to poke fun at one’s industry by highlighting overused buzzwords and catchphrases. Not only do the games give insiders a chance to commiserate over the misuse of meaningful concepts, but they also help newbies identify general terms and areas they should learn more about. It’s a win-win for everyone! Since ourindustry’s largest conferenceis just around the corner, it’s a perfect time to create our E-Learning Buzzword Bingo cards.But first, let's look at some examples of interactive bingo gamesfrom our challenge five years ago. Pantone Color of the Year Bingo How well can you recognize twenty years of Pantone's annual color picks? Give this quiz-based bingo game a try and see how many Pantone colors of the yearyou can recognize. View demo|Learn more|Jackie Van Nice|@jackietrains UKLA Heroes Bingo One of the things I like about the challenge is how the community inspires and supports one another. After viewing Jackie's example,Ridvancreated a version that leveraged layout ideas from Jackie's example. Ridvan's game features a comic-themed design and includes a countdown timer and sound effects. Example| Ridvan Saglam | Website | @rbsaglam Challenge of the Week This week, your challenge is to create an e-learning buzzword bingo card or interaction. Your bingo card doesn’t need to be interactive — static is totally fine if you’d rather work on your graphics skills this week. Just share your bingo card in .pdf format so others can print and play. Possible gamethemes and ideas SME Bingo Course Review Bingo Freelance Bingo Instructional Design Bingo Conference Bingo Project Management Bingo Gamification Bingo 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 ownthreadand 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#ELHChallengeso your tweeps can track your e-learning coolness. Last Week’s Challenge: To help you train for this week’s challenge, check out the interactive 360° image examples your fellow challengers shared in last week’s games: Olympics-Themed Course StartersRECAP#338:Challenge|Recap New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build youre-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos.86Views0likes47CommentsConverting Static Content into Interactive E-Learning #299
Converting Static to Interactive E-Learning#299:Challenge|Recap Challenge of the Week This week, your challenge is to take a static content slide and convert it into each of the six freeform question types. The only new content you should add to the freeform questions is instruction and feedback. You shouldn’t have to create new content to make the questions work. Resources In this course, learn what you need to know about transforming instructor-led training activities into attention-grabbing interactions that motivate students to lean forward and touch the screen. Transform Classroom Training to E-Learning with Articulate 360 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: To help you kickstart this week’s challenge, check out the animated timer examples your fellow challengers shared over the past week: CountdownTimers in E-LearningRECAP#298: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.122Views0likes137CommentsConverting Classroom Activities to Interactive E-Learning #465
Converting Classroom Activities to E-Learning#465: Challenge | Recap Some of the most common questions we get about building e-learning come from teachers moving from traditional classrooms to online teaching. Sure, they have the education and teaching background and find today's authoring tools easy enough to learn. However, their bigger challenge is visualizing how they'll recreate the classroom experience in a meaningful online format. Here are some of the most frequent questions we hear: How can I adapt my classroom teaching strategies to e-learning? How do I overcome the lack of face-to-face interaction? How can I maintain student engagement and accountability? How do I repurpose classroom materials for an online format? How can I effectively assess student performance online? Whether or not you have a background in classroom teaching, you're looking for ways to build better online training. And that's what this week's challenge is all about. Resources In this course, learn what you need to know about transforming instructor-led training activities into attention-grabbing interactions that motivate students to lean forward and touch the screen. Transform Classroom Training to E-Learning with Articulate 360 🏆 Challenge of the Week This week, you have three options for your challenge demo: Rework an everyday classroom activity into an e-learning interaction. When you submit your example, include a description or link to the original classroom activity. Convert any static content (classroom, e-learning, job aid, etc.) into an e-learning interaction. See challenge #424 for more ideas. Share a tip or technique to help teachers move from traditional classrooms to e-learning. This option can be either static or interactive. See e-learning challenge recap #383 for more ideas. ✨ 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 go back to school, check out the labeled graphic interactions your fellow community members shared over the past two weeks: Labeled Graphics in E-Learning RECAP#464: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. 📆 Upcoming Challenges Challenge #466 (06.21): Accessibility Makeovers. See challenge #417 for a general idea of what we’re doing. Challenge #467 (06.28): Using 360° images. See challenge #337 for examples. Challenge #468 (07.05): Drag-and-drop interactions. This will be a general drag-drop challenge, so you can share anything you like.425Views0likes54CommentsTransforming Static Content into Interactive E-Learning #424
Converting Static Slides Into Interactive E-Learning#424: Challenge | Recap How to Make Static E-Learning More Interactive To get good at e-learning, you need to practice e-learning. And by practice, I mean deliberate, repetitive practice that pushes you to try things you normally wouldn’t do in your daily work. A simple way to practice interaction design is to take a typical e-learning slide and rework the content using different interaction types. Storyline’sconvert to freeform optionoffers six super easy ways to transform slide content into interactive slides. The process is the same for each question type, so it’s really up to you to choose the interaction type that best suits your new question. Technically, there’s nothing challenging about using convert to freeform. You design your slide, click a button, and select the choices and feedback. That’s easy. The challenge lies inseeingthe different ways to present your static content interactively. Because you’re working with existing content, the context for the activity is already in place; you simplyreframe the content into a meaningful question. Here’s How Convert to Freeform Can Make You a Better E-Learning Designer One of the easiest ways to practice moving static content to something more interactive is to reframe your existing content into the form of a question. This is a great way to create informal, interactive knowledge checks without extending your project’s timeline. Here’s how it works: Begin with your static slide Duplicate the slide Convert the slide to a freeform question Reframe the static content into the form of a question Rinse and repeat for each question type. Challenge of the Week This week, your challenge is to transform a static content slide and convert it into each of the six freeform question types. The only new content you should add to the freeform questions is instruction and feedback. You shouldn’t have to create new content to make the questions work. Resources Storyline 360: Converting an Existing Slide to a Freeform Interaction Transform Classroom Training to E-Learning with Articulate 360 Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a newthreadand 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#ELHChallengeso your tweeps can follow your e-learning coolness. Last Week’s Challenge: Before you dive into this week’s challenge, check out the creative ways course designers use button sets in e-learning: Button Sets in Storyline 360RECAP#423:Challenge|Recap New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 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.138Views0likes73CommentsE-Learning Challenges - Complete List!
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 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 Rebuild This Interactive Timeline #13 Transform Infographics Into Interactive Graphics #12 Design a Comic Book Theme for Your E-Learning Course #11 Shoot Your Own E-Learning Background Graphics #10 Design an Ethics Course Template with Clipart #9 Create an E-Learning Template from Clip Art #8 Converting Static Content to Interactive Knowledge Checks #7 Bring This Medical Training Course Back To Life #6 Desktop and Office Theme Designs in E-Learning #5 Flatten Up Your Course Design Skills #4 Gate Screens in Online Courses #3 Show Us Your Best Folder Tabs Interactions #2 Showing Meaningful Comparisons in E-Learning #14.3KViews0likes0CommentsCommon E-Learning Interactions: Process and Step Graphics #238
Step Graphics in E-Learning#238:Challenge|Recap Step graphics (also known as steppers)are interactive explanations that make it easy for learners to sequentially walk through a process, workflow, procedure, or related items. They can be used for all types of learning interactions, from procedural training to interactive storytelling. Navigating Step Graphics Using numeric pagination, step graphics are great for chunking complex information into step-by-step explanations that visually organize each step of a process. One of my favorite step graphic examples comes from the Washington Post. View the step graphic(Requires Flash) Challenge of the Week This week your challenge is to build a step graphic to tell a story or communicate a process. Choose any topic you like and see if you can find creative ways to present the step graphic navigation. Last Week’s Challenge: Before you step up to this week’s challenge, take some time to check out the interactive maps your fellow community members shared over the past week: Using Interactive Maps in E-Learning #237: Challenge | Recap Wishing you astep-tasticweek, 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.210Views0likes141CommentsStorytelling with Animated Text, Images, Sound, and Video in E-Learning #158
Video Presentations and Storytelling #158: Challenge|Recap One of thethings I enjoy most about theweekly challenges is seeing the different ways course designers present content. Looking through the thousandsof examplesusers have shared over the past four years, I noticed that most of the public examples don't look like the typical examples I see behind the scenes when users share their source files with us. And that makes sense because the challenges and Guru contests are an opportunityfor course designers to build something different than what they build in their day jobs. But that doesn't mean there's anything wrong with the typical e-learning courses where text, bullets, and graphics are synced with audio narration. The trickisfinding new variations on that familiar model. And that's what this week's challenge is all about! Syncing Video with Animated Bullets, Text, and Graphics Here are some good examples of animated text and video synced with audio narration. Because the videos don’t include audio, they work as animated pictures that reinforce what the learner is hearing in the audio narration. Example 1 | Example 2 | Example 3 | Dan Sweigert Syncing Text, Graphics, and Images with Audio Narration Here’s an example slide from a series of courses I worked on 10+ years ago. I rebuilt the slide in Storyline 360 to ensure non-Flash users could view the example. The example features animated text, graphics, and photos synced with the audio narration. The on-screen text is minimal and relies on supporting visuals to complement the audio narration. Click image to view the example | David Anderson Challenge of the Week This week, your challenge is to share an example of syncing text, graphics, audio narration, and video in e-learning. You can share any combination of animated elements with audio narration. 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. Resources Tutorials Storyline 360: Syncing Motion Path Animations Storyline 360: Syncing Animations with Audio Examples and challenges Audio Slideshow Storytelling for E-Learning #130 Screencast Challenge: Working with the Timeline and Cue Points Screencast Challenge Recap: How to Use the Timeline and Cue Points in Articulate Storyline 2 General articles Coherence Principle: Less Material For Better Learning Contiguity Principle: Keep Graphics & Related Text Together Redundancy Principle: Should You Duplicate Narrated Text On-Screen? Use Storyline’s Cue Points to Trigger Animations Last Week’s Challenge: Before you synchronize with this week’s challenge, check out the amazing video quiz examples your fellow community members shared over the past week: Interactive Video Quizzes in E-Learning #157: Challenge | Recap Wishing you an animated 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. NOTE: Please don’t use Google Drive or Dropbox to host your projects. Both companies have announced that they’re no longer going to support HTML projects. 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.zip56Views0likes82CommentsE-Learning Game Design: Development & Review #472
Game Design: Development & Review#472: Challenge | Recap Welcome to the third week of our e-learning game design challenge. Last week, you built a working prototype from your storyboard or design concept. This week, you’ll focus on bringing the core elements of the e-learning game together to create a detailed and functional model. Your game should be far enough along to submit for final QA and testing. 🏆 Challenge of the Week This week, your challenge is to share a fully developed version of the game that incorporates all designed elements, interactive features, animations, and multimedia components. Optional: Since this is our last week of development before submitting the final project, let a few friends or fellow challengers play your game and gather feedback in Review 360. It’s the best way to spot any problems and see what people like or don’t like. I know many of you have been gathering feedback all along, but I’d like to highlight the testing and review process this week. Week 1: Concept & Storyboarding Week 2: Design & Prototyping Week 3: Development & Review Goal: Develop a detailed and functional version of your game Deliverables: Apply and refine the visual design elements Integrate the interactive elements, animations, and multimedia components Refine the visual design and user interface to enhance the overall user experience Submit to Review 360 for user testing and feedback (optional but encouraged) Share a link to your project Week 4: Final Testing & Project Submission 🚨 NOTE: Even if you didn’t participate last week, you’re still welcome to join this week’s challenge. Ideally, you’ll complete all four weeks, but any participation is appreciated. Share what you can. 🙌 Last Week’s Challenge: Before you complete your game design, check out the interactive prototypes your fellow challengers shared over the past week: Interactive Prototypes in E-Learning RECAP #471: Challenge | Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 📆 Upcoming Challenges Challenge #473(08.09): Week 4: Final Testing & Project Submission1.6KViews0likes43CommentsWhat do E-Learning Designers Need to Know About Working with SMEs? #474
Working with E-Learning SMEs#474: Challenge | Recap When it comes to building courses, your Subject Matter Experts (SMEs) hold the keys to your success—you can’t do much without them. They’re the folks who not only bring their expertise to the table but also help you fine-tune those storyboards and quizzes and break down the intricate processes that make your training actually work. But here’s the catch: if they’re not fully on board or are dragging their feet, they can quickly become a major headache. The trick is figuring out how to turn those challenging SMEs into your biggest allies. And that's this week’s challenge is all about! 🏆 Challenge of the Week This week’s challenge is to share a short demo or interaction that helps e-learning designers collaborate more effectively with their SMEs. You can take it in any direction you like—whether it’s creating a slide with your favorite quote about working with SMEs, building a microlearning course, or even a whack-a-mole game (SME Edition). ✨ 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 sharing your favorite tips for working with SMEs, take a look at the final examples from the e-learning game show series: E-Learning Quiz GamesRECAP#473:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article.3.8KViews1like87Comments