Drag and drop design advice


I would appreciate advice on the design of a drag and drop (please see attached for the content I want to quiz the user on). The idea is to remember which text box goes where.

The user is expected to drag the appropriate description to its category on the diagram but there is so much text and so many items.  I made layers with the text for each item, but that is as far as I've got.

Can you please advise me on how to design a drag and drop for this?


Thank you.

4 Replies
Alison  L.

How about. 

  1. Create a table for your "drops" 
  2. Label rows and columns
  3. Create a rectangle inside one of the "drop" cells to determine your drag rectangles
  4. Drag text rectangle down under table
  5. Ctrl-D each rectangle with an answer
  6. !-- make sure your Layer NAMES make sense to you
  7. Create or copy/paste rectangle into drop "A1" - color/border so you can make it out/place it
  8. Ctrl -D "A1" rectangle to the right (B1) , ctrl-D B1 and drag to right C1
  9. Good time to go to your layer NAMES and call them "Drp-" something
  10. Select the row of 3 rectangles, Ctrl=D and drag those down , that's row B (layer names!)
  11. Select the row of 3 middle rectangles, Ctrl-D and drag those down, that's row C (layer names)
  12. Go to the upper right and select "Convert to Freeform:", select drag & drop.
  13. Go to the Form View and use the drop downs to select each item:

Drag items and drop targets

In the QUESTION tab you "shuffle answers" , but here you can only have 1 "correct" w or w/out points. And I'm not sure if you wanted to get into variables so each right answer earned a point, and track those, but this took me 1/2 hour? And I'll attach the story file. 

Hope that helps!


John Morris

A single drag and drop for all of this would be rather busy, in my opinion.

You might consider having five different drag and drops, for Water, Sanitation, Hygiene, Waste Management, and Environmental Cleaning.  Each would have Basics Service, Limited Service, and No Service to which the text is matched.

This way you could also provide feedback specific to each of the five items right when the learner is looking at the interaction for that item.

Just a thought.