close

Mais Conversões

7 Simples Testes A/B que Podem Aumentar sua Conversão em 20% ou Mais

Henrique Carvalho Escrito por Henrique Carvalho em 9 de fevereiro de 2014
Junte-se a mais de 150.000 pessoas

Entre para nossa lista e receba conteúdos exclusivos e com prioridade

teste-ab

O empreendedor que não realiza testes (seja ele um teste a/b ou não) assume que sabe perfeitamente o que seu público quer.

Cego pela sua arrogância e excesso de confiança, ele comete o grande erro de não ouvir o mercado e está fadado a sorte dos seus palpites para satisfazer seus clientes.

Pergunte a todos os empreendedores digitais de sucesso se eles realizam algum teste a/b? Provavelmente, 100% responderia que sim.

Por que? Porque testar é o melhor caminho para você descobrir um erro rapidamente e consertá-lo.

Quem não testa e não avalia resultados, está fadado a continuar errando sem saber que está errando.

Acredite, todos nós falhamos e erramos. Alguns mais do que outros, porém, o que nos diferencia é a capacidade que temos em transformar erros em soluções.

falhas-famosas

Tente. Falhe. Aprenda com o erro. Tente de novo.

Nesse artigo, você verá informações importantes sobre testes A/B como:

Continue lendo esse artigo para falhar mais rápido, testar novas soluções e alcançar o seu sucesso sem precisar depender da sorte. Nele você vai aprender mais sobre:

  • O que é um teste A/B
  • Por que você precisa realizar testes A/B
  • Quais os principais elementos de uma landing page que você deve testar?
  • Exemplos de teste A/B
  • Quais softwares utilizar para testes A/B?

O que é um teste A/B?

Um teste A/B é aquele em que você consegue dividir o tráfego de uma determinada página em duas versões: a original e a “variante”.

A “variante” é a página em que você mudará algum elemento para realizar o seu teste. Veja um exemplo abaixo:

teste-ab-oque-e

A diferença entre as duas páginas é uma simples seta vermelha apontando para o formulário de email.

O software Unbounce, que utilizo para criação das minhas landing pages, separa o tráfego igualmente para essas duas variantes e analisa qual teve maior sucesso em gerar mais emails para minha lista, que é o principal objetivo dessa página.

Como já era esperado, a página variante, com a seta vermelha, conseguiu aumentar em torno de 10% as conversões (emails capturados) dessa landing page com o infográfico sobre Conversão e Usabilidade.

Por que você precisa realizar testes A/B?

porque-teste-ab

Conforme vimos no exemplo anterior, uma simples adição de uma imagem conseguiu aumentar em torno de 10% as conversões para uma landing page de captura de email.

Sabendo que as landing pages sobre infográficos aqui do Viver de Blog (veja todas aqui) recebem em torno de 10.000 visitas por mês, imagine quantos emails adicionais esses 10% podem trazer para a lista de email do site.

Se a taxa de conversão média das landing pages é de 50% para as versões originais (versão A), significa que, das 10.000 visitas, 5.000 usuários cadastram seu email na lista do Viver de Blog por mês.

Porém, com o teste A/B da seta vermelha apontando para o formulário de email, consegui aumentar essa conversão em 10%. Ou seja, a conversão que antes era de 50%, agora é de 55%.

Logo, das 10.000 visitas por mês nas landing pages sobre infográficos, agora eu consigo capturar 5.500 emails todo mês. Um aumento de 10% ou 500 emails adicionais.

Parece pouco? Veja como uma lista de email é poderosa aqui.

Tudo por conta de uma seta vermelha. Você verá ao longo desse artigo, testes ainda mais importantes e poderosos para até mesmo dobrar suas conversões.

Espero que nesse ponto já tenha ficado claro a importância de realizar testes A/B. Agora, precisamos entender quais elementos testar para aumentar conversões, seja ela a captura de email, uma venda ou qualquer outro tipo de objetivo para sua página.

Quais os principais elementos de uma landing page que você deve testar?

teste

1. Título

Seu título é a primeira impressão de um visitante. Ele é tão importante que está aqui na primeira posição dos testes e existe um artigo (um guia, na verdade) inteiro aqui no site sobre como você pode criar o seu título perfeito.

