Como usar o teste A / B para experimentar com esses 13 elementos do seu site

Tempo de leitura estimado: 9 minutos

Você fez um ótimo trabalho ao descobrir novas maneiras de direcionar mais tráfego para seu website. Mas se esse tráfego não estiver traduzindo em conversões, você ainda terá muito trabalho a fazer.

Eu vejo esse equívoco comum no meu trabalho de consultoria o tempo todo.

As empresas gastam muito tempo e esforço tentando melhorar seu SEO orgânico enquanto executam simultaneamente campanhas PPC para obter mais visitantes do site.

Não há nada de errado com essa estratégia, mas aumentar o tráfego do site não é a única métrica importante. Você também precisa se concentrar em como os visitantes se comportam após o desembarque em suas páginas.

Eles estão convertendo?

Se não, esse tráfego não está traduzindo para dólares. É por isso que você precisa aprender a usar o teste A / B contínuo para aumentar as conversões .

Esses experimentos ajudarão você a entender melhor como otimizar certos elementos de design do seu website. Mudanças sutis podem causar um grande impacto na conversão do tráfego.

Na realidade, o número de coisas que você pode testar no seu site é aparentemente infinito.

Dito isso, limito os 13 elementos com os quais você deve começar. Você pode continuar a ajustá-los e executar vários testes para cada componente nesta lista.

Vou até dar alguns exemplos e dados da vida real para explicar como outros websites melhoraram as conversões testando elementos específicos.

1. tamanho do CTA

Ao ler este guia, você notará que os botões do CTA aparecerão várias vezes na discussão. Isso faz sentido, já que é o recurso mais importante em termos de gerar conversões.

Comece com o tamanho do seu botão de CTA.

Na maioria das vezes, esse botão precisa ser grande e ousado. Dessa forma, é óbvio e salta da tela. A última coisa que você quer é que alguém não consiga encontrar o seu botão de CTA.

Qual deve ser o tamanho ideal para conversões? A única maneira de saber é experimentando tamanhos diferentes. Aqui está um exemplo  para mostrar o que quero dizer:

1548078894 7421 Size

Como você pode ver, esses dois botões CTA são idênticos. Eles têm a mesma fonte, cor e posicionamento na página.

A única diferença é o tamanho.

Mas maior nem sempre é melhor. Na verdade, depois de executar esse experimento, descobriu-se que, na verdade, o CTA maior tinha 10% a menos de conversões.

Pode haver várias razões diferentes para isso, mas não precisamos entrar nisso agora. O importante é que isso nunca teria sido descoberto sem executar o teste A / B.

Não presuma que seu botão de CTA gigante é ideal para conversões. Teste o tamanho para ter certeza.

2. Frase de manchete

Suas páginas de destino terão manchetes diferentes. Esses títulos dirão aos visitantes exatamente o que eles encontrarão na página.

Dependendo de seus objetivos, o texto também pode levar as pessoas a tomar uma determinada ação.

Além disso, você quer que suas manchetes sejam também amigáveis ​​para SEO. Obviamente, muita reflexão deveria ser usada para elaborar essas palavras.

É por isso que você precisa aprender como aumentar os cliques ao dominar seus títulos .

Para fazer isso com eficiência, você precisará executar testes A / B para descobrir qual frase produz as taxas de conversão mais altas. Confira este exemplo  no site da Movexa:

1548078894 4896 Headline

À primeira vista, as duas páginas parecem iguais.

A única diferença entre o controle e a variação é o título. Como você pode ver, a diferença é menor. Tudo o que eles fizeram foi adicionar uma palavra.

A Movexa aumentou as vendas em 89% após adicionar a palavra “suplemento” ao título desta página de destino.

Portanto, não assuma que seu título é perfeito até você testar variações diferentes. Você pode se surpreender com os resultados.

3. Frete grátis informações

Este é mais específico para sites de comércio eletrônico. Mas é uma característica importante que não deve ser negligenciada.

Primeiro de tudo, você não deve cobrar de seus clientes pelo envio.

Se essa despesa estiver saindo do seu bolso, inclua-a no custo base de cada item, em vez de cobrar separadamente por ela.

Essa cobrança adicional é o principal motivo para o abandono do carrinho de compras .

1548078894 1876 Free Shipping

Mas simplesmente não cobrar pelo envio não é suficiente. Você precisa exibir essas informações com orgulho no seu site.

Dessa forma, seus clientes não precisarão acessar a página de checkout para saber que o frete é gratuito.

Mas onde você diz a eles? Isso é para você descobrir através do teste A / B.

