April 9, 2013
Creating a Drag and Drop Interaction is as easy as 1-2-3
Comments
(13)
April 9, 2013
Creating a Drag and Drop Interaction is as easy as 1-2-3
Pooja works as a Senior Director of Digital Learning at Icertis. She has created several award-winning eLearning courses and authored books and video courses on eLearning tools and technologies. In her previous roles, she worked as a principal eLearning evangelist at Adobe and chief learning geek at a start-up. Pooja is CPTD, and COTP certified. She holds a master’s degree in education & economics and a doctorate in educational technology.
Legend 227 posts
Followers: 24 people
(13)

Gone are the days when you had to do heavy programming to add a drag and drop interaction to your eLearning courses. Now with the new Adobe Captivate 6 update (exclusively available for Subscription and ASA customers) you can create a drag and drop interaction in three simple steps. Just identify the drag object, identify the drop target, and show the relationship.

Drag and Drop Steps

Can’t believe it’s that simple? Watch this short video tutorial by Dr. Allen Partridge creating a drag and drop interaction in less than a minute.

Along with letting the basic workflow to add the interaction be super-simple, Captivate allows you to make some cool nifty modifications to the interaction to suit your requirements. You can create a one-to-one, many-to-one, multiple correct answer combinations, correct answer sequence, count-based assessment, drag and disappear, drag and stack, drag and restrict, drag and list, and many more such customized interactions. You can trigger an advanced action on dropping an object on the target and you can also report the scores for these interactions to your SCORM/AICC compliant LMS. The icing on the cake is that these interactions work beautifully in the HTML5 published courses as well. So, go ahead and create some cool Drag and Drop interactions for your mLearning courses and let them dazzle!

Looking for some ideas and best practices on how to create a drag and drop interaction? Watch this YouTube playlist and get inspired 😉

Need some more training to become and expert with using Drag and Drop interaction? I had conducted a training session on Drag and Drop interaction a few weeks back and will be conducting a follow-up session next week. Here are the details:

Recorded training session: Drag till you Drop! Making eLearning fun with Drag and Drop Interaction – Part 1

Upcoming training session (18th April 2013): Drag till you Drop! Making eLearning fun with Drag and Drop Interaction – Part 2

 

Have fun with the new drag and drop interaction and do share your experience with us. Happy Captivating! 🙂

13 Comments
2013-06-14 01:16:00
2013-06-14 01:16:00

I’m using the new Captivate 7 – and am so excited with all the new features! There is one activity that I’m trying to create, but I’m not sure about advanced actions for the images… I am making a drag and drop activity for the user to name parts of a car (hood, side mirror, windshield, etc), and I have made “cut outs” of each of the items so they look greyed out so as to indicate what’s “missing.” I have text labels for each of the car parts, and I want to make it so that when the user drags the right label onto the right part of the car, the label and the “cut out” disappear and the image (underneath) of the car comes into view. Is there a way so that each time a user drops the label onto the right spot I can make that happen?
Also – I’ve seen the video that shows the example of grouping fruits/vegetables. How do you get it so that each item falls in-line in the bin no matter what order you drop them in?

Like
(1)
(1)
>
Anonymous
's comment
2013-06-14 19:28:00
2013-06-14 19:28:00
>
Anonymous
's comment

Just watched the 2 training sessions (links above) answered all of my questions! Amazing tool!!!!

Like
2013-05-29 08:45:00
2013-05-29 08:45:00

Why did adobe release adobe captivate 4 to 5.5 without drag n drop, when there’s drag and drop feature in captivate 3? I’m sure they discovered that drag and drop will be very useful in the future especially in quizzing, for interactivity.

Like
(1)
2013-05-29 08:40:00
2013-05-29 08:40:00

Its annoying. Buying new version for a little and simple widget. Good thing I knew Adobe Flash!

Like
(1)
2013-05-22 00:59:00
2013-05-22 00:59:00

what is the latest version of Adobe Captivate? I have 6.01.240 but i don’t think that’s the latest

Like
2013-05-17 20:04:00
2013-05-17 20:04:00

I am trying to combine drag and drop with image rollovers. I have a small square in the bottom of each photo with a magnifying glass icon, that when hovered over will display the image at full size. Once the image is dragged to the appropriate location, the rollover box obviously does not move with it, and seemingly hovering over empty space spawns up these giant images, which is very disorienting.
Is there any way to associate a rollover area to an image, so that when the image has been dropped, the rollover removes itself?

Like
2013-05-17 14:07:00
2013-05-17 14:07:00

Please, is the new Drag and drop HTML5 compatible? It would be wonderful.

Like
(1)
>
Anonymous
's comment
2013-05-17 16:25:00
2013-05-17 16:25:00
>
Anonymous
's comment

Yes, it is 🙂

Like
2013-05-14 21:22:00
2013-05-14 21:22:00

I’m about to recommend to a client whether we should use Captivate 6 (which I paid for, along with Captivate 3, 4, 5, and 5.5) or Articulate Storyline in order to create new courses and update old ones (built with Captivate 5.5.) Finding out that I can finally get drag and drop integrated within Captivate, but only if I pay for a new subscription mere months after buying Captivate 6, is not very encouraging. I’ve poked around the site and find a LOT of verbiage about ASA, but no prices. I suppose a phone call is required to get my “personalized” quote?

Like
(2)
>
Anonymous
's comment
2013-05-15 11:01:00
2013-05-15 11:01:00
>
Anonymous
's comment

Hi Mary, I’ll ask someone from our team to reach out to you with the quote.

Like
>
Anonymous
's comment
2013-05-15 11:06:00
2013-05-15 11:06:00
>
Anonymous
's comment

Hi Mary, your email address linked with this message seems to be incorrect. Can you please share your email id with me at pjaising at adobe dot com. Thanks.

Like
2013-04-12 05:53:00
2013-04-12 05:53:00

Please tell me that this will come to those who paid to upgrade to 6.1 at some point? If Adobe starts doing exclusive releases between releases and starts charging, especially after they JUST release 6.1, its really gonna impact their customer relations!

Like
2013-04-10 04:37:27
2013-04-10 04:37:27
Like
Add Comment