Drag and Drop Interaction Ideas

Advertisement

This is a tutorial about drag and drop interaction from Codrops.Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged.

You can allow to drag an item and then show some droppable area that stands for certain actions. This saves a lot of UI space and gives an interesting dynamic to interactions. There are many applicable scenarios; think of categorizing and organizing content (i.e. like the Pinterest boards) or performing any type of actions (like in mail apps or in content management systems).

DragDropInteractions

DEMO    DOWNLOAD