Blog Post

E-Learning Challenges
2 MIN READ

How Are Designers Using Toggle Buttons in E-Learning? #460

DavidAnderson's avatar
1 year ago

Toggle Buttons in E-Learning #460: Challenge | Recap

🏆 Challenge of the Week

This week, your challenge is to share an example that shows how toggle buttons and switches can be used in e-learning.

You can create a simple example using normal and selected states with button sets or build something more advanced using variables. Let us know if you get stuck or need help with your project.

🧰 Resources

E-Learning Challenge #97:

Video tutorial:

Here's how you can create a toggle button effect using Storyline's 

 

✨ 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 switch to this week’s challenge, check out the creative ways your fellow course designers use photo collages to create interactions:

Interactive Photo Collage Examples RECAP #459: 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 #461 (05.10): Interactive Podcasts. See ELC364 for a related challenge. This time, the questions will focus on the value of working out loud, weekly challenges, and growing your skills.
  • Challenge #462 (05.17): Click. Hover. Drag. See ELC144 for a general idea of what we're doing.

🚨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 1 year ago
Version 1.0

80 Comments

    • ThierryEMMANUEL's avatar
      ThierryEMMANUEL
      Community Member
      I'm curious, Matt. Is the button used to select 1 of 2 different slides from your module (so the start of 2 modules in parallel), or 2 “states” of the same slide. In your opinion, and based on your experience, which is the best choice when you have 100 slides? I would choose (and have chosen) a fork. And you?
      • MRWright's avatar
        MRWright
        Community Member
        I did 2 states of the same slide. If I had to do 100+ I may do it differently, but for the shorter ones I find that two states works fine.
    • Ron_Katz's avatar
      Ron_Katz
      Community Member
      Thanks Thierry, Jonathan, and Thaddaeus
    • Jonathan_Hill's avatar
      Jonathan_Hill
      Super Hero
      The layout reminds me of a classic British gameshow called Blockbusters. Simple but effective toggle design.
    • ThaddaeusSmith's avatar
      ThaddaeusSmith
      Community Member
      I'd love to have a tool like this to identify hiking trails in my area. Very cool sample, Jodi!
    • Jonathan_Hill's avatar
      Jonathan_Hill
      Super Hero
      A great use case for toggle buttons, executed with your usual style.
    • AshiTandon's avatar
      AshiTandon
      Community Member
      Pretty neat. I liked the loading animation a lot.
  • Hello!

    This demo includes a custom-built music on/off switch, and the interaction is comprised of five specially designed toggle buttons.

    You'll discover that certain toggle buttons affect others, and to efficiently pick the lock, you'll need to deduce and adopt a particular strategy.

    LOCKPICK
    Demo: https://bit.ly/elhc460
    Download: https://bit.ly/elhc460dl
    • MRWright's avatar
      MRWright
      Community Member
      Been a while since I had to use that skill set, but good to see I still got it.

      Side note; did you see that the new Frank Turner album dropped today?
    • ChrisHodgson's avatar
      ChrisHodgson
      Community Member
      I do like a good puzzle and this was no exception! The animation and sound effects brings it all together nicely and I like the clever visual effect of the music notes being masked by the slider thumb. 👍