Moving Beyond E-Learning's Next Button #462
Beyond the E-Learning Next Button#462: Challenge | Recap The “Next” button often gets a bad rap in e-learning. It’s commonly associated with linear, information-heavy courses that promote passive learning, leading learners to click through screens without truly engaging with the content. To be fair, the blame doesn’t lie with the Next button itself. Blaming the Next button for boring e-learning is like blaming the Play button for a boring video. For course designers, a good design exercise is to reimagine course navigation without relying on the ubiquitous next button. How would your learners navigate forward and backward? Can you integrate the course content into the navigation? Can interactive objects like sliders, dials, or text-entry fields be used in place of next and back buttons? 🏆 Challenge of the Week This week, your challenge is to show alternatives to using the next button. You can create something new or rework an existing project. Please include the original with your entry if you modify an existing project. Seeing both examples will help users connect the dots between where you started and where you finished. And if you have time, create multiple variations to show how clicks, slides, hovers, drags, and typing can advance learners through the course. 🧰 Resources Check out e-learning challenge #144’s examples to get an idea of what designers came up with in a related challenge. Slide, Drag, and Hover Past the Next Button #144: Challenge | Recap Using Circle Menus in E-Learning #406: Challenge | Recap Interactive Documents with Sliders #300: Challenge | Recap ✨ 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 slide into this week’s challenge, check out the audio interviews your fellow challengers recorded in last week’s challenge: Interviews with E-Learning ChallengersRECAP#461: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 weekly e-learning challenges in thisQ&A post. 📆 Upcoming Challenges Challenge #463 (05.24): Using progressive disclosure in e-learning. Challenge #464 (05.31): Labeled graphics and interactive markers 🚨 2024 Articulate User Conference Call for Proposals We’re now accepting proposals for this year’s in-person user day conference co-hosted at DevLearn in Las Vegas.Learn more about the proposal process.137Views0likes111Comments16 Navigation Examples That Skip the Next Button #462
Beyond the Next Button RECAP #462: Challenge | Recap This week's challenge asked course designers to show alternatives to using the next button. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Thaddaeus Smith Example | Thaddaeus Smith | Website Jeffrey Riley Example | Jeffrey Riley | Website Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL | Website Lee Rhyne Example | Lee Rhyne Ron Katz Example | Download | Learn more | Ron Katz | Website Samuel Apata Example| Samuel Apata | Website | @afrostem Chris Hodgson Example | Learn more | Chris Hodgson | Website | @skriss Laura Hansen Example | Laura Hansen Anna Piasecka Example | Anna Piasecka eLearn Dev Example | Learn more | eLearn Dev Andreas Paul Example | Andreas Paul Sean Wright Example | Sean Wright Rebecca Horne Example | Rebecca Horne Jayashree Ravi Example | Jayashree Ravi | LinkedIn 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 write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Next Button Alternatives Examples! The next button 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.54Views0likes0CommentsCreate a Custom Table of Contents Menu for E-Learning Courses #358
Creating Custom Menus in E-Learning#358:Challenge|Recap Create a Custom Table of Contents to Help Learners Navigate Through the Course Today’s authoring tools make it easier than ever to customize how the menu looks and where it’s placed in the course player. But there will be times when designers want to move beyond the default menu options and design their own course menu. While DIY menus take longer to design and implement, they’re worth the time if they help learners get more from their training. And that’s what this week’s challenge is all about. Moving Beyond the Default Player Menu Storyline’s menu options on the Player Properties window allow you to control how the player menu appears in your published course. This is a classictable of contents–style menuthat provides all the functionality most courses need. Using a Table of Contents Style Menu When you want even more control over your menu design’s fonts, colors, graphics, bookmarking, and types of menu information, you’ll need to create everything yourself. The good news is: tools like Storyline make this really easy! Challenge of the Week This week, your challenge is to share an example of a custom table of contents menu. You don’t need to build out a real project this week. Use placeholder slides and content to allow more time for your custom table of contents menu. 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. 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. Last Week’s Challenge: Beforeyou visualize custom menu ideas, check out the creative ways course designers use interactive graphs and charts from last week's e-learning challenge: Interactive Chart and Graph ExamplesRECAP#357:Challenge|Recap26Views0likes208CommentsUsing Timeline Interactions in E-Learning #408
Interactive Timelines in E-Learning#408: Challenge | Recap Timeline interactions are a great way to condense a large amount of information into a simple slide while providing our learners a visual way to experience the content. Timeline interactions, like tabs, are similar in that they provide course designers with a visual way to organize and present information. However, there are some differences in how each interaction is designed. While tabs interactions present related content in a non-linear way, timeline interactions present a sequence of content chronologically. Learners can still pull content non-linearly, but the content should follow a chronological order of events or milestones. Challenge of the Week This week, your challenge is to share an example that shows how interactive timelines can be used in e-learning. Related Challenges Interactive Timelines in E-Learning #315: Challenge | Recap Interactive Timelines in E-Learning #246: Challenge | Recap 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 make time for this week’s challenge, check out the microlearning examples your fellow community members shared over the past week: Microlearning in Rise 360RECAP#407: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. Next Week’s Challenge & Supporting Webinar Next week's challenge #409(Mar 17, 2023): Showing Progress in E-Learning #409. Supporting webinar(Mar 14, 2023):How To Build a Progress Bar in Storyline 360. 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.70Views0likes174CommentsUsing Circle Menu Navigation in E-Learning #406
Using Circle Menus in E-Learning#406: Challenge | Recap Circular menus are a great option when you want to provide users with an intuitive and stylish way to present navigation options in a compact format or when screen space is limited. By using a circular layout, designers can present a large number of options in a compact space without cluttering the screen. This makes circle menus an ideal choice for apps (or e-learning courses) with a lot of features or options that need to be easily accessible to users. Let’s explore a few examples. Circle Menu Navigation In this example from Dave LeFevre, learners click the menu button to reveal the circular arrangement of menu options. View the example | Download the source Circle Menu with Masking Effect In this example from Montse, a folder graphic is used as the starting point for the menu options. I like how the folder graphic was layered to mask the animated menu items. View the example | Download the source file Circle Menu In this example, Jackie’s circle menu features menu items nested under the starting button. In addition, I like how the menu features a selected state that remains persistent even after the menu is closed. That’s a nice touch. View the example | Learn more about this project Challenge of the Week This week, your challenge is to create a circle menu example to show how they can be used in e-learning courses. Your example can be static or animated. In most cases, animated menus will require variables. If you need help or get stuck this week, jump into the forums and let us know. Related Challenge For more ideas of what's possible, check out challenge #189and the recap post. 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: While you’re looking over this week’s challenge menu, take a few moments to check out the interactive audio examples your fellow community members shared over the past week: Interactive Audio in E-LearningRECAP#405: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 Next week's challenge(3/4/23): New Feature Challenge: Microlearning in Rise 360. With the new microlearning feature in Rise 360, you can create bite-sized, single-objective training easier than ever. See this user guide article for more on this new feature. 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.17Views0likes266CommentsUsing Interactive Dials as Draggable Menus in E-Learning #355
Using Interactive Dials for Navigation#355:Challenge|Recap Interactive knobs and dials are a great way to simulate real-world objects and tasks in your e-learning courses. To see how course designers use interactive dials, check out the examples in this challenge recap. But what happens when the dial uses a custom graphic or image and is scaled well beyond the slide size? Let’s take a look at a couple of examples. Dials as Draggable Menus In this example, the dial is filled with a custom image and scaled well beyond the slide size. This creates an excitingapproach to menu navigation. View the project | Joanna Kurpiewska Dials as Draggable Timeline Interactions Here’s another example using similar techniques. In this case, the custom dial is a circular timeline interaction that lets learners drag through a series of dates. View the example | Eric Chamberlin Challenge of the Week This week, your challenge is to share an example that shows how custom dials can be used fordraggablenavigation. Resources You can learn more about working with Storyline’s dials in the following articles and webinars. Storyline 360: Working with Dials How I Designed This Interactive Dial Matrix Using Dials to Design Interactive Infographics #261 Webinar: Using Dials in Storyline 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: Before you dial into this week’s challenge, check out the colorful ways designers are using Pantone’s 2022 color of the year in e-learning: Pantone's 2022Color of the Year RECAP #354: 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.55Views0likes80CommentsHow Do E-Learning Designers Show Learner Progress? #409
Showing Progress in E-Learning#409: Challenge | Recap Progress bars are a great way to help learners stay on course by highlighting what they've completed and how far they have left to go. As course designers, you have many ways to display learner progress. There arebars,gauges,badges,page numbers, and more. Progress designs can be playful, functional, or visually aligned with the course content. No matter which design approach you use, keeping learners on track is what this week's challenge is all about! Challenge of the Week This week, your challenge is to show how progress indicators can be used in e-learning. Related Challenges Using Progress Indicators in E-Learning#368:Challenge|Recap\ Badges and Awards in E-Learning Courses #280:Challenge|Recap Using Progress Bars in E-Learning#224:Challenge|Recap 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 progress through this week's challenge, check out the interactive timelines your fellow community members shared over the past week: Interactive Timeline ExamplesRECAP#408: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. Next Week’s Challenge Next week's challenge #410(Mar 24, 2023): Webcam Video Presentations. That's only a working title. We're looking for webcam video presentations to highlight a project or technique you used in a course. Seethis example from Kateto get an idea of what the challenge will be about. 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.16Views0likes87Comments20+ Ways to Show Learner Progress in E-Learning #409
Showing Progress in E-Learning RECAP #409: Challenge | Recap Discover more than 20 ways course designers show learners' progress to help them feel motivated and empowered. Examples include progress bars, gauges, badges, and much more. Jonathan Hill Example | Download | Learn more | Jonathan Hill | Website | @DevByPowerPoint Jessica Susila Example | Jessica Susila Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Karlis Sprogis Example | Download | Karlis Sprogis | Website | @fastercourse Ron Katz Example | Learn more & download | Ron Katz | Website Mark Livelsberger Example | Mark Livelsberger Rachel Moore Example | Rachel Moore Robert Roberts Example | Robert Roberts Mallory Kudrna Example | Mallory Kudrna Norka O-Alcocer Example | norka o-alcocer Sarah Haage Example | Sarah Haage Ange CM Example | Ange CM Maren West Example | Maren West Daniel Canaveral Example | Daniel Canaveral Stephen Taylor Example | Learn more | Stephen Taylor | Website Rema Merrick Example | Rema Merrick | Website Kate Golomshtok Example | Learn more | Kate Golomshtok | Website Jackie Matuza (Upstream) Example | Jackie Matuza | Website Hilla Schlegel Example | Hilla Schlegel Kagan Love Example | Kagan Love | Website Emily Robinson Example | Emily Robinson Ilvija Culkstena Example | Ilvija Culkstena 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. And if you share your demos on Twitter, please include #ELHChallenge so your tweeps can follow your e-learning coolness. Share Your Progress Bar Examples! The 2023 progress meters 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.12Views0likes0Comments30+ Interactive Timeline Examples in E-Learning #408
Interactive Timeline Examples RECAP #408: Challenge | Recap Discover more than 30 ways course designers use interactive timelines to provide learners with a visual way to present a sequence of content chronologically. Alistair McWiggan Example | Alistair McWiggan Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Mark Livelsberger Example | Download | Mark Livelsberger Karlis Sprogis Example | Download | Karlis Sprogis | Website | @fastercourse Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Ron Katz Example | Download | Ron Katz | Website Jessica Susila Example | Jessica Susila Ciara Lynch Example | Ciara Lynch Sarah Eckert Example | Sarah Eckert Robert Roberts Example | Robert Roberts Thierry EMMANUEL Example | Thierry EMMANUEL Hannah Radant Example | Hannah Radant | Website Daniel Canaveral Example | Daniel Canaveral Elizabeth Pawlicki Example | Elizabeth Pawlicki Hilla Schlegel Example | Hilla Schlegel Norka O-Alcocer Example | norka o-alcocer Rachel Moore Example | Rachel Moore Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Stephen Taylor Example | Stephen Taylor | Website Rema Merrick Example | Download | Rema Merrick | Website Zynthia Martinez Example | Zynthia Martinez Megan Clark Example | Megan Clark Ciara Lynch Example | Ciara Lynch Sarah Haage Example | Sarah Haage Kate Golomshtok Example | Kate Golomshtok | Website Amanda Voydetich Example | Amanda Voydetich Novitus Solutions Example | Novitus Solutions Ange CM Example | Ange CM Yewande Daniel-Ayoade Example | Yewande Daniel-Ayoade Kathleen Callahan Example | Kathleen Callahan Merve Satmaz Example | Merve Satmaz 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. And if you share your demos on Twitter, please include #ELHChallenge so your tweeps can follow your e-learning coolness. Share Your Interactive Timeline Examples! The 2023 timeline 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.23Views0likes0Comments30+ Ways to Use Circle Menu Navigation in E-Learning #406
Circular Menus in E-Learning RECAP #406: Challenge | Recap If you're designing for smaller devices or if you're looking for an intuitive, minimalist menu idea, then circular menus can be a great way to get started. This week's recap features more than 30 ways course designers use radial menus as primary or secondary navigation in e-learning. Jonathan Hill Example | Download | Learn more | Jonathan Hill | Website | @DevByPowerPoint Karlis Sprogis Example | Download | Karlis Sprogis | Website | @fastercourse Mark Livelsberger Example | Download | Voice changer app | Mark Livelsberger Daniel Canaveral Example | Daniel Canaveral Norma Johnson Example | Norma Johnson Jessica Susila Example | Jessica Susila Ron Katz Example | Ron Katz | Website Samuel Apata Example | Download | Samuel Apata | Website | @afrostem Maren West Example | Maren West Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL Alison Sollars Example | Alison Sollars | Website Ciara Lynch Example | Ciara Lynch Hilla Schlegel Example | Hilla Schlegel Hannah Radant Example | Hannah Radant | Website Morten Holdt Example | Morten Holdt Julie BIGOT Example | Julie BIGOT Jackie Matuza (Upstream) Example | Download | Jackie Matuza | Website Ange CM Example | Ange CM Sharon Stahrfisher Example | Sharon Stahrfisher Karishma Vaz Example | Karishma Vaz Michele Moore, PhD Example | Michele Moore Stephen Taylor Example | Stephen Taylor | Website Aman Vohra Example | Aman Vohra | Website Megan Clark Example | Megan Clark Ginger Swart Example | Ginger Swart Robert Roberts Example | Robert Roberts Patrick Dexter Example | Patrick Dexter Richard Watson Example | Learn more | Richard Watson | Website | @rwatsonID Wrenn Corcoran Example | Wrenn Corcoran Kate Golomshtok Example | Kate Golomshtok | Website 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. And if you share your demos on Twitter, please include #ELHChallenge so your tweeps can follow your e-learning coolness. Share Your Circular Menu Examples! The 2023 circular menu 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.8Views0likes0Comments