Blog Post

E-Learning Challenges
2 MIN READ

Moving Beyond E-Learning's Next Button #462

DavidAnderson's avatar
7 months ago

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.

✨ 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 Challengers RECAP #461: 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 weekly e-learning challenges in this Q&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.

Published 7 months ago
Version 1.0
  • Having spent almost 8 years in China, I guess the culture kind of sticks with you 😄. So, I’m channeling that experience into my latest project: a digital culture training course with a twist, powered by AI! 💡✨

    In the final product, users can choose their adventure. They can either go with the trusty "click next" button or embark on a mini quest to find the information they need to unlock the next scene. It’s like gamifying learning, and it’s super fun!

    Check out this short intro and share your thoughts 🌏🎓
    https://360.articulate.com/review/content/d9474d9f-4b17-470f-affa-c89782e5e6a9/review
    • Ron_Katz's avatar
      Ron_Katz
      Community Member
      The image is stunning and the interaction works well. The descriptions are clear and useful. The background music sets the scene. Very well done.
    • ThierryEMMANUEL's avatar
      ThierryEMMANUEL
      Community Member
      This cabinet of Chinese curiosities is very interesting, Andreas. I'd like to move and examine each object. According to your explanation, I'm wondering how to get to the next screen (the next room? the next adventure?) by avoiding a next button?
      • AndreasPaul-f25's avatar
        AndreasPaul-f25
        Community Member
        Hey Thierry, thanks for your comment. This is just a small section of the project but you can get to the next room by finding 5 of the clickable items. On the fifth just click anywhere on the screen, then you`ll receive a badge which you can flip and then you automatically land on the next slide.

        I might not work for everyone, thats why I am working on offering both methods in the final project: "click next" and a more immersive approach.
  • wrighs27's avatar
    wrighs27
    Community Member
    Exploring Systemic Blood Flow: From Standing Still to Running
    https://idd.erau.edu/MSHF_640/story.html

    This interactive tool is a part of the Human Physiology and Adaptation course, designed to illustrate the changes in systemic blood flow across different physical states - standing still, walking, and running.

    Users can navigate through the tool using arrow keys or by clicking on an icon to access detailed information. Additional insights into the respiratory and circulatory systems are also provided.

    To enhance user experience, a home/back button is incorporated for seamless navigation.

    Enjoy exploring! 😊
    • Ron_Katz's avatar
      Ron_Katz
      Community Member
      Well designed and informative. I like how the data changes with the well placed slider. The extra details on the circulatory and respiratory systems is a nice bonus. I was fascinated to see that the brain always gets the same amount of blood.
  • This entry presents a historical timeline of key events in the history of medicine through two methods: hover interactions and a slider. The dual approach allows exploration of content by hovering over icons for quick information or using a slider for a chronological journey. This entry exemplifies a dynamic way to move beyond the traditional "Next" button in eLearning design.

    Entry - https://360.articulate.com/review/content/a9093df5-3cc9-4e35-88eb-6b71cf93b19f/review





  • For this entry I designed an engaging and interactive learning game designed to teach young children alphabets in a fun and memorable way : Buzzing for ABCs. I was inspired by my child’s fascination with bees and have incorporated interactions such as clicking, hovering, drag-and-drop and motion paths to steer away from the traditional next button.

    Keep sound on for the best experience.

    https://storage.googleapis.com/snehaselearningprojects/ELH%20462%20Buzzing%20for%20ABCs/story.html
  • Hello everyone. Here is a very simple design where I have replaced the next button with a dial designed to replicate one of the controls on the back of a camera to explain some key aspects of photography. It's still technically a next button but I thinks it fits in better with the subject matter. I have also allowed it to be exploratory - learners can click backwards and forwards. It is a very basic piece of content but I hope it illustrates an alternative to the traditional next button.

    https://360.articulate.com/review/content/96c50e86-f591-41a3-a8ae-324976fe11f7/review
    • wrighs27's avatar
      wrighs27
      Community Member
      Nice, Stephen! Like the photography/camera operation content. 📸
      This does fit well with the subject matter.

      Would be nice to add notches on the dial so the learner knows where to turn. I also suggest adding more instructional text about turning the dial on the aperture, shutter speed, and ISO pages (like you have on the landing page/slide!).
      • StephenTaylor's avatar
        StephenTaylor
        Community Member
        Thanks for your comments. The notches idea is great. I might try and make a more sophisticated version and include your suggestions. This was very much the vanilla version quickly pulled together!
  • Hello heroes! I've been hesitant to share this resource as it's my first e-learning challenge, and I've only recently begun exploring this amazing authoring tool. Essentially, I've replaced the "next" button with the option to click on different images to explore the 7 modern wonders of the world. To go back, users simply need to click on the same image or alternatively, use the back button. Both options are available.
    I would love to hear your feedback!

    https://360.articulate.com/review/content/a473aac3-605c-4e34-b66f-ec88a787983d/review
  • SamiAwan's avatar
    SamiAwan
    Community Member
    you’re really diving into JavaScript lately. Maybe it’s time for another challenge on that topic.