I'm working on a mobile drag and drop feature, where users can rearrange the order of list items by dragging and dropping them in a new place in the list.

So far the flow is as follows: the user makes a long tap on an item in the list to grab it, the user then drags that item to a new place in the list and drops it there to confirm.

My question is:

What kind of visual feedback can I use to show that the user has the item "grabbed" after the long tap?

This is important to show the user that they are now in drag and drop mode and can start dragging the item.

Add a drop shadow to the element so it appears pinned to the finger.

Left: Material Design Components > Lists > Behavior

Right: Apple Human Interface Guidelines > iOS > User Interaction > Drag and Drop

Apple's HIG specifically mentions the ‘rising’ action:

Touching and holding selected content makes it appear to rise and adhere to the user's finger.

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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