40 coisas inaceitáveis em sites e apps

Login e autenticação

6 problemas

A Smiles é o exemplo que eu mais critiquei: saio do login para abrir o shopping e acabo tendo que entrar outra vez; em alguns fluxos, o aplicativo ainda abre outra janela de navegador. Também contei como a autenticação do gov.br pode passar por uma página sem os dados que eu esperava reaproveitar. Na Binance, mostrei o acesso por passkey em um passo.

1. Login que não permanece conectado

Problema: Depois de poucos minutos navegando, a sessão expira e exige autenticação novamente.

Solução: Preservar sessões em dispositivos confiáveis pelo período apropriado, renovando credenciais sem interromper a navegação.

2. App abre navegador e exige novo login

Problema: Mesmo autenticado no aplicativo, uma página externa solicita outro login.

Solução: Compartilhar a autenticação de maneira segura entre aplicativo e navegador, evitando solicitar as mesmas credenciais outra vez.

3. Aplicativo que é um navegador disfarçado

Problema: O aplicativo alterna entre páginas web com menus e aparência inconsistentes.

Solução: Usar navegação integrada, responsiva e consistente; se houver conteúdo web, integrá-lo sem quebrar a experiência.

4. Autenticação em duas etapas exagerada

Problema: O mesmo aparelho confiável precisa verificar SMS ou e-mail repetidas vezes.

Solução: Solicitar uma nova verificação somente quando o risco justificar; reconhecer dispositivos confiáveis.

5. Bloqueio de gerenciadores de senhas

Problema: O site impede colar ou preencher automaticamente a senha.

Solução: Permitir colagem, gerenciadores de senhas e preenchimento automático seguro.

6. Não oferecer mostrar senha

Problema: Um campo de senha sem o botão de exibir dificulta corrigir erros.

Solução: Incluir um botão para exibir ou ocultar a senha sem dificultar a autenticação.

Formulários e cadastros

7 problemas

Nos formulários, falei de um endereço preenchido antes de informar o CEP e depois apagado pela consulta. Também contei o problema que enfrento no PayPal ao emitir uma invoice: o campo de endereço limita tanto o espaço que preciso encurtar o dado ou espalhá-lo por outros campos.

7. CEP não preenche endereço

Problema: Mesmo após informar o CEP, todos os campos do endereço continuam vazios.

Solução: Consultar o CEP e sugerir rua, bairro, cidade e estado, deixando dados editáveis.

8. CEP apaga endereço preenchido

Problema: Ao consultar o CEP, o sistema substitui dados que o usuário já digitou.

Solução: Preservar todos os dados inseridos manualmente; nunca apagar número e complemento ao consultar o CEP.

9. Formulário perde tudo após erro

Problema: Depois de um erro no envio, todos os campos são reiniciados.

Solução: Preservar os valores preenchidos após erros de validação, conexão ou servidor.

10. Erros só aparecem ao enviar

Problema: As regras do formulário são reveladas apenas depois de completar o cadastro.

Solução: Validar no momento adequado e mostrar regras claras antes de o usuário enviar o formulário.

11. Máscara de CPF ou telefone quebrada

Problema: Colar um número provoca formatação duplicada ou remoção de dígitos.

Solução: Aceitar números com ou sem pontuação, normalizar os dados e aplicar máscara sem duplicar caracteres.

12. Cadastro pede dados desnecessários

Problema: Uma ação simples exige informações pessoais sem necessidade aparente.

Solução: Solicitar apenas informações realmente necessárias, explicando o motivo quando necessário.

13. Bloquear preenchimento automático

Problema: O navegador tem os dados salvos, mas os campos não os reconhecem.

Solução: Usar campos semânticos e atributos autocomplete adequados aos gerenciadores do navegador.

Navegação e interface

7 problemas

Em lojas, voltar deveria preservar a busca e os filtros que já escolhi. Comentei problemas que encontro na Amazon e no Mercado Livre: em certas situações, mudar um filtro exige removê-lo e selecionar as opções novamente.

14. Pop-up imediato ao entrar

Problema: Um modal interrompe a navegação antes de o usuário conhecer o conteúdo.

Solução: Dar tempo de leitura antes de interromper a página; oferecer fechamento claro e não repetir avisos sem necessidade.

15. Botão voltar leva ao lugar errado

Problema: Ao voltar de um produto, a pessoa cai na página inicial.

Solução: Respeitar o histórico de navegação para devolver o usuário ao contexto de onde saiu.

16. Perder posição da rolagem

Problema: Depois de abrir um item, a listagem retorna ao topo.

Solução: Restaurar a posição de rolagem e o conteúdo carregado ao voltar para uma lista.

17. Filtros somem ao voltar

Problema: Preço, categoria e marca selecionados desaparecem após visitar um item.

Solução: Persistir filtros, ordenação e paginação durante a navegação e ao usar voltar.

18. Abrir nova aba para tudo

Problema: Cada clique cria uma nova aba desnecessária.

Solução: Usar links normais e só abrir nova aba quando houver benefício claro ou escolha do usuário.

19. Rolagem infinita sem alternativa

Problema: Não existe paginação nem maneira fácil de chegar ao rodapé.

Solução: Oferecer paginação, botão de carregar mais ou maneiras de chegar ao rodapé.

20. Menu muda de lugar

Problema: A navegação não é consistente entre as diferentes páginas.

Solução: Manter os mesmos menus, nomes e locais de ações em todas as telas.

Performance e comportamento

5 problemas

