This question already has an answer here:

I've seen many different ways to represent an object on a page as being draggable, but I was the most effective way in your experience of doing so?

marked as duplicate by JonW Nov 21 '13 at 23:14

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.


There are many good ways of doing this, but the best ones provide an affordance like a handle, sometimes indicated by a grid of dots or rule lines, along with the cursor change to a hand. See the example from GMail, but note that the way it works in GMail is not draggable; it is used to indicate "Move This". I'm including the image because I like the affordance, despite the fact that the implementation is not straight-up drag-and-drop.

The second example is from Edx.org, for a course called Energy 101. The instructions say "drag each tile to rank industries..." and the handle is composed of horizontal rule lines. The cursor also changes to a hand on mouseover.

GMail's pointing hand and handle made of dots

Edx example of drag and drop

Not the answer you're looking for? Browse other questions tagged or ask your own question.