C3.18.1Reorder pickup feedbackdesignresearch

Pickup requires a clear change of state

Aliases: lift feedback · reorder elevation · grabbed-item state

What it is

In long-press reorder, the grabbed row must change state the instant it is picked up: it rises, slightly enlarges, separates from the list, and often fires a short haptic. That jump tells the user the item is now being carried, rather than still waiting out the long-press clock or merely held in a scrollable list. The problem is mode visibility, not the geometry of moving an object from A to B.

Why it happens

One contact is split into a stationary wait and a transport phase. When the timer elapses, the system lifts the row out of flow layout and tracks it on a floating layer. Elevation, scale, and a hole in the original slot make the layer change a visible event; haptics cover the case where the finger hides the row. If feedback arrives only after a few pixels of movement, tremor during the wait looks like failure, and scrolling that never crossed the threshold is mistaken for a started reorder.

Studying it

A typical task moves an item from index i to j. Independent factors include feedback combination (none, shadow only, shadow plus scale plus haptic), long-press duration, and row height. Measures include time from threshold to first movement, accidental scroll starts, early releases, and ratings of “already grabbed.” Think-aloud checks whether people begin dragging before the cue. Scripted lab tasks inflate discoverability; in live lists people often try a plain drag first.

Where it stops holding

Kanban cards that translate as a whole, and icon grids, need not share the same “float up” vocabulary. When motion is reduced for accessibility, a non-animated difference must remain—an outline or a “moving” label. On devices that already vibrate heavily, pickup haptics can be read as a system alert. Pickup feedback also does not predict the drop index, and it is not a substitute for a non-drag reorder path.

Applying it

  • Switch on the threshold frame: float the row, leave a placeholder, fire one short haptic; do not restyle the layout before the threshold.
  • Offset or shrink the floating layer if the finger hides the row, so its silhouette stays visible.
  • Compare recordings frame by frame so visuals and haptics are not late; ask people to “change the order” on an unexplained list and count how many quit or scroll before the pickup state appears.

Related

  • Same group: C3.18.2 Sibling items yield to show the drop slot · C3.18.3 Long-list reorder needs autoscroll and collapse · C3.18.4 Reordering must offer a non-drag alternative
  • Adjacent: C3.04 Drag · C3.03 Long press
  • Search: pickup feedback · reorder lift · elevation

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/C3.18.1