Drag and Drop | Triggers after submitting

Oct 01, 2020

Hi,

I have a drag and drop interaction that has 8 items and 8 targets with unique answers to simulate testing the learner with the steps in a process. 

So far I've tried 2 things:

1) Set it up where Incorrect answers snap back and correct answers would snap in place before submitting the button. That was too easy for the learners.

2) Set it up where learns drag and drop each step into a space, press submit, and if even 2 are in the wrong place, you have to start from the beginning. That was too hard for the learners, and they got frustrated and gave up. 

What I'm having trouble doing is setting it up where learns drag and drop each step into a space, press submit, and the correct answers will stay in place while the incorrect answers will fly back into their original spots, and the feedback states that some of the steps were incorrect, and instructs them to try again with the fewer options...thus making it a little easier to get to the correct answer after a few more tries....and incrementally getting closer to the goal. 

I don't know if I can use the standard drag and drop tool because it doesn't seem like the options allow for that to happen. Also, I don't know how to approach an alternative to make all that happen. 

Can anybody give me any hints on where to start, or are there any more advanced videos on customized drag and drop interactions? 

 

Thanks in advance for any advice somebody might have. --Antoinette 

3 Replies
Walt Hamilton

You can't accomplish this with the standard Drag and Drop interaction. Attached is a sample that does what you are asking. On slide 1, you will see the incorrect items actually fly back to their original spots. (I originally made this for middle school students.) When you dig into it, you may find it is more work than the visual animation is worth. (I probably wouldn't do it that way again, but I really like the teacher I did it for.) 

Slide 2 shows them instantly jumping back to their original spots. It's not nearly as glamorous, but a lot less work.

Slide 3 additionally allows only one item per drop target.

Antoinette Siguenza

Thank you, Walt! This is a great activity and I'm going to study the method you used with triggers to apply this to my project.

Since i posted last night, I had learned from a file named, Selection_Method_ValidityWH_DragandDropModel, and applied what i learned from that to my project, but when i tested it on different browsers, after 2 or 3 attempts, the drag objects stopped responding and wouldn't move.

So, i'm definitely going to try again and apply the logic that you shared with me from this awesome check interaction! What a great example, i appreciate the 3 slides and methods to do the same thing....great study material. Thank you so much, Walt!

 

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