Outdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware match
Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstall
ThatPainter is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn More
Um site ruim não é necessariamente feio. Ele é ruim quando dificulta tarefas importantes: encontrar informação, ler, navegar, comprar, agendar, enviar um formulário ou confiar no negócio. Um layout pode parecer moderno e ainda falhar por ser lento, confuso, inacessível ou inadequado para celulares.
Os 15 exemplos abaixo são anti padrões, não uma lista de 15 empresas reais avaliadas individualmente. A referência editorial que populariza essa estrutura usa o fictício “The Bad Website” para representar categorias de problemas. O objetivo aqui é mostrar como reconhecer cada falha, por que ela prejudica a experiência e como corrigi-la.
O que caracteriza um site ruim?
A pergunta mais útil não é “o site é bonito?”. É: o usuário consegue concluir sua tarefa com clareza, rapidez e confiança?
- Feio: pode não agradar visualmente, mas continuar funcional.
- Experimental: rompe padrões de propósito, mas mantém orientação e acessibilidade suficientes.
- Ruim: cria confusão, fricção, inacessibilidade, desconfiança, lentidão ou abandono.
- Inadequado ao objetivo: pode funcionar para um portfólio artístico, mas ser péssimo para uma loja, clínica ou serviço local.
Clareza, usabilidade, acessibilidade e desempenho são dimensões relacionadas, mas não idênticas. SEO ajuda na descoberta; acessibilidade amplia o acesso; performance reduz espera; UX organiza a experiência; conversão mede a conclusão de uma ação. Um site pode ser rápido e inacessível, ou ter bom SEO e péssima navegação.
#1 Best Overall
- HTML CSS Design and Build Web Sites
- Comes with secure packaging
- It can be a gift option
A DesignRush resume um princípio importante: sites eficazes deixam claro seu objetivo, facilitam a varredura do conteúdo e orientam o visitante por meio de hierarquia visual. Veja a análise da DesignRush.
15 exemplos de design ruim e como corrigir cada um
1. Navegação confusa ou mal organizada
Como aparece: menus com rótulos vagos como “Soluções”, “Mais” ou “Descobrir”; categorias misturadas; menus que mudam entre páginas; ausência de indicação de localização; links importantes escondidos no rodapé.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Por que prejudica: o visitante não sabe onde está, para onde pode ir ou qual caminho leva ao objetivo. Isso aumenta cliques desnecessários e pode provocar abandono.
Como corrigir: organize o menu segundo as tarefas e dúvidas do público. Prefira rótulos específicos, como “Serviços”, “Preços”, “Portfólio” e “Contato”, em vez de termos genéricos. Mantenha nomes, posição e aparência consistentes. Em sites extensos, considere busca, mapa do site e breadcrumbs.
Como testar: peça a alguém que não participou do projeto para encontrar três informações sem orientação. Observe onde hesita.
A W3C recomenda navegação consistente, títulos claros e mais de um método para localizar conteúdo, quando isso fizer sentido.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
2. Carregamento lento
Como aparece: imagens enormes, vídeos carregados antes do conteúdo principal, muitos scripts de terceiros, animações pesadas, fontes desnecessárias e plugins que não contribuem para a tarefa.
Por que prejudica: a espera interrompe a tarefa, sobretudo em celulares e conexões instáveis. Não existe um limite universal que torne toda página “ruim” acima de determinado número de segundos; a avaliação deve considerar a página, a tarefa, o dispositivo e dados reais.
Como corrigir: redimensione e comprima imagens, carregue imagens abaixo da dobra de forma tardia, reduza scripts e rastreadores e teste páginas internas, não apenas a home.
Como testar: use o PageSpeed Insights e repita o teste em conexão móvel e dispositivo modesto. A ferramenta indica oportunidades técnicas, mas não avalia sozinha navegação, conteúdo, confiança ou acessibilidade.
Recommended Free Tools
3. Design que não funciona em celulares
Como aparece: texto pequeno, rolagem horizontal, botões próximos demais, imagens cortadas, menus que cobrem o conteúdo ou checkout difícil de usar com o toque.
Como corrigir: projete primeiro a experiência de tela pequena, use layouts fluidos e teste diferentes larguras de viewport. Verifique zoom, orientação horizontal, teclado virtual e formulários.
Exemplo: um botão “Solicitar orçamento” pode estar visível no desktop, mas ser empurrado para fora da tela no celular.
A W3C recomenda considerar diferentes tamanhos de viewport, inclusive celulares e janelas ampliadas.
4. Áudio, vídeo ou animação com reprodução automática
Como aparece: música começa sem solicitação, vídeo toca com som, carrossel muda antes de o visitante terminar de ler ou uma animação impede a concentração.
Por que prejudica: o site assume o controle da experiência, pode assustar o visitante e dificulta o acesso ao conteúdo.
Como corrigir: não inicie áudio com som automaticamente. Exiba controles visíveis de pausa e parada, permita avançar e retroceder em carrosséis e respeite preferências de movimento reduzido. Use animação quando ela explicar ou reforçar uma ação.
5. Tipografia ilegível
Como aparece: texto pequeno, fontes decorativas em parágrafos, baixo contraste, linhas muito longas, espaçamento insuficiente ou várias famílias tipográficas competindo entre si.
Como corrigir: use fontes legíveis no corpo, estabeleça hierarquia entre títulos e parágrafos, ajuste tamanho e altura de linha e limite a largura da coluna. Verifique a leitura no celular e com zoom.
“Usar no máximo três fontes” pode ser uma heurística visual, mas não é uma norma técnica. O critério principal é legibilidade e consistência. Títulos e espaçamento também devem deixar claras as relações entre os blocos, como recomenda a W3C.
6. Ausência de pesquisa interna quando o site exige busca
Como aparece: loja com muitos produtos sem busca, central de ajuda sem pesquisa, blog extenso sem filtros ou um ícone de busca difícil de identificar.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Rank #3
Por que prejudica: quem já sabe o que procura precisa percorrer menus e páginas desnecessariamente.
Como corrigir: torne a busca visível em sites grandes, ofereça sugestões e correção de erros, use filtros e mostre alternativas quando não houver resultados. Uma busca que retorna resultados irrelevantes pode ser pior do que não ter busca.
Um portfólio pequeno, com poucas páginas, talvez não precise desse recurso. A decisão deve acompanhar o volume e a complexidade do conteúdo.
7. Pop-ups, anúncios e banners em excesso
Como aparece: pop-up de newsletter assim que a página abre, aviso de cookies sobreposto a outro aviso, chat e promoção aparecendo simultaneamente ou anúncios confundidos com botões.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Por que prejudica: o conteúdo principal fica oculto e o visitante perde a sensação de controle.
Como corrigir: limite interrupções, evite pop-ups antes de a pessoa entender a página, não cubra ações essenciais e torne o fechamento fácil e acessível. Não use urgência falsa.
Pop-ups não são sempre inadequados: podem confirmar idade, permitir escolha de região ou recuperar um carrinho. O problema é interromper sem valor claro ou repetir a mesma mensagem.
8. Layout desorganizado
Como aparece: muitos elementos competindo pela atenção, pouco espaço em branco, tamanhos arbitrários, alinhamentos inconsistentes e blocos sem relação visual clara.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Por que prejudica: o visitante não distingue o que é principal, secundário ou clicável.
Como corrigir: defina a prioridade de cada seção, remova elementos que não ajudam a tarefa, use uma grade e um sistema de espaçamento, agrupe conteúdos relacionados e estabeleça hierarquia com títulos e contraste.
O oposto também pode falhar: um layout minimalista demais pode esconder contexto, instruções ou o próximo passo. O objetivo é clareza, não simplesmente vazio.
Rank #4
- Brand: Wiley
- Set of 2 Volumes
- A handy two-book set that uniquely combines related technologies Highly visual format and accessible language makes these books highly effective learning tools Perfect for beginning web designers and front-end developers
9. Falta de chamada para ação clara
Como aparece: página comercial sem “Comprar”, “Agendar”, “Pedir orçamento” ou “Falar com especialista”; vários botões com o mesmo destaque; ou CTA genérico como “Saiba mais”.
Como corrigir: defina uma ação principal por página, use verbos específicos e coloque o CTA próximo das informações que sustentam a decisão. Diferencie ações primárias de secundárias.
“Interessado?” é vago. “Agendar uma demonstração” informa o próximo passo. Para uma loja, “Adicionar ao carrinho” é mais claro do que “Continuar”. Um CTA não deve prometer uma etapa e entregar outra.
10. Cadastro ou formulário excessivamente complexo
Como aparece: campos desnecessários, rótulos ausentes, mensagens de erro vagas, formatos exigidos sem exemplo, perda de dados após um erro ou criação obrigatória de conta antes da compra.
Como corrigir: peça apenas o essencial na primeira etapa, divida processos longos, explique formatos esperados, preserve os dados preenchidos e mostre o erro junto ao campo correspondente. Ofereça checkout como visitante quando possível.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitchesCada campo deve ter um rótulo claro e instruções identificáveis. A W3C reúne recomendações sobre labels, instruções e feedback de erro.
11. SEO tratado como preenchimento artificial
Como aparece: repetição exagerada de palavras-chave, títulos genéricos, URLs confusas, páginas quase idênticas criadas apenas para capturar buscas e textos escritos para robôs, não para pessoas.
Como corrigir: escreva para a intenção real do visitante, use títulos descritivos, organize cabeçalhos semanticamente, crie URLs compreensíveis e forneça texto alternativo informativo para imagens relevantes.
Texto alternativo não é espaço para repetir palavras-chave. SEO também não compensa uma página lenta, confusa ou inacessível. O objetivo é ajudar pessoas e mecanismos de busca a entenderem o conteúdo, sem prometer posições no ranking.
12. Links quebrados e erros 404
Como aparece: links para páginas removidas, botões que não fazem nada, imagens quebradas, redirecionamentos em cadeia e links internos apontando para versões antigas.
Como corrigir: audite links depois de alterações na estrutura, crie redirecionamentos quando uma URL mudar e personalize a página 404 com busca e caminhos úteis. Não envie o visitante para uma página sem relação apenas para evitar o erro.
Também não é obrigatório que todo link externo abra em nova aba. A decisão deve considerar contexto, acessibilidade e expectativa de navegação, com indicação clara quando o usuário deixar o site.
13. Acessibilidade ignorada
Como aparece: contraste insuficiente, navegação impossível por teclado, foco invisível, imagens sem alternativa adequada, campos sem rótulos, vídeos sem legendas e informações transmitidas apenas por cor.
Como corrigir: verifique contraste e foco visível, permita navegação completa por teclado, associe labels aos campos, use headings em ordem lógica, adicione alternativas adequadas às imagens e ofereça legendas e transcrições.
Uma ferramenta automática encontra apenas parte dos problemas. Acessibilidade não é garantida por um relatório sem erros nem por uma declaração de conformidade. Use as recomendações da W3C/WAI, faça revisão manual e, quando possível, teste com pessoas que usam tecnologias assistivas.
14. Imagens e gráficos usados sem propósito
Como aparece: banco de imagens genérico que não representa o negócio, fotos borradas, gráficos sem legenda, imagens decorativas competindo com o CTA ou texto sobre fundo complexo.
Como corrigir: use imagens que expliquem ou reforcem a mensagem, redimensione antes do upload, garanta contraste para texto sobre imagens e escreva alternativas adequadas. Uma imagem decorativa não deve substituir informação essencial.
Free tools Windows power users keep installed
One-click scans. No signup required.
Uma foto genérica de uma equipe sorrindo pode ocupar espaço sem responder às dúvidas do cliente. Uma imagem do processo, do produto ou do resultado pode ser mais útil — desde que esteja nítida, otimizada e contextualizada.
15. Design inconsistente
Como aparece: botões semelhantes com funções diferentes, cores de marca variando por página, cabeçalhos que mudam, componentes duplicados com comportamentos distintos e uma página que parece pertencer a outra empresa.
Por que prejudica: o visitante precisa reaprender como o site funciona em cada tela, o que aumenta a carga cognitiva e reduz a confiança.
Como corrigir: crie um guia de estilo ou sistema de design, padronize cores, tipografia, espaçamento e estados interativos, mantenha os padrões de navegação e revise páginas antigas depois de um redesign.
A consistência deve ser conferida no desktop e no celular. Também inclui linguagem: “Solicitar orçamento” não deve virar “Fale conosco”, “Começar” e “Enviar” aleatoriamente quando a mesma ação é executada.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Como avaliar seu site em 30 minutos
- Escolha três tarefas essenciais: por exemplo, encontrar um serviço, pedir orçamento e localizar uma informação de contato.
- Teste no celular: use uma janela estreita, toque nos botões e preencha um formulário.
- Teste sem mouse: navegue com Tab, observe o foco e tente concluir as mesmas tarefas usando apenas o teclado.
- Teste estados de erro: envie um formulário incompleto, procure um termo inexistente e abra uma URL inválida.
- Meça o desempenho: analise a home e páginas importantes no PageSpeed Insights.
- Verifique acessibilidade: use o axe como apoio, mas não como garantia completa.
- Peça um teste independente: não explique onde clicar; observe hesitações, erros e perguntas.
- Priorize impedimentos: corrija primeiro o que bloqueia a tarefa, depois problemas de conforto e estética.
Checklist rápido de diagnóstico
Clareza
- A página explica em poucos segundos o que oferece?
- O visitante sabe para quem o produto ou serviço é destinado?
- A ação principal está evidente?
Navegação
- Os rótulos do menu são compreensíveis?
- A navegação é consistente em todas as páginas?
- O visitante sabe onde está?
- Existe busca quando o volume de conteúdo justifica?
Leitura
- O texto permanece legível no celular?
- Há contraste suficiente?
- Os blocos podem ser escaneados?
- Os títulos representam corretamente o conteúdo?
Interação
- Os botões parecem clicáveis?
- Os formulários têm labels e mensagens de erro?
- É possível corrigir ou voltar sem perder dados?
- Há mídia iniciando sem solicitação?
Acessibilidade
- Tudo funciona com teclado?
- O foco está visível?
- As imagens informativas têm alternativas?
- Os vídeos têm legendas?
- A informação não depende apenas da cor?
Desempenho e manutenção
- A página foi testada em conexão móvel?
- Imagens e vídeos estão otimizados?
- Há links quebrados?
- A página 404 oferece um caminho útil?
Site bonito não basta
Um visual sofisticado pode esconder problemas de leitura, navegação, acessibilidade ou confiança. Da mesma forma, um site simples pode cumprir muito bem sua função se explicar a oferta, carregar com estabilidade, funcionar no celular e conduzir o visitante ao próximo passo.
Para avaliar um design, observe comportamento e evidência: qual era a tarefa, qual obstáculo apareceu, quem foi afetado e qual mudança reduziria a dificuldade. Não confunda preferência estética com falha funcional — nem trate tendências visuais como solução automática.
Se o site precisar de ajuda profissional, procure um escopo escrito, entregáveis definidos, critérios de sucesso, plano de testes, exemplos verificáveis e clareza sobre manutenção e propriedade dos arquivos. A melhor intervenção não é simplesmente “deixar bonito”, mas remover obstáculos concretos como lentidão, navegação confusa, baixa acessibilidade, formulários abandonados ou falta de confiança.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
