9 erros de web design que prejudicam suas taxas de conversão

Publicados: 2022-05-23

É um erro comum para as empresas priorizar a estética sobre as conversões do site no design do site, puramente porque eles não sabem melhor. Alguns são erros flagrantes no design da página da web e, em seguida, existem alguns erros sutis, mas todos trabalham juntos para permitir que clientes em potencial abandonem seu site antes mesmo de tê-lo visto corretamente.

O que é webdesign

Web design é o processo de conceituar o que você deseja para o seu site, a aparência, a sensação, o propósito, a estrutura e a funcionalidade necessária. Depois de ter uma imagem mental, você precisa planejar cada passo com cuidado, depois construir os arquivos eletrônicos que comporão o site.

Erros comuns de web design

Foco

  • Não indica claramente o que sua empresa faz/oferece.
  • Falta de CTA (Call to Action) claro – muitas vezes esquecido ou deixado na parte inferior da página.
  • Difícil encontrar informações de contato – coloque um número de telefone na barra superior.
  • Não seguro (HTTPS) – sites seguros carregam mais rápido, classificam as classificações de pesquisa mais altas e 84% dos visitantes abandonarão uma compra se o site não for seguro.
  • Sem Analytics – se você não está rastreando o que funciona e o que não funciona, você não está focado em tornar o site sua melhor ferramenta de publicidade.
  • Não projetado para um público específico, por exemplo, um site de escola seria muito diferente de um restaurante.

Projeto

  • Como parece – isso é crucial, você tem menos de dez segundos para impressionar um visitante e fazê-lo querer explorar mais. O tema geral e as cores devem atrair o público Menos é mais, então uma página inicial desordenada afastará os visitantes. Eles precisam ver as barras de navegação e outras funções claramente para gerar conversões.
  • Uso excessivo de cores – muitas cores podem arruinar as conversões – é importante entender a psicologia das cores (por exemplo, use cores fortes como azul e branco para sites de beleza e saúde).
  • Demora muito para carregar – o ponto ideal é de 3 segundos; a probabilidade de rejeição aumenta exponencialmente a cada segundo a mais.
  • Não está pronto para celular
    • 52% dos usuários menos propensos a se envolver com uma empresa se uma experiência móvel ruim.
    • 91% priorizam a necessidade e a velocidade.
    • 61% seguirão em frente se não encontrarem o que precisam muito rapidamente.
  • Não usar design responsivo – o web design responsivo usa consultas de mídia CSS3 para fazer um site funcionar em todas as plataformas (ou seja, computador, laptop, tablet, smartphone).
  • Interface inconsistente entre as páginas – você não precisa de um novo design para cada página, fica confuso e não suporta um design de marca forte.
  • Pop-ups – podem interferir no uso de dispositivos móveis e afetar as classificações
  • As tags H1 foram removidas por razões estéticas - mas esse é o primeiro elemento que os rastreadores de mecanismos de pesquisa procuram.
  • Texto na imagem – os motores de busca não podem ver as imagens, então não vão ler o texto, ele precisa ser sobreposto.
  • Botões e links muito pequenos para clicar – especialmente no celular, nada mais frustrante do que dedos tocando mais de um botão ao mesmo tempo e terminando no lugar errado.
  • Sem Favicon – o usuário gosta de abrir várias páginas, difícil de encontrar se quiser voltar ao site.
  • Carrosséis que rolam automaticamente nas páginas iniciais – distraindo os usuários da sua mensagem.
  • Música automática em segundo plano – simplesmente irritante.
  • Vídeos que são reproduzidos automaticamente – novamente, apenas irritantes. Assassino de conversão.
  • 404 páginas genéricas – a maioria dos usuários abandona quando obtém uma dessas. Obtenha seu tratamento de erros classificado imediatamente.
  • Tempos de resposta lentos do servidor – precisam ser otimizados.
  • Não seguir as normas de design – os usuários perdoam, mas esperam o básico, como uma barra de navegação e função de pesquisa.
  • Mau uso do espaço em branco – muito pouco faz com que pareça apertado, muito pouco profissional.
  • Sem cache do navegador – afeta a velocidade de recarga das páginas, o que resultará em classificações mais baixas.
  • Não funciona em todos os navegadores – todos os sites devem ser projetados para funcionar em todos os navegadores.
  • Não funciona sem JavaScript – se o visitante desligar o JavaScript, seu site ainda deve funcionar.
  • O código não foi compactado – em outras palavras, minificando seu CSS, HTML e Javascript. Isso melhora a velocidade de carregamento.

