Sequence Drag and Drop to a single target

Jul 10, 2013

I have a situation where a user has to drop objects in a correct sequence to a container.  They can drop each object anywhere in a container (thus I only need to a single target) as long as the objects goes in the right order.  How can I accomplish this?

Thank you for your help!

7 Replies
Christine Hendrickson

Welcome to the community, Kumiko!

You could definitely accomplish something like this, but it may depend on how you want to set this up and how you want users to be able to interact with it. 

I would suggest a freeform Drag-and-Drop interaction, personally. This way you could have the single target and multiple objects. What I would do, is use states to control the order in which the user is allowed to drag the objects. This would be, in my opinion, the easiest way to do this. However, keep in mind that with this method the user wouldn't be able to drag them out of order. If you need to allow users to choose their own order and potentially answer incorrectly, you could still do this but it would be a little more time-consuming to set up and you would probably need to use additional states and/or variables.

Can you give me a little more information on how you'd like to control the interaction with the drop objects, themselves? If so, maybe we can get some additional suggestions or maybe an example for you.

Thanks and welcome again!

Kumiko  Borman

Hi Christine, thank you very much for getting back to me so quickly!

My goal is to do what you described as a latter option - "to allow users to choose their own order and potentially answer incorrectly". I'm attaching a file that shows the container, the objects and the correct sequence.  The numbers are for your reference, so you can delete them.

Really appreaciate your help! This forum is wonderful.

Best,

Kumiko  

Christine Hendrickson

Hi Kumiko,

I apologize for the delay. As I mentioned before the option you'd like to see is slightly more complicated, so it took me a bit to get this all working for you. 

Now, I did make some changes to the slide, simply so I could see when the question saw the response as "Correct" or "Incorrect". The original had no feedback enabled and if you take a look at the triggers, I sort of "tricked" the question to show the "Incorrect" layer and to jump back to the slide so it reset the position of the objects.

So, here's what I did for the actual question. First, I tried some states and that didn't work out too well. Then, I tried True/False variables and that worked a little bit, but not very well for a strict order and the option to move them in any order. 

In the end, I decided to use a number variable. Each object adjusts the variable under the condition that the object before it adjusted the variable. So, object 1 will adjust the variable's value only if it hasn't been adjusted with a previous object. Object 2 will only add to the value if the value is equal to "1", which was adjusted by object 1 and so forth. 

Can you take a look at the modified version and let me know if this works for you please?

Keep in mind that I have the interaction only submitting if the value of the variable equals "5" - meaning only if the objects were dropped in the correct order. If they aren't correct, the "Incorrect" feedback layer will show and you can try again. You can change this, of course, I just wanted to set up something that shows when the answer is considered "Correct".

Thanks!

This discussion is closed. You can start a new discussion or contact Articulate Support.