Blog Post

E-Learning Challenges
2 MIN READ

Simulating Real-World Activities with Drag-and-Drop Interactions #380

DavidAnderson's avatar
4 years ago

Drag-and-Drop Practice Activities #380: Challenge | Recap

Drag-and-drop interactions are a great way to allow learners to practice new tasks or processes—in a realistic way. While drag-and-drop interactions are often used as quizzes with common “Correct/Incorrect” feedback. 

But there’s so much more you can do with freeform drag-and-drops to encourage learners to practice new skills and interact with your content. Let’s take a look at a couple of examples.

Tea Time

This example from Kimberly Bourque Valliere is a good example that uses drag-and-drop to demonstrate how to make the perfect cup of tea.

View the example | Kimberly Bourque Valliere

6 Ways to Customize Storyline360 Drag-and-Drop Interactions

View on YouTube

Challenge of the Week

This week, your challenge is to create a drag-drop example that lets learners practice a real world activity. You can share a previous example or create a new one for this week’s drag-and-drop challenge.

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 drop into this week’s challenge, check out the virtual tour examples your fellow community members shared over the past week:

Virtual Tours in E-Learning RECAP #379: 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

Show Off Your Articulate 360 Projects at DevLearn DemoFest

If you’re planning to attend DevLearn, I hope you’ll consider sharing one of your E-Learning Challenge projects at DemoFest. DemoFest is an excellent way to showcase your project with the e-learning community. You’ll also get to see a wide variety of projects and talk to the designers and developers about how they built them. It’s like a year’s worth of E-Learning Challenge demos in one event.

You can learn more about the conference and DemoFest on the DevLearn website. I hope to see you there.

Published 4 years ago
Version 1.0

147 Comments

    • JulieBIGOT-2793's avatar
      JulieBIGOT-2793
      Community Member
      So many ballots !! Hahaha !
      C'est intéressant de voir la façon dont tu as détaillé le vote par étape, je n'y avais jamais pensé de cette façon.
    • JenniferEdgerto's avatar
      JenniferEdgerto
      Community Member
      This is very creative and super useful, Thierry! Having worked as an election inspector in the past, I can attest that a practice like this for a first time voter would be very helpful for them. It's an intinidating process for some!
    • JodiSansone's avatar
      JodiSansone
      Community Member
      I liked learning about your voting process. I miss voting in person. It made me feel like I was performing a civic duty and made me feel connected to my community because you had to interact with people and see your neighbors voting. Now we just either mail in a ballot or drop it off in a special drop box at city hall. It's like paying a bill or a running an errand.
    • JenniferEdgerto's avatar
      JenniferEdgerto
      Community Member
      I loved how you used Vyond in this challenge, Amar. The feedback at the end was great!
    • JulieBIGOT-2793's avatar
      JulieBIGOT-2793
      Community Member
      Great idea to incorporate Vyond with a drag n drop activity ! I still haven't tried to incorporate Vyond in Storyline to build activities. Maybe for the next challenge !
      • amarkulshreshth's avatar
        amarkulshreshth
        Community Member
        Yes Julie, Its makes more engaging and live when we used Vyond videos in storyline.


  • Hello!

    I have a love/hate relationship with Drag and Drop (see my epic ‘accessibility retrofit’ thread*) – but when done well, with fallback controls, they can really bring a simulation to life.

    Also been a while since I used sound effects in a demo, which work well with Drag and Drop.

    BETTER DRAG ‘N DROP

    Demo: https://bit.ly/elhc380
    • AllisonNowak's avatar
      AllisonNowak
      Community Member
      I've been wondering if there's some sort of work-around for freeform drag and drops that is accessible for users with limited mobility and/or pain from endless clicking. Thanks for building in the keystrokes. They're a good solution.
    • JenniferEdgerto's avatar
      JenniferEdgerto
      Community Member
      This was fun, Jonathan. Thanks for putting my henchmen to work! And for the great tips about using fallback controls.
    • NatalieParker-d's avatar
      NatalieParker-d
      Community Member
      I scanned the lettuce twice, but I couldn't re-scan the ham! Where did you find (or did you create) all the images?
    • AnkitKumar-4b04's avatar
      AnkitKumar-4b04
      Community Member
      Hey David, I really enjoyed the interaction, however I spotted a small bug. When we are moving the items directly to the bag without dropping it near the scanner, then also the bill is getting updated and the "success" prompt is displayed.
      Maybe for each item you can use a variable to keep track of whether it went through the scanner if the variable is updated, then only allow the movement to the bag.
    • JenniferEdgerto's avatar
      JenniferEdgerto
      Community Member
      Nice use of Vyond, Ron! I typically avoid self-checkouts in real life but this was fun!
  • Hey folks! Just a reminder that you can share a previous example if it fits this week's topic.