Você pode testar títulos positivos contra negativos para expressar valor na sua landing page como:

Positivo: “Melhore as suas vendas em 123% seguindo essa dica única sobre […]”

Negativo: “Descubra o erro #1 que impede você de vender mais 123% […]”

2. Imagens

Após o título, procure testar suas imagens. Assim como no exemplo da simples seta vermelha, elas podem apresentar resultados surpreendentes.

Se você utiliza imagens como background de sua página, ela se torna ainda mais importante. Você pode testar imagens:

  • Com cor x sem cor;
  • Uma imagem x várias imagens;
  • Pessoas x Produtos;
  • Homens x Mulheres.

3. Vídeo

Alguns testes e estudos indicam que a presença de vídeo em uma landing page pode aumentar significamente sua conversão.

Ideias para você testar:

  • Autoplay x clicar para dar play;
  • Imagem x vídeo;
  • Duração do vídeo (curto x longo);
  • Falando pra câmera x apresentação em slide.

4. Texto (copy)

Escreva apenas o necessário, e nada mais. Essa é a dica básica para o quanto você deve escrever em sua landing page.

Assim como em artigos, você nunca deve enrolar o leitor com palavras que poderiam ser cortadas. A sábia frase já diz:

Escrever é a arte de cortar palavras.

Se você realmente precisar escrever mais, lembre-se de quebrar o seu texto em diversos parágrafos, utilizar bullets points, destaques em negrito e imagens para não cansar o leitor.

Se você continua lendo esse artigo (já são mais de 1.000 palavras nesse ponto), é provável que o texto está bem estruturado, já que a maioria das pessoas tem um déficit de atenção muito alto na internet, pulando de site em site, como macacos pulam de galho em galho.

5. Formulários de email

A maioria das landing pages que você criará, provavelmente serão para capturar emails de seus visitantes, oferecendo algo de valor em troca para eles, uma “isca digital”. (veja alguns exemplos de iscas aqui)

Portanto, esse formulário precisa ser o mais simples e efetivo possível. O que você pode testar/colocar nele:

  • O número de campos obrigatórios (eu peço somente o email);
  • O design do seu formulário;
  • Uma seta apontando para ele;
  • Informações sobre privacidade e spam.

6. Call to Action (CTA)

A chamada para ação (call to action) é a sua conversão. É o objetivo final de sua landing page.

Se sua página não está convertendo como deveria, é sinal de que você precisa melhorá-la.

Chamadas para ação devem ser sempre descritivas ao invés de subjetivas.

Se você está oferecendo um eBook coloque “Quero baixar meu eBook grátis aqui” ao invés de “Submeter”.

Geralmente, começar sua call to action com “Eu quero […]” é uma maneira eficiente de ir direto ao ponto.

7. Cores

Pode não parecer, mas cores são fundamentais em qualquer estrutura de design.

Veja o porquê nesse infográfico aqui sobre a Psicologia das Cores.

Uma dica útil é você testar diferentes contrastes de cores até encontrar a que funciona melhor para você.

Se você utiliza um fundo azul, por exemplo, não use um botão com sua call to action em azul. Use laranja no seu botão para destacá-lo.

Além disso, procure testar um fundo verde com um botão vermelho. Assim como azul e laranja são cores de contraste, verde e vermelho também são.

Você acredita que criar um blog é pra quem entende de ferramentas e softwares? Eu vou te mostrar o passo-a-passo para você criar um blog do zero ao longo de 7 aulas práticas (100% grátis). Comece agora mesmo!

Curso 100% grátis! Crie seu blog do zero até o lançamento ao longo de 7 dias com 7 aulas totalmente grátis.

Blog do Zero

Conhecer
Blog do Zero

Exemplos de Teste AB

Veja abaixo alguns exemplos reais de testes A/B realizados aqui no Viver de Blog e no HC Investimentos (meu site sobre investimentos).

1. Landing Page – Infográfico Conversão e Usabilidade

teste-ab-cro-ux

Resultado:

  • A. Imagem Infográfico: 35,11%
  • B. Imagem eBook: 38,37%

