Drag and drop question contains a set of words or short phrases (text items) that the learner must drag into response targets on an image. 

This question type challenges the learners to recall information while also analyzing the challenge at hand in order to apply the information they have recalled. 

How to create a drag and drop question in Easygenerator

  • Select the drag and drop text question from the left-hand panel and add it to a section.

  • Add a question title and instructions. 

  • Upload a background image

    The recommended width is 880px. The image will be scaled in the learner’s view to fit the placeholder. Scrolls may be added for optimal learner experience. Keep the image under 5MB for the best loading speed.

    The "Choose background image" option allows you to upload an image from your computer, your image library, stock images library, or add via the link.

    Also, you can drag and drop an image as well as copy the image from your device with Ctrl+C/Cmd+C, select the image block so it becomes blue, and paste the image here with Ctrl+V/Cmd+V.

    Please note that if you replace the image with this option, the alternative text you added to the image before will disappear.
    NOTE: copy-pasting images is not applicable in the Firefox browser

  • Create text items. Drag and drop the text items to specify their correct positions on the background image. Each item has to correspond to a unique position.

  • Add feedback for correct and incorrect answers.

  • Optional: add a voice-over

Tips for writing good drag and drop questions

  • The question instruction should be direct, meaningful and state a specific problem that focuses on the learning objective. 

  • Make sure that each item has a specific, clear-cut position on the image. 

  • Limit the number of text items to 6. More than 6 items may be confusing.

  • Keep the items parallel, of similar length, and use consistent grammar.

Did this answer your question?