Common E-Learning Interactions: Drag-and-Drop in E-Learning (2018) #202

Drag-and-Drop Interactions in E-Learning #201: ChallengeRecap

Drag-and-drop interactions are a fantastic way to compel learners to lean forward and interact with the course content. They’re one of the most versatile and engaging interactions because they can be used many different ways. Some common use cases include:

  • Sorting activities where users drag and drop facts into different categories
  • Practicing real-world skills by placing objects into certain positions
  • Process activities that require learners to drag and drop steps into their correct order
  • Navigation activities where users drag and drop objects to navigate from one slide to another

Challenge of the Week

This week, your challenge is to build and share a fresh drag-and-drop e-learning interaction. Drag and drops are always some of the most popular examples and downloads. Feel free to include your source file if you’re able to share.

New Entries Only!

For this week’s challenge, we’re asking you only share new examples. You're welcome to rework an earlier example or come up with something entirely different.

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.
  • Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

Before you drop some sweet new interactions, check out the subtle animation effects your fellow course designers shared in last week’s challenge

Using Animation in E-Learning

Using Animation in E-Learning #201: Challenge | Recap

Wishing you a drag and droptastic 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.

Bridget Donofrio
Jeffrey Riley

David I hate to do this to you, but I am adding one more Drag and Drop example. This one is different because it is not traditional drag n drop. My goal was to have a participant drag an object around the slide to find objects that would become a list. I thought this would be more fun than just reading the list. I also use the Object Intersects trigger instead of drop on. I came up with three different objects to drag and different background to show different ideas. I did note that when building this I had to make the oval objects visible but then make them "invisible" on the slide. I did two examples where you can still see the ovals but one where they are not easy to find. I think there are several other things that could be done with this to make an interesting interaction. ... Expand

Sandra Lowe
Scott Nipper
Rosaria Marraffino
Zsolt Olah
Diana Myers
Rosaria Marraffino
Ron Katz