Contexto
Paginação divide uma coleção em páginas definidas por quantidade de itens. Ela pode melhorar orientação, retorno e desempenho, mas também aumenta o custo de navegação e pode interromper a comparação.
A decisão depende da tarefa: encontrar um resultado, explorar uma coleção, comparar itens, consultar um histórico ou avançar por etapas. Paginação não é sinônimo de etapas, abas, carrossel, rolagem infinita ou botão “Carregar mais”.
Use paginação quando dividir o conteúdo ajudar a pessoa a se orientar e o conjunto não precisar aparecer inteiro de uma vez. Em resultados de busca e arquivos, ela é adequada quando a coleção é extensa e a pessoa pode precisar voltar a um resultado, compartilhar uma URL ou acessar uma página específica.
Em tabelas, listas administrativas e históricos, use paginação quando o volume de dados for grande, a ordem for estável e carregar tudo prejudicar o desempenho ou a leitura. Ela também pode ser útil em coleções relacionadas que formam um conjunto único, mas não possuem grupos semânticos que justifiquem outra navegação.
Em conjuntos com tamanho conhecido, mostre a página atual, as páginas relevantes e o total quando essa informação for confiável. Quando o último resultado não for conhecido, não invente uma última página.
Mantenha filtros, ordenação, busca, página e quantidade de itens na URL ou em um estado recuperável. Ao voltar de um item, preserve o ponto em que a pessoa estava.
Escolha a quantidade por página com base na tarefa, no tipo de item, no dispositivo e no desempenho. Mostre itens suficientes para permitir o escaneamento sem criar uma lista difícil de percorrer.
Na interface, destaque a página atual, ofereça “Anterior” e “Próxima”, use reticências somente para ocultar páginas intermediárias e mantenha a navegação em uma única linha quando possível. Em telas pequenas, reduza a quantidade de controles sem esconder a posição atual.
Base da recomendação
A recomendação combina orientações de USWDS, GOV.BR e W3C com pesquisas da Baymard sobre listas e carregamento de produtos. Essas fontes convergem sobre orientação, estado atual, desempenho e acessibilidade, mas não definem um componente universal: em listas de produtos, por exemplo, a Baymard encontrou contextos em que “Carregar mais” com carregamento sob demanda facilita a comparação. Esse resultado deve ser validado para o objetivo e o conteúdo do produto.
Porque isso importa?
Paginar muda a forma como a pessoa entende o tamanho, a posição e a continuidade de uma coleção. Uma paginação bem definida cria limites previsíveis, permite retornar a uma página e pode reduzir o custo de renderizar muitos itens.
Quando aplicada sem critério, ela esconde a extensão do conteúdo, quebra filtros e ordenação, perde a posição de leitura ou obriga a pessoa a repetir o caminho. Em listas de produtos, também pode dificultar a comparação entre itens de páginas diferentes; por isso, “Carregar mais” pode ser uma alternativa em determinados cenários, não uma substituição automática.
Acessibilidade depende de mais do que aparência: a página atual precisa ser identificável por programa, os controles precisam ter nomes claros e a atualização dos resultados deve manter o contexto da pessoa.
Quando usar?
- Resultados de busca extensos.
- Arquivos de artigos, notícias ou documentos.
- Tabelas e listas administrativas grandes.
- Históricos, registros e atividades ordenadas.
- Coleções com páginas acessíveis por URL.
- Conjuntos em que carregar tudo prejudica desempenho.
- Listas com ordem estável e filtros recuperáveis.
Quando evitar?
- Coleções curtas que cabem em poucos ciclos de leitura.
- Conteúdo narrativo dividido por assunto ou tema.
- Processos com etapas obrigatórias.
- Itens que precisam ser comparados continuamente na mesma tela.
- Fluxos em que a pessoa perde o contexto ao mudar de página.
- Listas cuja ordem muda a cada carregamento.
- Paginação usada apenas para aumentar visualizações.
Recomendações
Faça
- Mostre a página atual.
- Nomeie “Anterior” e “Próxima”.
- Preserve filtros e ordenação.
- Mantenha a página na URL.
- Informe o total quando confiável.
- Use reticências com nome acessível.
- Defina uma quantidade adequada à tarefa.
- Teste retorno, compartilhamento, teclado, leitor de tela e mobile.
Evite
- Paginar listas curtas.
- Esconder a posição atual.
- Apagar filtros ao trocar de página.
- Reordenar itens sem aviso.
- Usar controles sem nome.
- Confundir páginas com etapas.
- Tratar um achado de e-commerce como regra universal.
