Operation-Themed Drag-and-Drop Interaction Template

These drag-and-drop interactions were born out of a conversation a few members of our training department had over lunch.

A few notes about the interactions…

Drop a navigation icon to activate slides. If you drop it in the wrong location, the patient’s nose will light up.
The font used in this interaction is called Happy Sans. You can get it here.
The Next button only works when all the navigation icons are in their proper place.

Preview the interaction here.

I have attached the Storyline file to this post. It's in template-form, so have a blast modifying it! 

If you are interested in the PSD files for the background or the patient, let me know. 



34 Replies
David Anderson

Hey Jeff - this is really great! Thanks for sharing your idea and source file.

If you're up for it, I'd love for you to add your demo to our drag-drop elearning challenge: https://community.articulate.com/articles/custom-drag-drop-elearning-interactions I'll update the recap to include your example.

Thanks again and welcome to E-Learning Heroes!