Aumento de 9,28% nas conversões.

A variante (página B), com a imagem em 3D, conseguiu um melhor resultado do que a imagem “flat”.

Vale lembrar que a seta melhor posicionada também deve ter ajudado nesse resultado.

Veja a página atual desse teste aqui.

(A página pode estar diferente por conta de novos testes e você cair em outras variantes)

2. Landing Page – Verificar Email

teste-ab-verificar-email

Resultado:

  • A. Passo 1 escrito: 65,67%
  • B. Imagem “1”: 76,92%

Aumento de 17,13% nas conversões.

A página B (variante) teve melhor desempenho utilizando imagens dos números (1,2,3) do que o texto (passo 1, passo 2, passo 3) da página original.

Veja a página atual desse teste aqui.

(A página pode estar diferente por conta de novos testes e você cair em outras variantes)

3. Landing Page – Curso de Investimento

teste-ab-azul

Resultado:

  • A. Fundo azul simples: 22,46%.
  • B. Fundo azul “desenhado”: 25,62%.

Aumento de 14,07% nas conversões.

A variante (página B) teve melhor resultado com um fundo azul mais destacado e desenhado (hexágonos azuis) do que a página original, com um azul mais claro.

Além disso, foi adicionado um pequeno cadeado abaixo do botão laranja, para assegurar o visitante que o cadastro de email é seguro na página variante (vencedora).

Veja a página atual desse teste aqui.

(A página pode estar diferente por conta de novos testes e você cair em outras variantes)

4. Landing Page – Vídeo Marketing

teste-ab-video-marketing

Resultado:

  • A. Menos informação: 38,62%
  • B. Mais informação: 47,53%

Aumento de 23,07% nas conversões.

A página B (variante) teve melhor conversão com mais informações sobre o infográfico do que a página A, que mostra apenas imagens e o formulário de captura de email.

Além disso, na página B, o logo desse site foi adicionado, o que não foi feito na página A (original).

Veja a página atual desse teste aqui.

(A página pode estar diferente por conta de novos testes e você cair em outras variantes)

Quais softwares utilizar para testes A/B?

software-teste-ab

Existem alguns bons softwares para você testar suas hipóteses e os diversos elementos que uma landing page possui.

Os mais indicados para essa tarefa são:

  • Unbounce (software que integra landing pages e teste a/b. Todos os exemplos desse artigo foram realizados nele)
  • Visual Website Optmizer (mais usado para páginas de vendas e pequenas empresas)
  • Optimizely (outro software para a/b testes – mais usado por empresas e lojas virtuais)
  • Google Experiments (gratuito, dentro do Google Analytics)

Dica: Para você usar o Google Experiments (teste A/B gratuito do Google) dentro do seu blog WordPress, você precisa instalar um script.

Um bom plugin que permite você colar esse script do Google Experiments na página exata do seu teste é o Google Content Experiments.

Conclusão – Recapitulando

teste-ab

Realizar testes A/B é fundamental para o crescimento do seu negócio online.

No início, é muito comum você finalizar testes com 100% de melhora porque você está começando a entender a “mente” do usuário no seu site.

À medida que você realiza vários e vários testes, fica cada vez mais difícil conseguir 1% adicional nos resultados dos testes.

Você também precisa ficar muito atento à significância estatística do seu teste. Não adianta nada comparar uma melhora de uma conversão para duas, dizendo que houve um aumento de 100%.

Você precisa de, no mínimo, uma semana de intervalo e 100 conversões para avaliar estatisticamente o resultado de um teste.

Ambas as ferramentas citadas nesse artigo, possuem uma calculadora embutida para calcular o grau de confiança dos seus testes, que deve ser maior do que 95% para você ter certeza dos resultados.

Se você ainda não realiza testes A/B nos seus sites e tem pelo menos uma landing page ou produto pronto, a hora é agora para você começar.

Se você já faz esses testes, espero que esse artigo tenha dado algumas dicas adicionais para você se inspirar e melhorar suas conversões.

Se precisar de mais inspirações, visite essa página aqui e escolha o seu favorito. 🙂

