storyline interactions

Dragging and dropping is perhaps one of the most intuitive functions of a modern user interface. It taps into our brains’ natural expectation of achieving similar results by performing similar actions in the real world. Chances are that if your reading this, you’ve used (or will use) a drag and drop function at some point during this browsing session.

Today we’ve compiled a handful of Storyline interactions that utilize the drag and drop function, all available to download in our Storyline Library.

Process

screen-shot-2016-11-07-at-9-47-02-am

Process is a unique template that is at once futuristic and natural by depicting a mountain range as a group of shaded triangles and a sky with tessellating geometric shapes. It’s like stepping into an android’s conception of a wilderness landscape. Drag the labeled circles to their proper positions in the sequence to complete the interaction.

Diagram

screen-shot-2016-11-07-at-10-28-54-am

In Diagram, learners get to drag the labels to the corresponding parts of sports car. Though this diagram is a tad too simple for the average learner, with a bit of Storyline know-how you might tweak the labels and illustration used to make something a bit more pertinent to your subject matter. Perhaps learners could take a peak under the hood of a car to see its more complex pieces, or labeling a diagram of the human brain. The world is your oyster.

Executive

screen-shot-2016-11-07-at-10-47-42-am

With a worm’s-eye view of Ionic-style Greek columns and stonework, Executive exudes a sense of opulence and high finance.  This drag and drop interaction asks learners to sort a handful of labels into two distinct categories. For instance, you might label the items “Bear,” “Lizard,” “Wolf,” and “Snake,” and ask your learners to separate the labels into “Reptiles” and “Mammals.” As each dragger is dropped into the correct box, it disappears, allowing the learner to focus on what is left.

Find these and other eLearning interactions in the Storyline Interaction Library!

Pin It on Pinterest