From the course: Interaction Design: Software and Web Design Patterns

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Drag and drop

Drag and drop - Sketch Tutorial

From the course: Interaction Design: Software and Web Design Patterns

Start my 1-month free trial

Drag and drop

- Drag and drop is a common pattern which allows the users to drag files into a drop zone. Drag and drop is best for use cases where users need to move things around and manipulate their data. Drag and drop patterns can be used to move data in a table or for customizing interfaces by dragging panels around. It's a fairly versatile pattern and can be used across a lot of scenarios. This pattern may not work so well for large data sets. For example, if you have a view with hundreds of records, you may benefit from uploading the data instead of using a drag and drop. This pattern has multiple states to indicate that a drag and drop interaction has occurred. Both the draggable object and the drop zone give feedback to the user that something is both draggable and droppable. The key areas of interaction for this pattern are the drag, drag zone feedback, and feedback on the drag completion. Items aren't always obvious that they're…

Contents