Advanced Assessment Question: Label Image with Drag and Drop
Students can select from a list of potential answers and drag them to the correct response box on the image.
Ethan Kelly avatar
Written by Ethan Kelly
Updated over a week ago

Now that you've started to build an advanced assessment, you may want to add a Label Image With Drag & Drop question.

➡️ Need help getting started with Advanced Assessment first? Click here

In the Label Image With Drag & Drop question, the student drags answers from a list and drops them to the response box positioned on an image.


Article Table of Contents:

Build the Question

If you are creating a new item, select the + Create button on the assessment builder, title the item, then select the Add New plus sign to add a question.

If you are adding to an existing item, simply select the Add New plus sign (as shown above) to add a question to the item.

Next, select the Fill in the Blanks (Cloze) category from the options on the left, then select Label image with drag & drop.

➡️ Step 1: Compose Question

  • Compose Question: Type question prompt into this field.

  • You have many formatting options from the Rich Text toolbar, including changing the font size, adding tables, using math symbols, adding multimedia, and more! Click here for more information on the different functions of the Rich Text toolbar.

  • Image Preview: Select Edit to upload an image as the label template

➡️ Step 2: Add Answer Content

  • Response containers: Drag the numbered response fields into their appropriate positions.

    • Pointers: Choose to add an arrow to any response container. Options are None (default), Top, Right (shown in image above), Bottom, Left.

    • Delete: Removes the selected response container.

  • Possible responses: Type in the desired multiple-choice answers into the fields.

  • Optional Settings:

    • Fill color: Adjusts background color of response container (default is white)

    • Maximum responses per container: Type a number into this field to allow the requisite number of responses allowed in each container (default is 1).

    • Drag handle: Rearrange menu choices.

    • Trash: Delete response option.

    • + Add: Add more possible responses.

Set Correct Answers and Scoring

➡️ Set Correct Answers

  • Point(s) field: Enter the full point value for getting this answer correct (see More options section below for information about Alternate answers)

  • Answer fields: Drag answers from below into the correct fields.

  • Optional Settings

    • Show drag handle: Enables or disables a "handle" icon within each possible response.

    • Transparent possible responses: Enables or disables white text box and black border around each possible response.

    • Duplicate responses: Enable this if answers can be used more than once. For example, if this question was instead intended for students to identify countries based on the predominant language:

➡️ Scoring

  • Exact match (Default): All parts of the answer must be correct to be awarded credit.

  • Partial Match Per Response: Each correct answer will be awarded the full credit designated in the Set correct answer(s) field. (In this example with three answers, awarding 1 point per correct answer, adding up to as many as 3 total points).

  • Partial Match: Each correct answer will be awarded partial, proportional credit designated by the Set correct answer(s) field. (In this example with three answers, 1/3 point per correct answer, adding up to 1 total point).

Student Preview

It's highly recommended to Preview the question before adding it to the assessment. This displays the question as the students will see it and also verifies that the answers and scoring work as expected.

  • Step 1: Select the Preview button to go into Preview mode.

  • Step 2: Answer the question with the correct answers, including alternates.

    • Selecting Show Answers will present the correct answers.

  • Step 3: Verify that the auto-score correctly calculates the point value.

Here is a short clip of this question type from the student's perspective.

➡️ Want to preview the entire assessment? Click here for details.

More Options

➡️ Other Scoring Options

  • Alternate answers: If alternate answers are acceptable, click the + button. Each set of alternates can be valued at different point levels (but Correct must be the highest point value).

  • Unscored/Practice usage: Removes point value for this question.

  • Check answer button: Adds a button that allows students to check if their answers are correct.

  • Penalty points: Rather than not receiving credit for incorrect answers, an incorrect answer will deduct points instead.

➡️ Layout

  • Response container position: Establishes the position of the response container relative to the image. In this example, the default Bottom position is shown.

Learnosity Resources

Next Steps

Copyright © Learnosity Ltd. 2006-2022

Did this answer your question?