Playground
  • Introduction
  • Components

Sorting

Sorting allows actors to re-organize collection of items when the default order may be insufficient to scan.

Sorting inside a data view

Behavior

  • The dropdown allows users to choose their sorting criteria.
  • Sort selections are meant to be persisted. When actor returns to the page, their previous sort selections will be preserved.
  • As soon as an item in the dropdown is selected, the list content re-sorts automatically.
  • The default sort order is determined on a page-by-page basis.

To-do

  • Table column sorting
  • Sorting using multiple attributes

Resources & references

  • Baymard Institute

Related patterns

Precedes

  • Data view

Complements

  • Filtering — orders what filtering lets through
  • Grouping — orders the members within each group

Tangentially related

  • Selection — Sorting changes what a range selection refers to mid-flight — range selections have to either survive the sort or re-resolve to the new order