What is a drag-and-drop interactivity?

Drag-and-drop is an engaging and versatile activity type that encourages learners to make logical associations between multiple draggable elements.

A hand lowering a purple puzzle piece into place beside three pink pieces

See drag-and-drop in action

  1. Drag-and-drop: design Level 2

    At Level 2, your drag-and-drop activity allows your learner to provide logical associations between elements with feedback delivered at the end of the activity. The drag-and-drop interface uses simple graphics and matches your organization's brand.

    Open the sample (opens in a new tab)
  2. Drag-and-drop: design Level 3

    At Level 3, your drag-and-drop activity displays life-like objects to your learner for strong correlations between elements. Simultaneously, feedback is delivered throughout the activity as the learner interacts with the interface that matches your organization's brand.

    Open the sample (opens in a new tab)

Considerations for drag-and-drop

Drag-and-drop activities do not comply with accessibility standards for keyboard navigation, though the descriptive text of the activity's interactions that is accessible to screen readers could be included.

Avoid drag-and-drop activities if keyboard navigation is a requirement for the course.

  • Learning benefits

    • An excellent tool to use for labeling, categorization, or organization interactions
    • Can feature text, graphics, and images as draggable elements
  • Usage examples and tips

    • Example: Learners are asked to correctly label the individual sections of a warehouse by dragging and dropping names of the different locations onto an image of a floor plan.

How can we help make your courses interactive?

Tell us what you're working on and we'll suggest where to start. We reply within three business hours.

Smiling woman with shoulder-length blonde hair in a black blazer and teal blouse

Hello, I'm Sonia, and I'm here to help you.

SMB Sales