Storyline 1: Drag-and-Drop Questions

Article Last Updated

This article applies to:

Freeform Drag and Drop question allows you to add interactivity to objects on the slide by designating drag items and drop targets.  Drag and drop interactions can be used as graded or ungraded assessments.

Step 1:  Insert a Drag-and-Drop Freeform Question

There are a couple of ways you can create a Freeform Drag and Drop question slide.  If you already have some objects on your slide that you want to use as a Drag and Drop question, you can convert it by using the steps in this tutorial.

Or, you can create the slide from scratch by following these steps:

  1. Do any one of the following:
    • Select the Home tab, and click New Slide.
    • Or, select the Insert tab, and click New Slide.
    • Or, in Story View, right-click anywhere in the workspace and choose New Slide.
    • Or, in Normal (slide) View, right-click anywhere in the left navigation pane and choose New Slide.
  2. When the Insert Slides window appears, select the Quizzing tab from the left edge.
  3. Select the Freeform tab at the top of the window, and click the Drag and Drop thumbnail.
  4. Click the Insert button.
  5. Next, you'll need to add objects to your slides so that you can use them as your drag items and drop targets. Storyline will let you know this by displaying a message in the Question panel that says "To edit the question, this slide needs at least two compatible shapes." You can use the Insert tab on the Storyline menu to add objects to your slide. Check out the tutorials here if you need help inserting content.
  6. Once you've added some objects to your slide, click the Edit Drag and Drop button in the Question panel.  This opens the question editor, where you can customize your question.

Step 2:  Identify Drag Items and Drop Targets

When the  Drag and Drop question editor appears, identify the objects that you want to use as drag items and drop targets.  Here's how:

  1. Put your cursor in the Drag Item column, and use the drop-down selector to identify the objects on your slide that you want users to be able to drag.  As you scroll over the items in the list, Storyline marks them with an outline on the slide, so that you can easily see what you're selecting.
  2. Then put your cursor in the Drop Target column, and use the drop-down selector to identify the objects on your slide where you want users to deposit the corresponding drag items you identified in the previous step.  As before, Storyline will mark each item on the slide with an outline as you scroll over them, so you can easily see what you're selecting.
  3. Use the Shuffle drop-down list on the toolbar to turn shuffling on or off.  Shuffling causes the drag items to appear in a random order.

Here are some things to bear in mind as you select drag items and drop targets:

  • Each drag item can be matched to only one drop target.
  • However, each drop target can be assigned to more than one drag item (i.e., you can drop multiple items into the same target).
  • If you want an object on the slide to be draggable even if it isn't part of the correct response (a decoy drag item), select that object in the Drag Item column, and select None in the Drop Target column.
  • On the other hand, if you want an object to function as an incorrect drop target (a decoy drop target), select that object in the Drop Target column, and select None in the Drag Item column.
  • If you need to remove a drag item / drop target combination, click anywhere on that row to select it, and then click the Delete button below the lower right corner of the list area.

Step 3:  Select Drag Item Options

On the right side of the Drag and Drop question editor, there are several options that you can select to change the behavior of your drag and drop scenario:

  • Return items to start point if dropped outside:  Select this checkbox if you want to force drag items to snap back to their original locations when users drop them outside of any targets or when users drop them on the wrong targets.  Then use the corresponding drop-down list to select “any drop target” or “a correct drop target”.
    • Tip:  If you want some items to snap back to their original locations while other items on the same slide do not return to their original locations, go ahead and select this option, and click the Save & Close button on the toolbar to exit the question editor. Then, right-click each of the objects on the slide that you do not want to return to their starting position, scroll to Drag and Drop, and uncheck Drag Return.  These objects will remain on the slide wherever users happen to drop them.
  • Reveal drag items one at a time:  Select this checkbox if you want drag items to only appear one at a time after the previous drag item has been dropped on a target.  Then click the ellipsis (…) button to determine in which order the drag items will appear.
  • Snap dropped items to drop target:  Select this checkbox if you want drag items to snap to drop targets as users arrange them on the slide.  Then use the corresponding drop-down list to select the manner in which items will be tiled or stacked.
  • Allow only one item in each drop target:  Select this checkbox if you want to restrict the number of drag items that can be dropped on a particular target to only one item.  If users drag another item onto an occupied drop target, then the first item will be pushed out of the drop target and replaced with the new item.
  • Delay item drop states until interaction is submitted:  If you use different Drop Correct and Drop Incorrect states for drag items, you may not want these state changes to appear until after users submit the question.  Otherwise, users will know whether they got the question right or wrong even before they click the Submit button.  To delay the drop states from appearing until after users submit the question, select this checkbox.  If, however, you would prefer to give users immediate feedback upon dropping items onto targets, do not mark this checkbox.  (To learn more about states, take a look at this tutorial.)

