Articulate Storyline: “Drop Correct” and “Drop Incorrect” States

Perhaps you're already familiar with states in Articulate Storyline such as normal, hover, down, visited, hidden, and disabled, but not quite acquainted or aware of two additional object states known as "Drop Correct" and "Drop Incorrect." Let's discuss where, how, and when to take advantage of these states.

First, understand that these states are most useful when you have a "drag and drop" interaction (either as part of a Freeform Quiz slide or in a regular slide that includes a "Object Drop Over" or "Object Drop On" event (When)).

Second, you need to define the "Drop Correct" and "Drop Incorrect" states in the states panel for the objects you need to make "draggable" or "droppable".  Maybe you can include a visual clue (an icon or symbol) that represent a correct or incorrect appearance of the element after it has been dragged and dropped.

 

To take advantage of the newly created "Drop Correct" and "Drop Incorrect," you need to have a "drag and drop" interaction either in a quiz slide or in a normal slide. In a Freeform Quiz Slide, the states are automatically triggered when an interaction is submitted. Let's take a look at a normal slide interaction example.

In the interaction represented in the figure below, each letter object has been defined a "Drop Correct" and "Drop Incorrect" states. In addition to the "draggable" letters. There are two targets (the buckets) where the letter can be dropped.

 

For each draggable letter, two triggers are created that change the state of the element (letter) to "Drop Correct" or "Drop Incorrect" when the element is dropped over the "correct" or "incorrect" targets as shown in the figures below:

 

 

Finally, preview the slide to test the interaction.