Pick the correct items in the correct order

I've had such a hard time trying to figure out even how to search for what I'm trying to accomplish...

I was trying to create a course in which learners would have to select specific items, in a specific order, and then (and this could be optional I guess) receive a score based on how many correct items they selected in the correct order. To give an example, if I want them to learn the correct steps in a recipe, I'd want them to select the pan first, then add water, then salt, etc. The items matter (and the ability to show that there are MANY possible items from which to choose) and the order that they are added matters. I was trying to accomplish this on one slide, as there were several scenarios and I didn't want 100+ slides. I was also trying to avoid JavaScript, as I am simply creating the functionality and then passing it off to other designers to complete.

Since I haven't been able to figure it out, I resorted to just using a drag and drop with a ton of different drag options on the slide. But I'm still VERY interested in whether or not this is possible and if it can be accomplished using states, triggers, and variables. It seemed easy at first, but I could not wrap my head around how to get everything to work together. 

3 Replies
Allison LaMotte

Hi Debra,

I'm sure that it's possible with the use of states and variables, but it would definitely be more complex. I'm curious: why do you want them to click on things in the correct order instead of drag and drop them into the correct order? I personally feel like it's more beneficial for them to be able to drag them into the correct order because afterwards they can view the list in that order. 

Debra Joiner

I really wanted to create something that would train the brain to complete the steps in the right order quickly, and I don't feel like drag and drop adequately addresses speed. The ultimate goal is for them to be both accurate and fast, but timed dragging interactions have been challenging for us because probably 99% of our learners are using only a laptop with the trackpad to take these courses (no mouse).

At this point, since I've already built the drag and drop, I'm not sure if it will ever be changed to what I envisioned, but I just hoped someone could help me figure out if there is a way to do it without doing it all in JavaScript. It could come in handy for future courses.

Allison LaMotte

I think you could probably do it just with states, variables, and triggers but there would need to be a lot of triggers because you'd have to say, for example for #1, change to state "correct" if the state of all the other buttons is equal to normal, then for #2 change to state "correct" if the state of #1 is equal to correct, then change to state "incorrect" if the state of any other other buttons is equal to selected, or something like that. You'd have to play with it and see exactly how that would play out, but I'm sure it's possible, just complex.