Step 4:  Enter the Score

  1. Choose one of the following from the Score selector on the toolbar:
    • By Question: This is the default, and it allows you to assign points to the correct and incorrect answer.
    • None: This omits any scoring info from the question. It also removes the need for correct/incorrect feedback. Storyline creates a single feedback message (which you can of course edit) rather than having separate correct/incorrect feedback messages.
  2. If you chose By Question for the Scoring option, now enter values in the Points area of the question editor.

Step 5: Make the Question Required or Optional (Unscored Questions Only)

If you are building an unscored question, use the Require selector on the toolbar to choose User may skip or User must answer. (For graded questions, the Require selector isn’t available, since graded questions require an answer.)

Step 6:  Choose Your Options for Feedback and Branching

In Storyline, you can show your learners feedback after they answer a question—and you can also branch learners to different parts of your course, based on their answers. Here's how:

  1. Choose one of the following from the Feedback selector on the toolbar:
    • By Question: This allows you to set up question-based feedback and branching. For a graded question, you can show different feedback for a correct vs. incorrect answer. For an unscored question, there’s just one feedback message for the question overall.
    • None: Choose this if you don't want any feedback to display and if you don't need to branch the learner to a different place in the course based on how they answer.
  2. If you opt to display feedback, you can edit the feedback text in the Feedback area of the question editor, which appears at the bottom of the question editor (if you chose Feedback By Question), or next to each answer choice (if you chose Feedback By Choice). Or, when you return to the Normal View of your slide, you can make the changes to the feedback layers that Storyline creates for you. To learn more about Layers, see this tutorial. To change the visual design of your feedback layers, check out this tutorial.
  3. For graded questions, you can also include Post-Quiz Review feedback. This feedback appears during the quiz review if you provide your learners with a Result Slide that includes a "Review Quiz" option. In the Post-Quiz Review field at the bottom of the question editor, enter the review feedback you want learners to see.
  4. Now let's talk about branching. By default, Storyline will take the learner to the next slide in your course once they answer your question. But if you want to take them somewhere else in the course, you can do that. Click any More button in the Feedback area, and use the Branch to the following selector to choose the destination.

Step 7:  Assign the Number of Attempts (Graded Questions Only)

By default, Storyline gives learners one attempt at your question. But if they answer incorrectly, you can give them the opportunity to retry. Use the Attempts selector to choose the number of attempts, or set it to Unlimited if you want learners to keep trying the question till they get it right. (The Attempts selector doesn’t appear on unscored questions, since those don’t have a right or wrong answer.)

Some things to keep in mind:

  • If you allow multiple tries, Storyline adds a "Try Again" section to the Feedback area on the question editor. This is the feedback that’ll appear if a learner answers incorrectly. You can make changes to the feedback here on the question editor. Or, when you return to the Normal View of your slide, you can make the changes to the to the “Try Again” slide layer that Storyline creates for you. To learn more about layers, see this tutorial
  • If you want the "Try Again" messages throughout your course to look a certain way, you can make changes to the Try Again feedback layout. For more details, check out this tutorial.

Step 8:  Return to the Normal View of Your Slide

When you're done setting your options on the question editor, click Save & Close. This closes the question editor and returns you to the Normal View of the slide.

If you chose to provide feedback on this question, or if you chose to include a post-quiz review message, you'll see separate layers for each of these in the Slide Layers panel, and you can edit those layers if you like.

This is also where you can customize the default Selected state that Storyline has applied to your answer choices. Find out more about editing States here.

Step 9:  Assign a Result Slide

You can display quiz results at any point in your course by using a results slide. When you create a results slide, you can tell Storyline which questions in your course you want it to use for calculating the results. Find out more about how to create a results slide here.

If you've already added a result slide in your course, you can assign the current question to it like this:  in Normal View, find the Question panel at the right edge of the slide workspace. Use the Results slide selector to choose the results slide to which you want to connect this question.

How Do I Edit My Question Later?

If you need to make changes to your question later, you can go to your question slide and edit the content directly on the slide. If you need to change other things about the question that aren't visible on the slide (such as the scoring, number of attempts, or how feedback is handled), just click the Edit Drag and Drop button in the Question panel that appears to the right of the slide workspace. This opens the question editor where you can make whatever changes you need. Click Save & Close when you're done.

You Might Also Want to Explore:

Adding Result Slides
Adding Graded Questions and Survey Questions
Using Question Banks
Using Feedback Masters
Adding and Editing States