Tente locais diferentes no banner do seu site. Talvez inclua no título.

Depois de experimentar a veiculação, você também pode continuar a executar testes no tamanho, na fonte e na cor desse texto. Tente usar todas as letras maiúsculas ou adicione um ponto de exclamação para ver se essas variações alteram seus resultados.

4. Fraseio de CTA

Vamos voltar a discutir o botão de CTA.

Agora que você sabe o tamanho ideal desse botão em um teste de que falei anteriormente, pode começar a experimentar o fraseado.

Obviamente, o fraseado dependerá do seu objetivo. Por exemplo, uma CTA “compre agora” não fará sentido se você estiver tentando fazer com que os visitantes do site assinem sua lista de e-mails.

Veja um exemplo de uma página de destino  que segmenta visitantes que precisam de um empréstimo:

1548078894 3091 Cta Phrasing

A equipe testou “aplicar agora” contra “enviar”. Tudo o mais sobre as páginas era exatamente o mesmo.

A hipótese aqui era que a palavra “aplicar” implicava que o visitante poderia ser rejeitado de um empréstimo, o que desencorajaria sua conversão.

Por outro lado, o botão “enviar” faz parecer que qualquer um pode ser aprovado simplesmente preenchendo o campo de formulário acima.

Recomendamos enfaticamente que você experimente o fraseado de botão do CTA em cada página de destino do seu website. Este botão é muito importante para você ignorar.

5. Exibição de preços

Alguns sites não exibem seus preços em suas páginas de destino. Você?

Dependendo do tipo de negócio que você tem, da sua estratégia de branding e do setor em que você está, talvez você não pense que isso é necessário.

No entanto, é possível que a exibição dos seus preços possa ajudar a aumentar as conversões. Confira este exemplo abaixo:

1548078894 8599 Pricing

A adição do preço a essa página de destino aumentou suas conversões em 100%.

Depois de adicionar o preço, você também pode executar outros testes para garantir que ele seja otimizado na página. Altere o local, a cor, a fonte e o tamanho para garantir o número máximo de conversões.

6. Conteúdo promocional

O conteúdo promocional em suas páginas de destino oferece aos visitantes de seu site um incentivo para comprar o que você está vendendo.

Em teoria, esses elementos impulsionarão conversões. Mas não faça suposições sem testá-las.

Veja o exemplo deste estudo de caso  no site do SimCity:

1548078895 7575 Sim City

A página de destino original tinha informações promocionais na parte superior da tela, abaixo da barra de menus.

É simples. Encomende o jogo e você receberá $ 20 de sua próxima compra.

Um incentivo como esse deve ser bom o suficiente para levar as pessoas a se converterem, certo?

Não tão rápido. Ao eliminar este conteúdo promocional da página de destino, eles viram um aumento de 43% nos checkouts.

Websites com designs simples têm taxas de conversão mais altas .

Adicionar muito conteúdo promocional às suas páginas pode dificultar que o visitante se concentre em seus botões de CTA. Removendo texto desnecessário pode realmente ser benéfico.

Não estou dizendo que você precisa destruir completamente todo o seu conteúdo promocional. Eu só estou tentando mostrar a você que você tem que executar experimentos para ver se vale a pena incluir.

7. colocação de CTA

Não, você ainda não concluiu o teste do seu botão de CTA.

Agora que o tamanho e a frase são atendidos, é hora de você encontrar a melhor localização na página para esse botão. Você precisará executar muitas experiências com isso.

Normalmente, o seu CTA deve estar sempre acima da dobra. Certifique-se de que esteja claramente visível em todos os momentos.

Mas teste locais diferentes na página. Experimente o meio, o lado esquerdo, o lado direito ou até mesmo um pouco fora do centro para a direita. Experimente todos os locais.

Experimente com dois botões CTA. Continue executando esses testes até encontrar um vencedor.

8. Tema da imagem

Seu site não deve ter sempre um plano de fundo branco sem imagens. Você precisa usar elementos visuais para melhorar sua estratégia de marketing .

Mas não tire apenas uma foto do nada e assuma que isso tornará seu site melhor.

Use testes A / B para descobrir quais imagens convertem melhor. Aqui está um exemplo  de como a Highrise  experimentou imagens em seu site:

1548078897 2540 Highrise

Michael teve quase 5% mais conversões do que Jocelyn.

Isso pode parecer marginal, mas dependendo da quantidade de tráfego para um site, pode ser a diferença em dezenas de milhares de dólares ao longo de um ano.

