Rapid authoring tools have simplified the creation of eLearning courses to a large extent. However, since most rapid authoring tools are template based, after a point the interactions seem to be monotonous. There is a limit to the presentation patterns that can be created.
In Articulate Storyline, by default, we have some interactions like Click on tabs, Click on images, Slide shows, Click on numbers, etc. These are great interactivities but we constantly endeavor to present information in a different way. As a part of this effort, we experimented with the drag and drop feature. Just as in Click on tabs, images etc., when users drag a tab and drop to a place, they get to see the relevant information. This feature adds variety to the interactivities presented in the eLearning course.
Let’s see the steps we followed to implement this feature.
Take the number of ‘draggable’ items you want(here I take three draggable items, that is, “circle1”, “circle2”, “circle3”), and take one drop area,wherever you want to drop the items to reveal the information.
Take the ‘state’ of the draggable items to identify which items are visited. (Here I take “drop” state for an object).
Here we have two Options.
Option 1: when you drag the item do we show the layer?
Option 2: when you drag the item do we jump to another slide?
Based on the requirement we choose any one of the above options. Here I am choosing option1.
I have taken three layers(“Layer1”, “Layer2”, “Layer3”) and in each layer I showed the respective information.
Now take the number of boolean variables that are equal to the number of draggable iems with the default value as “False”. Here I take three boolean variables (“a”, “b”, “c”).
Now write the triggers as follows “Show layer1 when user drops(dragitem1) object on target(drop area)”.
Also write a trigger to change the respected boolean variable (a) to “true “when user drops (dragitem1) object on target (drop area)”.
Next, we have to change the state of the draggable item into hidden and at the same time show that the item is visited. So we can write trigger in the layers. For the first draggable item, we can write triggers in layer1 as shown in figure.
Apply the same operations (repeat the steps 5 and 6) for the remaining draggable items. Now we should be able to show the information using the drag and drop feature. Click here to see this in action.
Do you think this feature will bring variety to your eLearning course? What is your view? We would like to hear your views.
Subscribe to Our Blogs
Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below: