Reordering data

The user wants to manually order records in a list.

Problem

The user wants to manually order records in a list.

Solution

Use this to let the user set the desired order of the list.

Initially load the data in an order that makes sense to the user. When loading text, setting the order to be alphabetical makes sense, however it can be something else based on the specific scenario.

Letting the user reorder records can help prioritize or consume data in a more useful format. Think of a to-do list where the most important or timely task is at the top.

Empower the user by giving them control over how the data is server.

Make the dragging state clear to the user and give feedback on all interactions, like drag start, dragging, drag end.

Make reordering clear by showing a sort-handle for each movable object.

Sort handle
Drag the list items from the handle on the right side.
Sort handle

Problem

The user wants to manually order records in a list.

Solution

Use this to let the user set the desired order of the list.

Initially load the data in an order that makes sense to the user. When loading text, setting the order to be alphabetical makes sense, however it can be something else based on the specific scenario.

Letting the user reorder records can help prioritize or consume data in a more useful format. Think of a to-do list where the most important or timely task is at the top.

Empower the user by giving them control over how the data is server.

Make the dragging state clear to the user and give feedback on all interactions, like drag start, dragging, drag end.

Make reordering clear by showing a sort-handle for each movable object.

Share in SMS
  • SMS
  • Email