Overview

This Articulate Storyline 360 project demonstrates intuitive drag and drop behavior. The arrows interlock with the definitions and the user receives feedback after completing the task. Each arrow is equipped with three states to react to the user's interaction. Motion paths were also incorporated to allow the incorrect answers to return to their starting position if the user needs more opportunities to find the correct definition.

The mockup of this interaction was created using Adobe Xd, allowing for faster prototyping and a more rapid iteration of the final design.