Knowledge Check Drag-Drop-Submit

See example

This slide is from a phishing scam awareness training module I designed. The interactions I like most about it are:

1. An info button that displays on hover reminds the learner of the interaction expectation.
2. The learner must examine the image to decide if they feel it is a scam.
3. Then, DRAG their answer ONTO the picture.
4. Then click submit.
5. Lastly, there is custom feedback. Throughout the scam module, the learner sees a "hacker." When they answer a KC correctly, they win against the hacker; when they answer incorrectly, they lose. My attempt at adding a bit of gamification to the module.

I was first going to build the knowledge check (6 questions total) as true/false questions without any visuals. But, I really wanted to include a practice that mimicked what the learner would have to do in real life, i.e., visually scan the email and make a decision.