Contexto
Ao selecionar um filtro, a interface pode atualizar os resultados imediatamente ou esperar que a pessoa confirme as escolhas em um botão, como “Aplicar filtros” ou “Mostrar resultados”. Esses modelos não são equivalentes: um prioriza retorno imediato; o outro permite compor várias decisões antes de atualizar a lista.
A melhor escolha depende da quantidade de critérios, do tempo de resposta, do dispositivo, do custo da atualização e da facilidade de desfazer a ação. Em muitos produtos, atualizar automaticamente funciona bem no desktop para escolhas simples, enquanto um painel de filtros no mobile se beneficia de uma confirmação explícita.
Defina o momento de atualizar os resultados a partir da tarefa, da quantidade de escolhas e do custo de cada consulta. O critério principal é simples: a pessoa precisa entender rapidamente a relação entre o filtro que acabou de selecionar e a lista que foi atualizada.
Prefira a aplicação automática para escolhas simples. Atualize os resultados logo após a seleção quando houver poucos critérios, resposta rápida e um efeito fácil de entender e desfazer. Esse comportamento reduz etapas sem tirar o controle da pessoa.
Prefira uma confirmação explícita para combinações complexas. Use “Aplicar filtros” ou “Mostrar X resultados” quando a pessoa precisar escolher opções em vários grupos, quando a consulta for pesada ou quando o painel esconder a lista durante a seleção. Assim, ela consegue revisar a combinação antes de disparar a atualização.
Adapte o modelo ao dispositivo. Em telas largas, filtros e resultados costumam permanecer visíveis ao mesmo tempo, o que favorece a atualização imediata. No mobile, reunir escolhas em um painel e confirmar a aplicação costuma evitar recargas sucessivas, mudanças de contexto e perda de orientação.
Mostre o efeito antes de aplicar. Quando a atualização for manual, informe quantos resultados a combinação produzirá, se essa informação estiver disponível. Diferencie “Aplicar”, “Cancelar” e “Fechar sem aplicar”, deixando claro quais escolhas ainda estão pendentes.
Dê retorno durante a atualização. No modelo automático, indique que os resultados estão carregando e informe a nova quantidade quando ela estiver disponível. Mantenha o foco no controle acionado e atualize a região de resultados sem deslocar a pessoa para outro ponto da página.
Deixe a recuperação sempre acessível. Permita remover um filtro individual, limpar todos e desfazer uma combinação aplicada. Fechar um painel não deve apagar escolhas sem aviso, e uma combinação sem resultados deve oferecer um caminho claro para ampliar ou limpar o recorte.
Valide a decisão em condições reais. Teste listas grandes, redes lentas, resultados vazios, alterações rápidas entre filtros, teclado, leitor de tela e diferentes larguras. Uma solução só é previsível quando continua funcionando fora do cenário ideal.
Regra prática
Atualize automaticamente quando o retorno for rápido, previsível e próximo da escolha. Exija confirmação quando houver várias decisões combinadas, consultas demoradas ou risco de recargas desorientadoras no mobile. Se o comportamento mudar entre dispositivos, explique a diferença com rótulos e estados consistentes.
Base da recomendação
Baymard relata que a filtragem em tempo real tende a funcionar melhor no desktop, enquanto interfaces de filtro no mobile devem usar uma ação explícita, como “Mostrar X resultados”, para evitar atualizações desorientadoras durante a escolha. O Carbon Design System trata atualização instantânea e aplicação em lote como modelos distintos: o primeiro se adequa a poucas escolhas ou retorno rápido; o segundo é útil quando várias categorias são selecionadas ou a resposta é lenta. A documentação do Carbon também recomenda botões para aplicar ou cancelar mudanças quando a filtragem ao vivo não for adequada. Para acessibilidade, a WCAG 2.2 exige que mudanças de estado possam ser determinadas programaticamente e que mensagens de status possam ser anunciadas sem roubar o foco. Portanto, a escolha é contextual, mas o comportamento precisa ser previsível, reversível e comunicável.
Porque isso importa?
Atualizar resultados a cada toque pode reduzir uma etapa e dar retorno imediato, mas também pode provocar várias consultas, recargas e mudanças visuais enquanto a pessoa ainda está escolhendo critérios.
Esperar um botão “Aplicar” oferece controle para combinar filtros, porém acrescenta uma etapa e pode esconder o efeito das escolhas se a interface não mostrar a contagem ou os filtros pendentes. A decisão afeta principalmente tarefas com muitas opções, redes lentas e interfaces móveis.
O problema não é apenas de desempenho. Uma atualização que move o foco, altera a posição da página ou não informa quantos resultados restaram pode dificultar o uso por teclado, leitor de tela e pessoas que precisam de mais tempo para interpretar a mudança.
Quando usar?
- Use aplicação automática para uma escolha simples.
- Use aplicação automática em listas locais e rápidas.
- Use “Aplicar” em painéis com várias categorias.
- Use “Mostrar X resultados” em filtros mobile.
- Use aplicação manual para consultas pesadas.
- Use um modelo híbrido quando desktop e mobile tiverem necessidades diferentes.
Quando evitar?
- Evite atualizar a cada toque em painéis complexos.
- Evite aplicar automaticamente em redes lentas.
- Evite recarregar a página inteira sem aviso.
- Evite exigir “Aplicar” para uma única escolha rápida.
- Evite esconder o efeito das escolhas pendentes.
- Evite mudar o modelo sem explicar o estado.
Recomendações
Faça
- Meça o tempo de resposta.
- Mostre a contagem de resultados.
- Preserve o foco.
- Permita desfazer filtros.
- Separe aplicar e cancelar.
- Teste mobile e desktop.
Evite
- Atualizar tudo a cada toque.
- Recarregar sem feedback.
- Apagar escolhas ao fechar.
- Esconder filtros pendentes.
- Usar “Aplicar” sem contexto.
- Mover a pessoa na página.
