Wrong Feedback Layer with Freeform Drag and Drop

Hello! I'm putting together a freeform drag n drop in which the learner drags medical equipment, medicines and/or team members to prep a room for a deep sedation. 

Even though I specified the correct draggable items to be dropped in the room, I still get the incorrect layer when all the items are dropped correctly. Any idea what I'm doing wrong?

Here's the project if you want to check it out in Review:  https://360.articulate.com/review/content/23abba86-8472-4d2e-92e9-4ab86181aedf/review

I also attached the story file. 

Note: I know the sizing of some of the items is off; when I went to create a file of just this slide (pretty much rebuilding from scratch in a new project), I forgot to keep the story size the same as the original and everything got out of whack! Everything works the same though.

Thanks for any insight! 

14 Replies
Ned Whiteley

Hi Heather,

Easy mistake and simple problem to solve. In addition to stating which objects need to be dropped in the room, you have also indicated that the items that you don't require, should be dropped into Rectangle 1. As a result, you will only get correct feedback when both sets of objects have been dropped in their correct drop zones.

In Drag and Drop, you only need to specify which items from your list must be dropped in the correct box. Don't worry about any that you want left behind (unless you also require them to be disposed of in a bin, for example (i.e. second Drag and Drop target)). To solve your problem, all you need to do is to remove lines F, G and H in your Drag and Drop targets list.

Heather Vogt

Hello, Ned! Thanks for the quick and detailed response.

The only reason I added the incorrect rectangle and made it an incorrect drop target was because, without it, the incorrect draggables - the morphine, anesthesiologist, etc. - didn't move when I clicked to drag. To "fix" that, I kept the IC draggable items in the list but made their drop target None.

The problem I'm having now though is the incorrect draggables, since they don't have a drop target, aren't showing their Drop Incorrect state.

Here's what I'd like to do: Allow users to drag all items to the empty room but have the correct items show a Correct state (green check) and the incorrect items show an Incorrect state (red x) when the Submit button is clicked. I can get that to work just fine with the correct items (since their drop target is the room), but the incorrect items don't show their incorrect state (since they technically aren't wrong because the drop target is None).

Would I need to create a drop target for the incorrect items? Something like "This item should not be in the room for this deep sedation."

Allison LaMotte

Hi Heather,

Before I get into answering your question, I want to mention that when I first looked at your slide I was confused because I only saw one object. After a few seconds, I noticed the scrollbar and realized what I needed to do. Instead of using a scrollbar, I would use the drag-and-drop options to make your objects appear one at a time (see screenshot). I think that would be more intuitive for your learners. Obviously, it's up to you but just thought I'd give you that feedback. :) 

For the drop states on the incorrect answers to work, you do need to have an incorrect drop target. That being said, you'll want to add a "correct" state to those items, because if you drop them into the "incorrect" drop target, that's technically the correct answer, not the incorrect answer, if you follow my logic.

I would also add incorrect drop states to the correct answers, so if learners drop them in the wrong box they'll know they need to move them.

I went ahead and did that for you and attached my file. You'll likely want to reformat and reposition the incorrect box, but other than that you should be all set. :)

Heather Vogt

Hello, Allison!

Thanks for the help! I totally understand what you're saying about tweaking the drag n drop so items appear one at a time. This is actually the third time I've used the scroll panel this way in this course; I would hope that, by their 3rd exposure to this setup, they'd be able to continue using it!

With that being said, however, I'll play around with changing this setup if you, someone who's never even seen the course before and has tons of experience with this type of stuff, thinks usability will be better with a tweak. When you're too close to something it's difficult to take a hard look at what's best; I appreciate the feedback!

In regard to putting a correct state on the incorrect drag items, I currently have them set to disappear on drop. However, I like the idea of not having them disappear so learners can see the incorrect state and connect why it's wrong. The same goes for the incorrect states for the correct answers.

So it sounds like I should completely overhaul this interaction (and the other two that are used in the course)! :)

Thanks for the guidance, feedback and sample project!

Phil Mayor

I can see why you would want the visual feedback, the problem with the way it is setup though you will have to drop the 3 incorrect ones onto the correct drop target for this to be marked correct whereas set to none you don't get the visual feedback but you can leave them where they are and get a correct. 

Heather Vogt


Now I remember why I did the scroll panel and the disappearing incorrect items! I can't fit everything on the slide!

Between the directions, the tall image of the OR, the incorrect drop target (that allows the incorrect items to continue to show up so learners can see where they "went wrong") AND the one-at-time population of the draggables, I can't think of a way to make this fit together nicely and intuitively.

Any tips?

Heather Vogt

I like the scroll panel too! And as I'm rethinking this design, I realize how much space a correct drop - the room, an incorrect drop - "this not appropriate for the patient's deep sedation", keeping both correct and incorrect items on the screen so learners can get feedback, a spot to populate the draggables AND directions takes up.

Instead of making the incorrect items disappear (in an attempt to save space), I like the idea of having them bounce back; however, this is an assessment question. I like the feedback, but I don't want learners to change their answer when they see it bounce back to try again.

I'll keep tinkering with this as much as I can. I might just revert to a select all that apply; it's more straightforward. I was just really hoping to keep with the OR prep idea (that's the guiding objective for the entire course).