Você deseja aprender a produzir conteúdos memoráveis 2 vezes mais rápido e com 10 vezes mais poder de viralização e vendas, mesmo que você não tenha o dom da escrita? Conheça o curso de produção de conteúdo do Viver de Blog. Clique aqui embaixo e saiba mais!

Viralize seus conteúdos e aumente suas vendas

Produção de Conteúdos Memoráveis

Quero saber mais
Produção de Conteúdos Memoráveis

Hey,

o que você achou deste conteúdo? Conte nos comentários.

  • Guilherme Lopes

    Mais uma vez, EXCELENTE! =) Muito bom ver o assunto cada vez mais discutido e analisado no Brasil. A maior parte das agências de propaganda/marketing, designers, webdesigners, etc, não fazem ideia do que se trata isso. Acho que esbarram naquele excesso de confiança/arrogância mesmo. Hoje com tanta ciência acessível, não tem mais essa de insight/sitezinho-bonito-pra-ganhar-prêmio. É tipo “E aí, Vendeu?”.

    Parabéns, Henrique!

    • Muito obrigado pelo comentário Guilherme!

      Sim, a matemática não mente e pode mostrar a todos se um design funciona (converte) ou não.

      Bons tempos esse que estamos vivendo. 🙂

      Abraços!

    • Pablo Ribeiro

      É fantástico converter “achismos” em números! Ainda mais com o intervalo de confiança explicado ao final.

  • Fabrício Ottoni

    Muito bom mesmo Henrique! Esse seu Blog é uma pérola! 😉

    Abraços e parabéns!

  • Hugo

    Bom dia Henrique,

    Qual software você utiliza para criar a imagem do E-book?

    Att.

    • Oi Hugo!

      Essa imagem em 3D foi produzida pelo designer, mas acredito que existem algumas opções gratuitas na internet que podem ajudar você a fazer isso. Só dar uma pesquisada mais a fundo.

      Abraços!

  • Jennifer Veloso

    Henrique Carvalho, virei sua fã.
    Parabéns pela qualidade e pelos ótimos assuntos abordados.
    Você tem me ajudado muito, é sempre um prazer acompanhar seu blog em busca de conhecimento.
    Um abraço

    • Muito obrigado Jennifer!

      Fico muito feliz em saber que está gostando do conteúdo do blog e que ele está sendo útil para você.

      Forte Abraço!

  • Rafael Veloso

    Nú gostei dimais deste artigo… engraçado que ontem apareceu na minha timeline um artigo seu sobre landing pages e hoje sobre testes A/B justo na hora que eu estou começando a trabalhar com esta área de captura de e-mails etc. Antes eu não tinha negócios deste tipo… apenas sites de adsense etc.

    Agora fiquei com uma dúvida… estou usando o Instabuilder, até foi seu parceiro Bruno que me passou como Bonus. Queria saber este plugin faz teste A/B também?

    Abraço,

    Parabéns mais uma vez!!!

    • Obrigado pelo comentário Rafael!

      Infelizmente, não sei informar se o InstaBuilder faz teste A/B. Seria preciso você dar uma pesquisada ou entrar em contato com eles mesmo.

      Abraços!

  • Adriano

    Oi, excelente post ..estava justamente querendo testar a minha pagina .

    Vc conhece algum software gratuito que permite fazer o teste A/B igual a como era feito atraves do Google Website Optimizer na versao anterior ?? Parece qie agora que integraram na plataforma do Analytics nao esta funcioandno mais do mesmo jeito !!

    • Oi Adriano!

      Sim, o Google Experiments (dentro do Google Analytics) permite você fazer esse teste gratuitamente.

      Na realidade, ficou ainda mais fácil fazer o teste na nova versão do Analytics. 🙂

      Abraços!

  • Bruno Cordeiro

    O melhor blog disparado, fala sério! Criei uma pasta de favoritos somente para matérias importantes mas estou enchendo ela só com artigos seus. 🙂

    • Muito obrigado Bruno!

      Gratificante saber que o blog está sendo útil.

      Abraços!

      • Claudio Hess

        olá Henrique!!
        Tenho um teste A/B p vc fazer:
        Em A use sua foto DESCABELADO como é hoje, e em B coloque uma PENTEADO !!
        Estou apostando um mínimo de 10% no PENTE!!

        PS, favor não detonar meu avatar, foi mestre Arcimboldo quem fez!!!!

  • Jason Lawrence Lopes

    Henrique, existe ferramenta de teste A/B através do Google Analytics, um javascript que coloca no cabeçalho da página e ele alterna entre uma página e outra, e já faz o relatório de qual foi mais eficaz.
    Parabéns pelo conteúdo.

    • Oi Jason!

      Obrigado pelo comentário. Atualizei o artigo com o Google Experiments, assim como coloquei o plugin para WordPress que permite você colar o código exatamente na página desejada.

      Abraços!

  • LEX

    Boa!! ……..

  • Maicon

    Muito bom Henrique.. Mais um excelente artigo.. parabéns!

    Você poderia me responder uma dúvida? Por que você não utiliza no sidebar do seu site um box com o botão de curtir a página do seu face, onde é um modo pratico. Você tem alguma tese do porque não o usar?

    grande abraço

    • Oi Maicon!

      Porque meu objetivo não é ganhar mais likes na fanpage (já tenho mais de 100.000). O principal objetivo é cativar o leitor para assinar minha lista de email, que é meu canal preferido para relacionamento.

      Abraços!

  • Natanael de Souza

    Eu fico de cara mesmo…. fala sério Henrique, muito bom!

    Abração!

  • Henrique, mais um estudo de caso fantástico! Vejo poucas pessoas falarem da relevância estatística do teste, pois de nada adianta um teste A/B com 1 dia ou poucas conversões. Parabéns pelo Artigo, concluiu com chave de ouro!

  • Lá vou eu testar o Google Experiments.

  • megapcdeve

    Falou tudo, tem Internet Marketer vendendo essas informações por 2.999,00. O melhor post sobre A/B.

  • Caio Phidávera

    Excelente, Henrique! É impossível resistir quando você divulga que publicou algo novo. Parabéns, abraço!

    • Obrigado por acompanhar sempre de perto os novos artigos Caio!

      Abraços!

  • Vinicius Horta

    Olá Henrique!

    Fantástico seu artigo, é extremamente fiel à realidade dos testes A/B! Apenas senti falta de citar o Instabuilder, é o plugin que utilizo e tenho bons resultados nos testes com ele 🙂

    Abraço!

  • André Santos

    Parabéns Henrique!

    Se superando a cada artigo. Obrigado por compartilhar essas incríveis informações.
    Cara muito sucesso ai para você.

    Forte Abraço.

  • Fantástico Henrique!

    Percebi que a maioria dos meus concorrentes não faz esse tipo de teste e essa é uma ótima oportunidade de eu sair na frente deles, não é verdade?
    Vou começar a fazer esses testes A/B o mais rápido possível. Só estou criando uma página de captura. hehe

    Uma dúvida: Você oferece os seus infográficos como isca digital?

    Segunda dúvida: Para cada página de captura que você tem, você tem uma “página de confirmação” diferente?

    Parabéns por mais um artigo!
    Abraço!

    • Oi Afonso!

      É uma ótima oportunidade. Sim, uso os infográficos para atrair mais leitores para o blog. Lembre-se de criar um conteúdo que alguém pagaria para tê-lo e ofereça como isca digital.

      Não criei uma página de confirmação diferente para todas, mas cada infográfico tem uma página seguinte diferente.

      Abraços!

  • Parabéns pelo excelente artigo, Henrique! Como sempre uma fonte de ótimo conteúdo aliado à prática de métricas. Muito sucesso!

  • Fred Graef

    Fantástico Henrique! Parabéns!

  • Julio Bitencourt

    Um teste AB simples que fiz em uma campanha de e-mail marketing resultou em 11% de aumento na abertura e 38% de diferença em número de cliques!

    • Fantástico Julio!

      É muito importante fazer testes A/B não só em landing pages, mas em emails também. Parabéns pelos resultados.

      Abraços!

  • lmcosta

    Realmente eu aprendo muito no seu blog, já trabalhei bastante no mercado web (13 anos) porém nunca conheci alguém que tivesse tanta informação realmente boa para passar. Parabéns mais uma vez @hcinvestimentos:disqus

    • Fantástico!

      Fico muito feliz em saber disso. Meu objetivo aqui é educar o mercado com boas práticas que funcionam porque foram testadas. 🙂

      Abraços!

  • Mauro Bandeira

    excelente artigo ! Obrigado pelas informações preciosas . Um abraço e sucesso

  • Mais um conteúdo sensacional, como sempre. Parabéns meu amigo Henrique! Abração!

  • Olá Henrique,

    Tenho acompanhado assiduamente seu trabalho, e não canso de dizer que ele é fantástico.
    Aliás, ele tem me ajudando muito. Já falei em outro comentário dos resultados que estou obtendo com meu site (http://chancedeganhar.com.br).
    Na ocasião, você me deu algumas sugestões para melhorar o layout e conteúdo do site, não sei se você lembra. Gostei e apliquei as suas sugestões.
    Se não for exigir muito, gostaria de pedir para você dar uma olhada e me dizer o que você acha, se tem alguma outra coisa que posso trabalhar.

    Muito obrigado e um forte abraço.

  • Lucas Jordan da Silva

    Ótimo! Muito bom, obrigado. Só discordo sobre o contraste entre verde e vermelho: se você utilizar estas duas cores naqueles tons tradicionais no natal, por exemplo, o contraste é bem ruim, bem apagado.

  • Diego

    Show de bola o artigo Henrique. Sim, teste A/B entre outras coisas são importantes.

    Criei um eBook com o tema: E-Commerce, 13 maneiras de aumentar a conversão.

    É excelente e aconselho todos a verificarem. Abaixo link:

    http://www.hotmart.com.br/produto/D1914336D/Ecommerce-13-maneiras-de-aumentar-a-conversao/—812394-

  • clepaula

    Obrigada por compartilhar essas dicas com a gente. Um abraço e muito sucesso!

  • Felipe

    É possível fazer teste A/B com o google, usando URL Amigável de conteúdo dinâmico?

    Página de produto de e-commerce por exemplo?

  • Obrigado pelos conhecimentos, meu chará! Um abraço!

  • edw

    Não é por excesso de confiança ou arrogância que não fazem, e sim por ignorarem o que seja. Quando li o título me veio à cabeça exame de tipo sanguíneo rsrsrs (ignorância). Boa dica

  • Felipe Guidini

    Ótimo Conteúdo Henrique, já trabalhei com Testes A/B em algumas ferramentas que hoje não estamos mais utilizando. Você saberia me informar se tem algum site que eu consiga fazer isso online ou pesquisar as palavras que tem maior abertura em um subject? Obrigado.

  • Leandro Dornelas Sampaio Andra

    Henrique, saberia dizer se usuários da lista com mais estrelas são misturados aleatoriamente mas em mesma proporção para cada teste A/B? Conheça um pouco de estatística https://pt.wikipedia.org/wiki/Blocagem_(estat%C3%ADstica)

    Além disso, Estatisticamente é difícil dizer se 22% ou 25% sem um boa avaliação da amostra. Lembra da famosa margem de erro das eleições? Ela é verdadeira.

  • lucas

    Henrique, urgente. Estou no seu site todos os dias, gostaria que me passasse alguma informação ou link que esteja este conteúdo que não sei.

    *Foge um pouco deste artigo
    – Pergunta: Caso não consiga imagens autorizadas, como você descreve em um dos artigos que não me lembro o título, eu poderia tirar foto de algum lugar, cujo eu possa me cadastrar com DIREITOS AUTORAIS em cima desta foto em virtude de explicar melhor e receber conversões em cima ??

    P.S: Gostaria que fosse sincero, caso não saiba. Ok! Valeu. Desde já, ainda não terminei de resumir este artigo, e já agradeço pela sua contribuição. #Souseufã

Junte-se a mais de 150.000 pessoas

Entre para nossa lista e receba conteúdos exclusivos e com prioridade

1K Compart.
Compartilhar514
Compartilhar398
Twittar102
WhatsApp