9. Menu de Navegação

Como os visitantes do site encontram o que estão procurando em suas páginas?

Normalmente, os menus de navegação são a melhor maneira de saltar de uma página para outra. No entanto, se esses menus forem muito complexos, isso poderá prejudicar suas conversões.

Lembre-se, manter as coisas simples é sempre sua melhor aposta.

Dê uma olhada no que aconteceu quando o Yuppiecheif  removeu o menu de navegação de sua homepage:

1548078898 5590 Yuppiechef

Como resultado dessa mudança no design, a Yuppiechef conseguiu aumentar as conversões em 100% .

Se funcionou para eles, poderia funcionar para você também.

Mesmo que você não queira remover completamente o menu, experimente outros elementos dele. Altere a cor, o tamanho e o posicionamento.

Considere remover algumas das opções para manter as pessoas concentradas na conversão.

10. Proposta de valor

Anteriormente falamos sobre a importância do frete grátis.

Mas você também pode testar outros elementos de sua proposta de valor. Aqui estão algumas das outras frases-chave que dão aos consumidores um incentivo para comprar online .

1548078898 9231 Value Prop

Ao destacar esses outros benefícios em suas páginas na forma de uma proposta de valor, você poderá gerar mais conversões.

11. cor CTA

Como eu disse antes, seu CTA precisa se destacar e ser óbvio para que seja eficaz.

É por isso que a cor desse botão é tão importante.

Claro, você quer que o esquema de cores do seu site seja visualmente atraente, mas isso não significa que o botão de CTA deve se misturar com todo o resto.

Um botão de CTA azul sobre um fundo azul se perderá no shuffle. E uma cor como amarelo brilhante será difícil de ler.

Então, quais cores funcionam melhor? Execute testes para descobrir.

Veja um exemplo de como  testar os botões CTA verdes e vermelhos:

1548078898 2021 Color

Normalmente, associamos verde com ir e vermelho com parada. Então, você poderia supor que o botão CTA verde superaria o vermelho.

Mas os resultados desse teste foram surpreendentes, e é por isso que não devemos fazer suposições.

O botão vermelho do CTA obteve 21% mais cliques do que o verde.

12. Layout da página do produto

Em um site de comércio eletrônico, o design das páginas do produto terá um grande impacto nas conversões.

Como essas conversões acabarão sendo convertidas em dólares, você precisa priorizar esses testes A / B, porque um erro aqui pode estar custando dinheiro.

Aqui está um exemplo de meias Smartwool:

1548078898 7904 Product Page Layout

No início, eles tentaram destacar alguns itens na página do produto.

Mas depois da transição para um sistema de grade uniforme com um teste A / B, eles viram um aumento de 17%  na receita média por visitante.

Tente isso também.

Experimente o número de produtos que você exibe na tela de uma só vez.

Se você tiver uma grade, teste linhas de três em comparação com linhas de cinco. Ou talvez duas colunas em vez de três colunas.

Teste o tamanho dos ícones do seu produto.

Depois de executar vários testes, você se sentirá confortável sabendo que tem o design ideal para as páginas mais importantes do seu site.

13. Comprimento dos campos do formulário

Teste o tamanho dos campos de formulário nas suas páginas de destino.

Na maior parte, os campos de formulário mais curtos têm taxas de conversão mais altas .

1548078900 2372 Form Fields

Mas como você pode ver neste gráfico, isso não é o mesmo em toda a linha.

No momento, se você tiver seis campos de formulário e conseguir reduzir para quatro, poderá supor que suas conversões aumentarão com base nesse gráfico.

No entanto, alguns de vocês podem precisar ter campos de formulário mais longos se você precisar coletar muitas informações de seus clientes.

Se você observar os dados acima, isso significa que um formulário com 28 campos não funcionará tão bem quanto um formulário com 40 campos.

Portanto, há certos casos em que o menor nem sempre é melhor. Execute um teste A / B nesses formulários até descobrir isso.

Conclusão

Quando se trata dos elementos de design do seu site, você nunca deve fazer suposições.

Em vez disso, crie uma hipótese e execute testes A / B para testá-la.

Como você pode ver na lista que criei, o botão de CTA tem um impacto enorme nas suas conversões. Mas existem outros elementos que devem ser testados também.

Não pare depois de um teste.

Você deve sempre tomar medidas para melhorar seu design, gerar conversões e, por fim, aumentar seus lucros.

Quais elementos do seu site você está tentando melhorar com testes A / B?

Deixe uma resposta

O seu endereço de e-mail não será publicado.