Uma busca deveria dar prioridade ao título, depois ao subtítulo e à descrição, antes de considerar o restante do texto. Também mostrei o que acontece quando um botão aceita cliques repetidos ou uma atualização simples muda a página de lugar.

21. Botão sem feedback

Problema: O usuário clica várias vezes porque não recebe confirmação da ação.

Solução: Indicar imediatamente que o clique foi registrado, bloquear duplicações e confirmar o resultado.

22. Layout que pula ao carregar

Problema: Elementos tardios deslocam botões e provocam cliques errados.

Solução: Reservar espaço para imagens e anúncios e evitar inserir componentes acima do botão enquanto o usuário interage.

23. Recarregar tudo para ação simples

Problema: Um filtro ou favorito provoca recarregamento integral da página.

Solução: Atualizar somente a parte necessária sem recarregar tudo ou perder contexto.

24. Busca não tolera erro de digitação

Problema: Um pequeno erro de grafia faz a busca retornar zero resultados.

Solução: Implementar busca tolerante a erros e sugestões de termos relacionados.

25. Busca ignora o termo digitado

Problema: A pesquisa mostra resultados patrocinados irrelevantes antes do item desejado.

Solução: Priorizar resultados relevantes à busca e separar claramente publicidade de resultados orgânicos.

Barreiras e padrões irritantes

5 problemas

Na Shopee, critiquei a exigência de login para apenas consultar o preço. Na Smiles, contei que levei quase uma hora no chat para cancelar um plano de 5.000 milhas que assinei por engano; um caminho direto de cancelamento teria evitado a conversa longa.

26. Exigir cadastro para ver preço

Problema: O usuário precisa criar uma conta apenas para descobrir o valor.

Solução: Exibir preços e condições principais antes de exigir cadastro ou dados pessoais.

27. Cancelar é mais difícil que assinar

Problema: O cancelamento exige muitas telas ou contato com suporte.

Solução: Permitir cancelar de forma clara, direta e proporcional à facilidade de contratar.

28. Links não abrem em nova aba

Problema: Botões JavaScript mal implementados impedem Ctrl/Cmd + clique.

Solução: Usar elementos de link acessíveis, com href, para navegação entre páginas.

29. Vídeo automático com som

Problema: A página começa a reproduzir áudio sem solicitação.

Solução: Não iniciar vídeos com áudio sem uma ação explícita do usuário.

30. Rejeitar cookies é difícil

Problema: Aceitar tudo é simples; rejeitar exige navegar por vários menus.

Solução: Oferecer opções de consentimento equilibradas, com rejeição fácil e sem escolhas enganosas.

Detalhes que destroem a experiência

10 problemas

Os últimos dez casos parecem pequenos até interromperem uma tarefa: escolher uma data, encontrar o Brasil num seletor de países, recuperar um rascunho ou retomar uma conversa de suporte. Também citei anúncios difíceis de fechar, texto impossível de copiar, nomes com acento rejeitados e botões de download que confundem publicidade com o arquivo.

31. Calendário exige voltar mês por mês

Problema: Selecionar uma data antiga requer dezenas ou centenas de cliques.

Solução: Oferecer seleção direta de mês e ano, especialmente para datas de nascimento.

32. País sempre começa nos EUA

Problema: O seletor ignora idioma e contexto e dificulta encontrar Brasil.

Solução: Permitir busca na lista de países e priorizar escolhas prováveis sem impedir outras opções.

33. Não salvar rascunhos

Problema: Um fechamento acidental faz o usuário perder todo o texto escrito.

Solução: Salvar rascunhos automaticamente e restaurá-los depois de quedas ou fechamentos acidentais.

34. Fechar anúncio é quase impossível

Problema: O botão X é minúsculo e fica próximo de uma área clicável.

Solução: Usar controles de fechamento visíveis e com área de clique confortável.

35. Modo escuro inconsistente

Problema: Parte do site usa tema escuro e outra abre uma tela branca intensa.

Solução: Aplicar a preferência de tema em todas as páginas e componentes.

36. Impedir copiar texto

Problema: O site bloqueia seleção ou clique direito sem necessidade.

Solução: Permitir seleção e cópia de texto; não bloquear ações comuns sem justificativa.

37. Chat de suporte perde histórico

Problema: Ao atualizar a página, o usuário precisa explicar seu problema outra vez.

Solução: Preservar o histórico de suporte entre atualizações e reconexões.

38. Link de redefinição expira rápido

Problema: O link enviado por e-mail deixa de funcionar antes de ser utilizado.

Solução: Dar prazo razoável e permitir reenviar links sem reiniciar um processo cansativo.

39. Não aceitar acentos em nomes

Problema: A validação rejeita nomes com caracteres legítimos do português.

Solução: Aceitar caracteres Unicode em nomes de pessoas, respeitando acentos e grafias legítimas.

40. Botões de download enganosos

Problema: A tela exibe vários botões semelhantes e confunde o download real.

Solução: Identificar o download legítimo claramente e não confundir publicidade com ações do site.

Uma revisão rápida para seu site ou aplicativo

1. A sessão continua ativa pelo tempo adequado e reconhece um dispositivo confiável?
2. O formulário preserva o que já foi digitado e explica como corrigir cada erro?
3. A navegação mantém posição, filtros e contexto quando a pessoa volta?
4. Botões confirmam a ação e evitam que um clique repetido duplique o pedido?
5. Preço, consentimento e cancelamento têm caminhos claros e proporcionais?