Skip to Content
PatternsBulk actions & multi-select

Bulk actions & multi-select

Operational list pattern

Seleção em massa é uma ação de escopo. O padrão precisa deixar claro se o operador selecionou alguns itens, a página inteira ou todo o filtro.

Use este padrão quando uma lista permite aplicar ações a várias menções, alertas, fontes, casos ou registros de auditoria.

O objetivo é evitar a ambiguidade clássica: “todos” significa todos visíveis, todos da página ou todos do filtro?

Quatro fases

FaseEscopoUI esperadaRisco
0Nada selecionadoLista normalNenhum
1Alguns itensSelectionBar apareceBaixo
2Todos da páginaHint de página completaMédio
3Todos do filtroEscopo expandido nomeadoAlto

A SelectionBar aparece a partir do primeiro item selecionado. Quando há itens fora da página, mostre a passagem de todos da página para todos do filtro como uma escolha explícita.

SelectionBar

ElementoPapel
ContadorNúmero de itens selecionados
EscopoPágina ou filtro inteiro
Ações primáriasAtribuir, marcar, arquivar, exportar
Ações críticasEncerrar, excluir, ocultar, aplicar regra
Limpar seleçãoSempre disponível; Esc também limpa

A SelectionBar deve ser sticky no topo da lista. Se ela desaparece durante rolagem, o operador perde o escopo da ação.

Confirmação por escopo

EscopoAção reversívelAção destrutiva
1–10 itensToast com undoConfirmação simples
Página inteiraConfirmação simplesConfirmação com consequência
Filtro inteiroConfirmação explícitaConfirmação dupla nomeando o número

A confirmação precisa nomear consequência, não apenas perguntar “tem certeza?”.

Teclado

AtalhoAção
EscLimpa seleção
Shift + cliqueSeleciona intervalo
Cmd/Ctrl + cliqueAlterna item individual
A com foco na listaSeleciona página quando suportado

Atalhos não devem executar ação destrutiva. Eles só controlam seleção.

Composição

Use com:

  • Mention Card em feeds e resultados.
  • Filter Bar quando seleção pode atravessar páginas.
  • Table quando a seleção é tabular.
  • Toast para undo de ações reversíveis.
  • Dialog para confirmação proporcional.

Regras

  1. Não trate selecionar todos da página como selecionar todos do filtro.
  2. Mostre o número real quando o escopo passa para filtro inteiro.
  3. Use cor/ênfase maior quando a ação atravessa página.
  4. Esc limpa seleção sem confirmação.
  5. Ações destrutivas em filtro inteiro exigem confirmação dupla.
  6. Undo serve para ações pequenas e reversíveis; não para operação destrutiva ampla.
  7. Não use SelectionBar fora de listas.
  8. Não esconda a SelectionBar durante rolagem.
Last updated on