Navegação

  • Muitos links abrindo em novas janelas – se não houver botão voltar ou for difícil navegar os visitantes provavelmente não retornarão, além de consumir largura de banda.
  • Links ocultos no site/menus invisíveis – os visitantes precisam saber 'onde estou', então você precisa de menus claros, navegação por migalhas de pão e dicas de design. Os menus podem ser ocultados no celular.
  • Centralizar logotipos – torna seis vezes mais difícil encontrar sua página inicial com um clique.
  • Não alterar as cores dos links visitados – para que os visitantes continuem retornando à página errada e abandonem.
  • Navegação incontrolável – qualquer animação pode matar conversões muito rápido.

Tipografia

  • Legibilidade, legibilidade, clareza – estes são os fatores críticos.
  • Fonte muito pequena, não é fácil de ler – o corpo do texto deve usar Sans Serif, tamanho acima de 14px, pois é compatível com todas as plataformas. As fontes Curly são para crianças.
  • Muitas fontes – leva à confusão, pois os visitantes se distraem com a apresentação e não se concentram na sua mensagem. Três é suficiente.
  • Fontes conflitantes – podem ser chocantes e não fazem nada para conversões.
  • Pobre kerning (símbolos), tracking (palavras), lead (frases) – os espaços são importantes e ajudam na clareza e legibilidade.

Contente

  • SEO fraco – não será captado por rastreadores de mecanismos de pesquisa, use palavras-chave de cauda longa.
  • Conteúdo não focado nas necessidades do visitante – mas sim em 'como somos bons' pode ser um verdadeiro desligamento.
  • Sem cabeçalhos e subtítulos – além disso, para facilitar a leitura, você perde os rastreadores de mecanismos de pesquisa que captam palavras-chave em sua mensagem.
  • Conteúdo não escaneável – os parágrafos devem ser curtos, usar listas de marcadores ou números para facilitar a leitura, os visitantes gostam de escanear uma página para ver se existe a possibilidade de ela ter as informações de que precisam.
  • Gramática ruim e frases longas – novamente um problema de legibilidade e parece pouco profissional.
  • Não postar conteúdo de qualidade regular – a pirâmide de conteúdo precisa ser ampla e baixa para que os rastreadores dos mecanismos de pesquisa peguem palavras-chave para classificação. Os visitantes retornarão se souberem que é atualizado regularmente.

Imagens

  • Banco de fotos irrelevante – as imagens devem ser agradáveis ​​aos olhos, relevantes e focadas em um assunto específico.
  • Dimensionamento e dimensionamento inadequados – afetará os tempos de carregamento e parecerá pouco profissional.
  • Dimensionamento de imagem sem resposta – CSS Media Queries são usadas para lidar com esse problema
  • Metadados ausentes – verifique os nomes dos arquivos antes de postar imagens, 987098709.jpg parece pouco profissional.
  • Sem compressão de imagem – tempos de carregamento mais longos equivalem a classificações mais baixas.

Mídia social

  • Não incentivando o engajamento social – perdendo suas melhores oportunidades de crescimento.
  • Ícones de mídia social no topo da página – comprovados para incentivar os leitores a deixar seu site e se distrair, colocá-los em qualquer outro lugar.

Experiência de usuário

  • Facilidade de pesquisa ruim – os visitantes são mimados com bons mecanismos de pesquisa e esperam que o melhor ou mais relevante seja mostrado, deve lidar com variações de palavras-chave, hífens, plurais e erros de digitação.
  • Não responde a consultas - nada afastará os visitantes tão rapidamente quanto um site que não responde, configure respostas automáticas quando você não estiver disponível e retorne a eles com urgência.

Questões legais

  • Nenhuma política de privacidade – agora um requisito legal em muitos países e ajuda a construir confiança.
  • Nenhuma informação de garantia – os visitantes querem saber que há legitimidade por trás de seus produtos.
  • Sem política de devolução – o bom comércio exige que você forneça pelo menos algum período para que um cliente mude de ideia (obrigado por lei em alguns países) e que você aceite devoluções se um produto não for adequado. As críticas ruins geralmente se concentram em experiências ruins de retorno.

Um ótimo site pedirá aos usuários que os informem se algo não funcionar para eles ou fornecerá sugestões de melhoria, alguns podem até ter um sistema de pontuação de estrelas para usabilidade. Sempre dê o melhor de si com o seu site – na maioria das vezes, é a primeira impressão de um cliente em potencial sobre sua empresa e cultura e pode fazer ou quebrar suas taxas de conversão.