November 28, 2019

Building a Responsive Drag and Drop UI

Graeme @graeme

You never know what size screen or device type someone will use when trying your app. If they use a mobile device, there’s a few more things to consider for drag and drop:

  • Drag Handle Size: On touch devices, should there be drag handles? Is the drag handle usable?

  • Touch Input: Touch is different from a mouse click.

  • Drag Surface: Maybe the entire component should be a draggable surface. If so, should there a button to activate drag mode? When the component is touched to drag, we need to make sure text isn’t highlighted by mistake.

I wrote all about building drag and drop for Letter here:

https://www.prototypr.io/2019/11/27/building-drag-drop-ui/

Loading comments...