Drag and Drop

Drag and drop is about "dragging from A to B": the source and the target are different areas. Typical cases are dragging local files into an upload area, dragging a kanban card to another column to change its status, and dragging a component from the left panel onto a canvas. If you're only changing the order within one list, that's usually called drag to reorder.

Full drag and drop needs three kinds of feedback. Draggable elements turn the cursor into a grab hand. When something is dragged over the target area, the target highlights (the border turns solid, the background gets darker). After the drop, show the result, like the file starting to upload or the card showing up in its new column.

Drag and drop isn't friendly to phone and keyboard users, so keep an alternative. The upload area should also support "click to choose a file," and kanban cards can have a "Move to…" option in their menu.