Quando usar dropdown e quando evitar
Dropdowns economizam espaço, mas escondem opções e acrescentam uma etapa. Use-os quando a escolha for única, fechada e contextual.
Dropdowns economizam espaço, mas escondem opções e acrescentam uma etapa. Use-os quando a escolha for única, fechada e contextual.

Autosave e botão Salvar resolvem problemas diferentes. Use o contexto, o risco e a necessidade de revisão para escolher o comportamento mais claro.
Veja como usar o CEP para reduzir a digitação no checkout sem esconder o endereço, bloquear a edição ou dispensar a validação antes da compra.
Veja como apresentar tamanho, cor e disponibilidade no e-commerce para facilitar a escolha, evitar combinações inválidas e reduzir fricção na compra.
Comunique limites e incerteza da IA com clareza, evitando falsa precisão e ajudando pessoas a confiar na medida certa.
Aprenda como estruturar filtros de periodo em dashboards com escopo claro, intervalos relativos, periodo personalizado, fuso horario e atualizacao dos dados.
Compare paginação, Carregar mais e scroll infinito para escolher o padrão adequado à tarefa, ao conteúdo, ao desempenho e à acessibilidade.
Veja quando usar paginação em tabelas, listas e buscas, como preservar filtros e quando escolher Carregar mais.
Respostas de IA devem mostrar fontes e critérios relevantes para que as pessoas possam verificar, questionar e usar o resultado com mais segurança.
Resultados de IA devem poder ser revisados, editados ou descartados antes de afetar uma decisão, uma comunicação ou um fluxo.

Use botão flutuante apenas para uma ação primária, frequente e claramente identificável, sem cobrir conteúdo nem competir com a navegação.
Combine ícone e texto quando a ação precisar de clareza. Use apenas ícone quando o significado for reconhecível, consistente e acessível.
Saiba quando um carrossel ajuda a explorar conteúdo e quando uma seção estática oferece mais clareza, controle e acessibilidade.
Use skeleton screen quando a estrutura do conteúdo for previsível e o carregamento justificar um estado intermediário. Ele organiza a espera, mas não torna o sistema mais rápido.
Ícones sem texto podem economizar espaço, mas só funcionam quando a ação é reconhecível, nomeada para tecnologias assistivas e fácil de testar. Veja quando usar e quando manter um rótulo visível.
Abrir um link em nova aba não deve ser o padrão. Entenda quando essa escolha faz sentido, como avisar a pessoa e como preservar acessibilidade e controle.
Descubra quando um código de erro ajuda na recuperação e no suporte — e quando ele só confunde ou expõe detalhes internos.
Tabelas responsivas devem preservar relações, contexto e ações no mobile. Escolha entre rolagem local, linhas empilhadas ou uma lista conforme a tarefa e a densidade dos dados.
Saiba quando pedir confirmação antes de uma ação, quando oferecer desfazer e como comunicar consequências sem criar atrito ou cliques automáticos.

Escolha tabelas para comparar dados estruturados e cards para explorar resumos independentes; a decisão depende da tarefa, do conteúdo e do dispositivo.


