Knowledgebase

Drag, Drop and Direct Manipulation Print

  • frontenddevelopment, frontend, guide, howto, solution, zillionkinghost, hosting, support
  • 0

Moving things.

WHAT IT SUITS

Reordering Moving items between groups Arranging things spatially

WHAT IT MUST HAVE

A keyboard alternative.

WHY

Dragging is impossible without a pointer, and difficult with motor impairments.

WHAT THAT LOOKS LIKE

Selecting an item, then moving it with keys or with explicit controls.

WHAT TO PROVIDE VISUALLY

A clear indication of what is being dragged A clear indication of where it will land Feedback when it is not a valid target

WHAT TO ANNOUNCE

The item picked up, its position as it moves, and where it was dropped.

WHAT TO BE CAREFUL WITH

Touch, where dragging conflicts with scrolling Small targets Long lists requiring scroll while dragging

WHAT TO PROVIDE ALWAYS

A way to undo.

WHY

Accidental drops are common.

WHAT TO PERSIST

The new order, and confirm it was saved.

WHAT TO CONSIDER

Whether simpler controls would serve better.

WHY

Move-up and move-down controls are simpler, accessible, and frequently sufficient.


Was this answer helpful?
Back

Are you happy with your experience? Leave us a review on Trustpilot.


Trustpilot