You are on page 1of 54

TESTES A/B

TUDO O QUE VOC PRECISA SABER SOBRE


2
O que voc encontrar nesse eBook?
Esse guia ir ensinar tudo o que voc precisa saber sobre teste A/B, desde o conceito bsico at como cri-lo,
analis-lo e otimiz-lo.
Nessa jornada, rumo ao maravilhoso mundo de mais converses alcanadas com pouco esforo, voc ainda saber
mais sobre quais elementos testar em sua pgina, 10 exemplos reais de testes A/B de sucesso, quais ferramentas
utilizar e como fazer testes A/B em sites com pouco trfego.
1. O que um teste A/B e por que todo empreendedor e blogueiro inteligente deve utiliz-lo?
O bsico sobre a importncia dos testes A/B para alavancar converses sem muito esforo.
2. 10 elementos para testar em seus testes A/B
No sabe o que testar em sua pgina? Veja esses 10 elementos que podem mudar suas converses (alguns so muito fceis de testar).
3. Anlise de 10 exemplos reais de testes A/B de sucesso
O guia prtico e real dos 10 testes A/B de sucesso que podem ser replicados e testados em suas pginas.
4. Como fazer testes A/B em sites com pouco trfego?
Mesmo se seu site tiver pouco trfego, ele pode se benefciar de testes A/B, se estes forem realizados corretamente.
5. Quando saber a hora exata de parar um teste A/B?
A matemtica no mente. Entenda a importncia de testes A/B estatisticamente signifcativos.
6. Quais softwares utilizar para criar, analisar e otimizar testes A/B?
6. Quais softwares utilizar para criar, analisar e otimizar testes A/B?
Sobre o Viver de Blog Sobre o Autor
Viver de Blog o site especializado em marketing
digital no qual voc pode confar.
No pregamos que voc poder enriquecer
dormindo, mas compartilhamos as ferramentas
e o mapa para voc evitar furadas e encontrar o
caminho mais rpido para o seu sucesso.
Henrique Carvalho o fundador do Viver de Blog e
co-fundador do treinamento Marketing Digital Com
Resultados.
Captulo 1
O QUE UM TESTE A/B E POR QUE TODO EMPREENDEDOR
E BLOGUEIRO INTELIGENTE DEVE UTILIZ-LO?
5
O que um teste A/B?
Teste A/B um tipo de teste no qual voc testa duas
pginas, (A) e (B), para analisar qual delas obteve o melhor
desempenho.
Um exemplo simples de teste A/B seria duplicar a pgina (A),
mudando apenas um elemento dela. Neste exemplo, vamos
supor que seja seu ttulo.
Ao invs de utilizar o ttulo Baixe o seu eBook sobre teste A/B
Grtis da pgina original (A), poderia ser utilizado [Grtis]
eBook sobre teste A/B: O Guia Defnitivo.
O objetivo, neste exemplo, seria analisar qual pgina
incentivou o maior nmero de downloads. Seria a pgina (A) a
vencedora, com o ttulo original? Ou seria a pgina (B), com o
ttulo modifcado?
Voc nunca saber a resposta correta at realizar um teste A/B.
A
B
VS
6
Por que realizar um
teste A/B?
s vezes, uma simples mudana, em um nico elemento de
uma pgina (A) para uma pgina (B) pode resultar em um
aumento superior a 100% em suas converses.
Veja o exemplo abaixo:
A diferena entre as duas pginas uma simples seta vermelha
apontando para o formulrio de e-mail.
O software Unbounce, o qual utilizo para criao de minhas
Landing Pages, separa o trfego igualmente para essas duas
variantes e analisa qual teve maior sucesso em gerar mais
e-mails para minha lista, que o principal objetivo dessa
pgina.
7
Como j era esperado, a pgina variante, com a seta
vermelha, conseguiu aumentar em torno de 10% as
converses (e-mails capturados) dessa Landing Page com o
infogrfico sobre Converso e Usabilidade.
Sabendo que as Landing Pages sobre infogrfcos aqui do
Viver de Blog (veja todas aqui) recebem em torno de 10.000
visitas por ms, imagine quantos e-mails adicionais esses
10% podem trazer para a lista de e-mail do site.
Se a taxa de converso mdia das Landing Pages de 50%
para as verses originais (verso A) signifca que, das 10.000
visitas, 5.000 usurios cadastram seu e-mail, por ms, na
lista do Viver de Blog.
Porm, com o teste A/B da seta vermelha apontando para
o formulrio de e-mail, consegui aumentar essa converso
em 10%. Ou seja, a converso que antes era de 50%, agora
de 55%.
Logo, das 10.000 visitas, por ms, nas Landing Pages sobre
infogrfcos, agora possvel capturar 5.500 e-mails. Um
aumento de 10% ou 500 e-mails adicionais.
Parece pouco? Veja como uma lista de e-mail poderosa,
acessando 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 converses.
Espero que neste ponto j tenha fcado claro a importncia
de realizar testes A/B. Agora, precisamos entender quais
elementos testar para aumentar converses, sejam elas
captura de e-mail, uma venda ou qualquer outro tipo de
objetivo para sua pgina.
Testes A/B so rpidos de se criar, podem aumentar
drasticamente suas converses e no precisam de muito
trfego para serem vlidos (mais sobre este assunto nos
prximos captulos).
Em relao aos testes A/B, existem 3 tipos de decises que
empreendedores digitais podem tomar:
8
1. Ignor-los completamente por deciso
prpria
Este o tipo de empreendedor arrogante, que acredita que
sabe mais que todos, inclusive seu prprio pblico.
Ele no realiza testes A/B, porque acredita que so uma perda
de tempo. Afnal, ele j sabe o que melhor para o seu pblico
com sua bola de cristal mgica.
Tenho certeza que voc no um deles! Se voc est lendo esse
eBook, porque quer saber mais sobre como criar, monitorar e
otimizar testes A/B.
2. No realizar testes A/B por
desconhecimento
Talvez esse seja o seu caso. Se for, fque tranquilo. Voc
no est sozinho e esse eBook ir te ajudar a entender:
Como funciona um teste A/B;
Com quais ferramentas voc pode cri-lo;
Quais elementos em uma Landing Page podem (e
devem) ser testados;
Exemplos reais de 10 testes A/B que j realizei e que
podem ser teis para voc;
Como fazer testes A/B em sites de pouco trfego, se
este for o seu caso.
Se voc perguntar a diversos empreendedores de sucesso
se eles utilizam testes A/B, muito provvel que todos
respondam que sim.
Afnal, pequenas mudanas para eles podem trazer
grandes resultados. Imagine uma pgina de vendas com
aumento de 100% em converses. Seu faturamento
aumenta em duas vezes com um simples teste A/B.
3. J realiza testes A/B e quer melhor-los
Se voc j est nesse seleto e, infelizmente, pequeno
grupo, parabns! Voc reconhece a importncia desses
testes para otimizar suas converses com pouco esforo.
Esse eBook servir para expandir seu conhecimento
nesse tema e, a partir do prximo captulo, voc j entrar
em contato com novas ideias que espero que otimizem
seus resultados.
Empreendedores do grupo 2 e 3, vamos embarcar agora
na parte mais estratgica sobre testes A/B para que voc
tenha algo concreto para testar por si prprio em suas
Landing Pages.

Resumo do Captulo 1
Teste A/B um tipo de teste no qual voc testa duas
pginas, (A) e (B), para analisar qual delas obteve o melhor
desempenho;
s vezes, uma simples mudana, em um nico elemento
de uma pgina (A) para uma pgina (B) pode resultar em
um aumento superior a 100% em suas converses;
Testes A/B so rpidos de se criar, podem aumentar
drasticamente suas converses e no precisam de muito
trfego para serem vlidos;
Existem 3 tipos de decises que empreendedores digitais
podem tomar em relao aos testes A/B e voc precisa
estar no grupo 2 ou 3 para realiz-los com sucesso.
Compartilhe
esse eBook sobre
Testes A/B e ajude
mais pessoas a
aumentarem suas
converses.
Captulo 2
10 ELEMENTOS QUE PRECISAM SER TESTADOS EM
SUAS LANDING PAGES
11
1. Ttulo
2. Imagens
Seu ttulo a primeira impresso de um visitante. Ele to
importante que est aqui na primeira posio dos testes
e existe um artigo inteiro (um guia, na verdade) aqui no
site sobre como criar seu ttulo perfeito.
Voc pode testar ttulos positivos contra negativos para
expressar valor em sua Landing Page, como:
Positivo: Melhore suas vendas em 123% seguindo essa
dica nica sobre [...]
Negativo: Descubra o erro #1 que te impede de vender
mais 123% [...]
Se voc utiliza imagens como background de sua pgina,
elas se tornam ainda mais importantes. Elas podem ser
testadas:
Com cor x sem cor;
Uma imagem x vrias imagens;
Pessoas x Produtos;
Homens x Mulheres.
Aps o ttulo, procure testar suas imagens. Assim como no
exemplo da simples seta vermelha, elas podem apresentar
resultados surpreendentes.
3. Vdeo
Alguns testes e estudos indicam que a presena de vdeo
em uma Landing Page pode aumentar, signifcativamente,
sua converso.
Ideias para testar:
Autoplay x clicar para dar play;
Imagem x vdeo;
Durao do vdeo (curto x longo);
Falando para a cmera x apresentao em slides.
12
4. Texto (copy)
Escreva apenas o necessrio e nada mais. Esta a dica bsica
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 sbia frase j diz:
Escrever a arte de cortar palavras.
Se voc realmente precisar escrever mais, lembre-se de
quebrar seu texto em diversos pargrafos, utilizar bullet points,
destaques em negrito e imagens para no cansar o leitor.
Se voc continua lendo esse artigo (j so mais de 1.000
palavras neste ponto), provvel que o texto esteja bem
estruturado, j que a maioria das pessoas tem um dfcit
de ateno muito alto na internet, pulando de site em site,
como macacos pulam de galho em galho.
5. Formulrios de
e-mail
Provavelmente, a maioria das Landing Pages que voc
criar sero para capturar e-mails de seus visitantes,
oferecendo algo de valor em troca para eles, uma isca
digital (veja alguns exemplos de iscas digitais aqui).
Portanto, este formulrio precisa ser o mais simples e
efetivo possvel. O que voc pode testar/colocar nele:
O nmero de campos obrigatrios (eu peo somente
o e-mail);
O design do seu formulrio;
Uma seta apontando para ele;
Informaes sobre privacidade e spam.
6. Call to Action (CTA)
A chamada para ao (call to action) a sua converso. o
objetivo fnal de sua Landing Page.
Se sua pgina no est convertendo como deveria, sinal
de que voc precisa melhor-la.
13
Chamadas para ao devem ser sempre descritivas ao
invs de subjetivas.
Se voc est oferecendo um eBook, coloque Quero baixar
meu eBook grtis aqui ao invs de Submeter.
Geralmente, comear sua call to action com Eu quero [...]
uma maneira efciente de ir direto ao ponto.
7. Cores
Pode no parecer, mas cores so fundamentais em
qualquer estrutura de design.
Veja o porqu nesse infogrfico aqui, sobre a Psicologia
das Cores.
Uma dica til voc testar diferentes contrastes de cores
at encontrar qual funciona melhor para voc.
Se voc utiliza um fundo azul, por exemplo, no utilize
um boto com sua call to action em azul. Use laranja para
destac-lo.
Alm disso, procure testar um fundo verde com um
boto vermelho. Assim como azul e laranja so cores de
contraste, verde e vermelho tambm so.
8. Depoimentos e
Credibilidade
Voc precisa de elementos de credibilidade em sua
Landing Page, como depoimentos.
Eles so importantes porque tendemos a confar nas opinies
de amigos, experts e pessoas que transmitam sinceridade.
Porm, quando chega o momento de realizar um teste A/B, o
que devemos fazer com esses elementos de credibilidade?
Uma dica testar depoimentos de uma pessoa muito
infuente contra o depoimento de um cliente seu.
s vezes, por mais valor que um expert infuente possa
transmitir ao seu produto ou servio, somente um cliente
poder passar a futuros clientes o benefcio que voc gerou
para ele, utilizando uma linguagem do seu prprio pblico.
Se voc tem uma lista de e-mail e est procurando cresc-
la, uma boa dica utilizar o nmero exato de usurios que
esto recebendo sua newsletter.
Porm, se esse nmero for muito pequeno (abaixo de
100), utiliz-lo pode trazer o efeito reverso, transmitindo
confana negativa, a de que poucas pessoas
acompanham seu trabalho.
14
Alm desses pontos, voc pode testar a quantidade de
depoimentos e fatores de credibilidade. Como via de regra,
no exagere nessa quantidade. Afnal, voc no deseja parecer
arrogante, deseja?
9. Pginas de
Ps-Confrmao
Provavelmente, este um dos testes mais esquecidos. Pginas
de ps-confrmao aparecem logo aps o usurio completar
o objetivo da Landing Page anterior, seja ceder seu e-mail ou
clicar no boto de comprar.
Voc pode testar a pgina de ps-confrmao de diversas
formas. Algumas delas so:
Abrir um pop-up na mesma Landing Page;
Abrir uma nova pgina com todas as informaes
necessrias;
Colocar botes de compartilhamento social;
Sugesto de outros produtos/servios: ideal para quem
j comprou algo e deseja comprar mais;
Bnus: oferecer um bnus na pgina de ps-
confrmao uma tima oportunidade para
surpreender o usurio.
10. Usabilidade
Pode parecer estranho, mas existem formas efcientes de
testar a usabilidade para melhorar suas converses.
Um exemplo: Em uma Landing Page, voc poderia utilizar
uma navegao superior que acompanha o usurio
enquanto ele rola a pgina para baixo.
Nessa navegao, possvel colocar call to actions, partes
especfcas da Landing Page e at mesmo capturas de e-mail.
Portanto, testar diferentes formas de estrutura na
usabilidade de sua Landing Page pode aumentar sua
converso.
Na maioria das vezes, somente com o fato de voc se
preocupar em adicionar elementos que favorecem
a usabilidade, j possvel notar um aumento nas
converses.
Resumo do Captulo 2
Veja, abaixo, todos os 10 elementos de sua Landing Page
em que preciso realizar testes A/B para obter resultados
melhores em suas converses:
Ttulo;
Imagens;
Vdeo;
Texto (copy);
Formulrios de e-mail;
Call to action;
Cores;
Depoimentos e credibilidade;
Pginas de ps-confrmao;
Usabilidade.
Compartilhe
esse eBook sobre
Testes A/B e ajude
mais pessoas a
aumentarem suas
converses.
Captulo 3
ANLISE DE 10 EXEMPLOS REAIS DE TESTES A/B
DE SUCESSO
17
Neste ponto do eBook, voc j compreende a importncia de fazer testes A/B e os possveis elementos que podem (e
devem) ser testados.
No captulo 3, irei revelar a parte mais prtica desse eBook, mostrando testes reais realizados em meus sites que conseguiram
aumentar as converses em 50% ou mais.
Esses testes foram aplicados em pginas que aparentavam, de certa forma, estarem otimizadas, de acordo com testes A/B
anteriores.
Se voc fzer seu primeiro teste A/B, provvel que voc alcance um aumento nas converses de 100% ou mais, dobrando seus
resultados.
Veja, abaixo, 10 exemplos reais de testes A/B realizados nas mais diversas Landing Pages.
Antes de olhar os resultados de cada teste, procure avaliar mentalmente qual pgina voc acredita ter tido o melhor desempenho:
a pgina (A), sempre esquerda, ou a pgina (B), sempre direita.
A B
18
1. Landing Page Usabilidade e Converso
Essa pgina tem como objetivo principal a captura de e-mails.
Na pgina (A), esquerda, temos mais informaes (mais texto), uma call to action e o formulrio para captura de e-mail,
alinhado direita.
J na pgina (B), direita, temos menos informaes. Ela bem mais simples, com ttulo, formulrio de e-mail e uma imagem
abaixo. A seta est em vermelho, ao invs do azul anterior.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
19
Resultado do teste:
Pgina A (mais informaes). Converso de: 36,21%
Pgina B (menos informaes). Converso de: 47,41%
A pgina (B) produziu um aumento de 30,93% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Nem sempre mais informaes resultam em melhores resultados. Neste caso, uma pgina baseada nos conceitos do
Design Centrado no Usurio, direta ao ponto em relao ao objetivo principal, ganhou.
O maior contraste entre a seta (vermelha) e o fundo (azul) tambm deve ter ajudado.
20
2. Landing Page Verifcar E-mail
Essa pgina tem como objetivo principal o clique nos cones de e-mail, j que uma pgina de verifcao de e-mail,
incentivando o usurio a abri-lo e clicar no link para confrm-lo.
Na pgina (A), esquerda, temos o passo-a-passo escrito. Passo 1, Passo 2, Passo 3.
J na pgina (B), direita, temos 1,2,3. Imagens representando o que o usurio deve fazer.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
21
Resultado do teste:
Pgina A (passo-a-passo escrito). Converso de: 65,67%
Pgina B (passo-a-passo com imagens). Converso de: 76,92%
A pgina (B) produziu um aumento de 17,13% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
difcil analisar esse resultado, mas acredito que ele esteja relacionado com o teste anterior, em que menos
informaes resultam em mais converses.
Na pgina (B), o cinza claro da imagem, ao invs do texto em cinza escuro da pgina (A), ajuda a trazer a ateno do
usurio para os cones de e-mail.
22
3. Landing Page Curso de Investimento
Essa pgina tem como objetivo principal a captura de e-mail atravs do formulrio, direita.
Na pgina (A), esquerda, temos um fundo azul bem simples.
J na pgina (B), direita, temos um fundo azul estilizado.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
23
Resultado do teste:
Pgina A (fundo azul simples). Converso de: 22,46%.
Pgina B (fundo azul estilizado). Converso de: 25,62%.
A pgina (B) produziu um aumento de 14,07% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Legibilidade. Na pgina (B), com um fundo mais escuro, muito mais fcil ler o texto em branco do que na pgina (A),
com um fundo azul claro.
Talvez o estilo dos hexgonos possam ter ajudado tambm, mas acredito que a melhor legibilidade do texto em branco
foi o principal fator desse teste.
24
4. Landing Page Vdeo Marketing
Essa pgina tem como objetivo principal a captura de e-mail atravs do formulrio, direita.
Na pgina (A), esquerda, mais compacta, temos duas ilustraes e um destaque em preto, apontando para a rea de e-mail.
J na pgina (B), direita, temos mais texto e mais de uma opo para o usurio: cadastrar o e-mail ou compartilhar nas redes
sociais para ter acesso ao infogrfco.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
25
Resultado do teste:
Pgina A (uma opo). Converso de: 38,62%
Pgina B (duas opes). Converso de: 47,53%
A pgina (B) produziu um aumento de 23,07% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Acredito que a opo adicional de compartilhamento nas redes sociais para baixar o infogrfco foi o diferencial nesse teste.
Provavelmente, os usurios que no gostariam de ceder seus e-mails na pgina (A), deixaram a pgina. Porm, na
pgina (B), eles tinham a opo adicional de compartilhar nas redes sociais, caso no quisessem ceder seus e-mails.
Alm disso, na pgina (B), o logo do Viver de Blog foi adicionado, o que no havia sido feito na pgina (A), original.
26
5. Landing Page Marketing Digital Com Resultados
Essa pgina tem como objetivo principal a captura de e-mail.
Na pgina (A), esquerda, temos um fundo branco, alm de um destaque em preto, apontando para a rea de captura de
e-mail.
J na pgina (B), direita, temos um fundo preto, alm de uma mudana no ttulo e subttulo.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
27
Resultado do teste:
Pgina A (branca). Converso de: 26,41%
Pgina B (escura). Converso de: 41,81%
A pgina (B) produziu um aumento, signifcativo, de 58,31% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Particularmente, no acredito que a mudana no fundo tenha sido fundamental para esse aumento nas converses.
O fator principal, na minha opinio, foi a mudana do ttulo de Marketing Digital Com Resultados para Os 5 Poderosos
Pilares do Marketing Digital.
O novo ttulo, longe de ser timo ou perfeito, muito melhor do que o primeiro, que no transmite nenhum benefcio ou
captura ateno.
28
6. Landing Page Psicologia das Cores
Essa pgina tem como objetivo principal a captura de e-mail.
Na pgina (A), esquerda, temos um fundo verde claro, destacando a imagem de um eBook.
J na pgina (B), direita, temos um fundo verde estilizado, com o rosto de uma mulher olhando para a nossa direita.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
29
Resultado do teste:
Pgina A (eBook). Converso de: 40,67%
Pgina B (mulher). Converso de: 43,66%
A pgina (B) produziu um aumento de 7,35% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Existe um princpio do Design Centrado no Usurio chamado pistas direcionais. Essas pistas podem ser tanto setas, como
pessoas olhando para uma direo.
O importante a saber que ns temos uma atrao por setas e olhares e tendemos a olhar para onde eles esto apontando.
Por esse motivo, acredito que a mulher olhando para a direita, onde est o formulrio de captura de e-mail, mais efcaz
que a imagem de um eBook.
30
7. Pgina de Vendas Marketing Digital Com Resultados
Essa pgina de vendas tem como objetivo principal o clique no boto de inscrio para um treinamento em marketing digital.
No possvel ver aqui, mas a imagem com o Bruno Picinini, meu parceiro nesse treinamento de marketing digital , na verdade, um
vdeo que roda sozinho quando o usurio entra nessa pgina.
Portanto, esse um fator que no faz diferena na converso, j que o vdeo o mesmo e se inicia da mesma forma.
Na pgina (A), esquerda, temos o texto em azul indicando vagas limitadas, alm do texto no boto Quero Fazer Minha Inscrio Agora!.
J na pgina (B), direita, temos o texto em azul indicando por tempo limitado, alm do texto no boto Faa Sua Inscrio AQUI!.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
31
Resultado do teste:
Pgina A (vagas limitadas). Converso de: 20,31%
Pgina B (por tempo limitado). Converso de: 30,83%
A pgina (B) produziu um aumento, signifcativo, de 51,79% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Tratando-se de uma pgina de vendas, um aumento de 51,79% nos cliques de inscries mais do que bem-vindo. Portanto,
teste bastante suas pginas de vendas, j que elas tendem a apresentar resultados de maior impacto para seu negcio.
Nesse caso, o texto foi fundamental para essa brusca mudana. Acredito que o fato de o tempo ser limitado trouxe mais
converses do que as vagas serem limitadas.
Seria melhor ainda se a pgina (B) tivesse um contador regressivo para o tempo ou a pgina (A) tivesse o nmero atualizado
de vagas restantes para incentivar a inscrio.
32
8. Landing Page Fangate Facebook
Essa pgina tem como objetivo principal o clique no boto like da fanpage do Facebook. Embora no seja possvel ver, as setas
apontam para ele.
Na pgina (A), esquerda, temos o ttulo Receba nosso curso de investimentos 100% grtis e uma seta laranja.
J na pgina (B), direita, temos o ttulo Aprenda a investir com segurana nesse curso 100% grtis, uma seta azul e 3
benefcios abaixo.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
33
Resultado do teste:
Pgina A (seta laranja). Converso de: 69,30%
Pgina B (seta azul). Converso de: 56,82%
A pgina (A) produziu um aumento de 21,96% nas converses em relao pgina (B).
Quais motivos explicam, na teoria, o melhor resultado?
Teoria do contraste. Qual a principal cor do Facebook? Azul, correto?
Logo, qual seta se destaca melhor em um fundo azul? A seta azul ou a seta laranja?
A laranja, porque oferece mais contraste com o fundo azul do Facebook.
34
9. Pgina de Ps-Converso Marketing Digital Com Resultados
Essa pgina tem como objetivo principal o clique no boto de compartilhar nas redes sociais.
Na pgina (A), esquerda, temos o estilo Matrix, oferecendo uma plula vermelha com os botes de compartilhamento e uma
plula azul.
J na pgina (B), direita, mais simples, temos um boto laranja destacado e o que o usurio ir receber ao compartilhar.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
35
Resultado do teste:
Pgina A (estilo Matrix). Converso de: 61,99%
Pgina B (powerpoint/keynote). Converso de: 69,77%
A pgina (B) produziu um aumento de 12,55% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Clareza vence a criatividade. Apesar da ideia do estilo Matrix funcionar bem, a clareza de o usurio saber o que ir receber
ao compartilhar, converteu melhor.
36
10. Landing Page Curso de Investimentos
Essa pgina tem como objetivo principal a captura de e-mail.
Na pgina (A), esquerda, temos uma imagem (moeda de um real) em destaque.
J na pgina (B), direita, temos um vdeo que roda automaticamente quando o usurio entra na pgina, em destaque.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?
37
Resultado do teste:
Pgina A (imagem). Converso de: 43,48%
Pgina B (vdeo). Converso de: 47,19%
A pgina (B) produziu um aumento de 8,53% nas converses em relao pgina (A).
Quais motivos explicam, na teoria, o melhor resultado?
Nesse caso, o vdeo ofereceu mais informaes sobre o curso do que a imagem da moeda.
Resumo do Captulo 3
Nesse resumo, vou colocar os resultados dos 10
vencedores do teste A/B e os motivos que explicam esse
resultado:
Uma pgina com menos informao, mais centralizada,
produziu um aumento de 30,93% nas converses em
relao pgina com mais informaes;
Uma pgina com o passo-a-passo em imagens produziu
um aumento de 17,13% nas converses em relao
pgina com o passo-a-passo escrito;
Uma pgina com melhor legibilidade e com fundo
estilizado produziu um aumento de 14,07% nas
converses em relao pgina com maior difculdade
de leitura e fundo plano;
Uma pgina com duas opes produziu um aumento de
23,07% nas converses em relao pgina com apenas
uma opo;
Uma pgina com ttulo melhor trabalhado produziu um
aumento de 58,31% nas converses em relao pgina
com ttulo mais genrico;
Uma pgina com o conceito de pistas direcionais,
com a mulher olhando para o formulrio, produziu um
aumento de 7,35% nas converses em relao pgina
com um eBook como principal imagem;
Compartilhe esse
eBook sobre Testes A/B
e ajude mais pessoas
a aumentarem suas
converses.
Uma pgina com escassez de tempo produziu um aumento de
51,79% nas converses em relao pgina com escassez de
vagas;
Uma pgina com melhor contraste de cores produziu um
aumento de 21,96% nas converses em relao pgina com
cores parecidas entre o fundo e a seta;
Uma pgina com mais clareza produziu um aumento de 12,55%
nas converses em relao pgina com mais criatividade;
Uma pgina com vdeo produziu um aumento de 8,53% nas
converses em relao pgina com uma imagem principal.
Captulo 4
COMO FAZER TESTES A/B EM SITES COM
POUCO TRFEGO?
40
Talvez voc tenha um site com pouco trfego e deva estar se perguntando se possvel fazer testes A/B nele?
A resposta curta que sim. Porm, voc precisa ter em mente uma srie de fatores que sero explicados abaixo, nessa resposta mais
longa.
Primeiramente, defnir o que um site com pouco trfego bem relativo. Poderamos dizer que um site que recebe menos de 100
visitas nicas por dia um site de baixo trfego.
O problema com esse tipo de site que uma pequena mudana na converso pode te enganar. Explico.
Se voc recebeu 100 visitas e teve 10 converses, sua taxa de converso de 10%.
Porm, se voc recebeu 100 visitas e teve 20 converses, sua taxa de converso de 20%. Ou seja, um aumento de 100%, o dobro.
Agora imagine que essas 10 converses adicionais ocorreram em um site com 10.000 visitas.
Das 10.000 visitas, 1.000 converses representam uma taxa de converso de 10%.
Porm, das 10.000 visitas, 1.010 converses representam uma taxa de converso de 10,10%. Ou seja, um aumento de 1%.
Portanto, no site com 100 visitas, tivemos uma variao de 100% (o dobro), enquanto no site com 10.000 visitas, tivemos uma
variao de 1%.
A diferena, que parece enorme no site com poucas visitas, torna-se irrelevante no site com mais visitas.
Logo, antes de achar que voc o novo expert em testes A/B, preciso entender que quanto mais visitas seus testes recebem, mais
estatisticamente corretos eles so.
Entretanto, como eu disse no incio, mesmo um site com poucas visitas pode aprender com testes A/B. Veja como:
41
1. Coloque seu foco nas micro-converses
Vamos supor que voc tenha um funil confgurado em 3 partes:
Parte 1: Fonte primria de trfego (artigos, anncios etc.);
Parte 2: Pgina de captura de e-mail;
Parte 3: Pgina de vendas.
Ao invs de medir a sua macro-converso fnal atravs da
pgina de vendas (parte 3 do funil), procure medir suas
micro-converses atravs da pgina de captura de e-mail
(parte 2 do funil).
Ao otimizar essa parte com testes, voc no apenas ter um
volume de visitas maior para analisar, como tambm poder
gerar um maior volume de visitas para sua pgina de vendas
atravs de uma melhor converso.
Portanto, se seu site recebe poucas visitas, procure quebrar
grandes converses em pequenas converses. Otimize-as e,
somente depois, coloque seu foco nas macro-converses.
2. Teste uma mudana radical
Seja no design, no texto ou no ttulo, procure criar uma verso
extremamente diferente da original.
Desse modo, voc poder avaliar mais rpido qual est
vencendo a batalha pela converso.
Logo, no procure apenas mudar a cor de um boto ou testar
uma nova imagem. Faa uma mudana radical em sua pgina,
mudando radicalmente vrios elementos.
Essa uma dica simples, mas pode trazer resultados
surpreendentes.
3. Faa testes qualitativos
Ao invs de analisar taxas de converso, procure entender
melhor seu usurio:
Por que ele no comprou seu produto?
Qual foi o principal fator para ele comprar seu produto?
O que o impede de cadastrar seu e-mail em sua lista?
O que ele gostaria de ver em sua pgina?
Ele conseguiu encontrar o que desejava em sua pgina?
Essas so perguntas abertas que no resultam em um dado
especfco, mas so fundamentais para otimizar suas pginas.
Uma ferramenta que possibilita fazer esse tipo de teste, por
exemplo, o Qualaroo.
42
4. Analise mapas de cliques
O mapa de cliques uma ferramenta de usabilidade que te
permite observar onde, exatamente, os usurios esto clicando
em seu site.
uma forma inteligente de identifcar problemas em sua
pgina.
Na imagem acima, os usurios esto clicando onde eu desejo
que eles cliquem.
Porm, imagine que a grande maioria dos cliques estivesse
ocorrendo na imagem abaixo do boto. Talvez ela fosse grande
demais ou se destacasse da pgina por ser mais colorida.
Com esse mapa de cliques, eu poderia perceber isso e,
rapidamente, mudaria o design da pgina, dando menos
importncia ela.
Softwares como o CrazzyEgg e o Click Tale, que permitem
confgurar esses mapas de cliques, so timos para aprender e
observar como o usurio navega pelo seu site, onde ele clica e
at mesmo onde ele rola o mouse.
5. Faa seu site carregar muito rpido
O principal problema da acessibilidade de um site ele no
estar acessvel. Faz sentido?
Porm, mesmo estando acessvel, ele precisa ser muito rpido.
Afnal, os usurios na internet esto cada vez menos pacientes.
Estudos mostram que voc tem apenas 8 segundos para
conquistar seu leitor. Para piorar a situao, os dados abaixo
reforam a importncia de um site que carregue bem rpido:
40% dos usurios abandonam um website se ele no carregar
em menos de 3 segundos;
1 segundo a mais para carregar um site pode resultar em
uma queda de 16% na satisfao do usurio;
A cada 1 segundo para carregar, um site pode perder 7% em
converses.
Alm disso, o tempo de carregamento de um site tambm
conta para SEO, afetando diretamente seu ranking para
palavras-chave no Google.
43
Dica #1: Monitore a velocidade do seu site
Faa um teste no site Pingdom e veja em quanto tempo seu site
carrega. Identifque qual tipo de contedo demora mais para
carregar. Veja um exemplo do Viver de Blog, que carregou em
1,8 segundos:
Normalmente, imagens de grande tamanho so os principais
viles que afetam o carregamento do seu site.
Se sua inteno mostrar uma imagem de 100 x 100 pixels,
no coloque uma imagem de 1.000 x 1.000 pixels e deixe o
WordPress redimensionar para voc.
O tamanho da imagem continuar sendo de 1.000 x 1.000 pixels,
embora o site mostre a de 100 x 100 pixels.
Portanto, lembre-se de sempre redimensionar sua imagem antes
de fazer o upload para seu site.
Dica #2: Contrate um servidor confvel (e que seja muito
rpido)
Essa uma grande dvida de qualquer pessoa que possui um
site. Qual empresa escolher para o hosting do meu site?
Aqui no Brasil, vejo muitos decidindo pelo Uol host ou Local
web e posso dizer que esses servios so muito ruins quando
comparados com empresas estrangeiras.
No raro encontrar gente reclamando no Twitter ou em
fruns sobre a m qualidade dessas empresas nacionais.
Tanto o Viver de Blog quanto o HC Investimentos esto
hospedados na Media Temple (link afliado com 20% de
desconto, exclusivo para leitores do Viver de Blog).
Eles so a mesma empresa responsvel por manter sites como
RedBull, Diesel, Sony, Adobe, entre outros, no ar.
Como no entendo nada de programao e dos termos tcnicos
dessa rea, o pessoal da Media Temple fez todo o trabalho de
mudana de servidor para mim com maestria. O suporte foi incrvel
e valeu cada centavo gasto.
Se voc cuida do seu site como se fosse seu empreendimento e
dedica-se bastante para melhor-lo, um bom servidor mais do
que necessrio para ajud-lo a melhorar o tempo de carregamento
do seu site e at mesmo melhorar seu ranking no Google.
Resumo do Captulo 4
Sim, mesmo se seu site receber um baixo volume de
trfego (menos de 100 visitas por dia), voc pode se
benefciar de testes A/B.
Abaixo, separei as 5 dicas resumidas nesse captulo para
realizar testes A/B com baixo volume de trfego:
Coloque seu foco nas micro-converses;
Teste uma mudana radical;
Faa testes qualitativos;
Analise mapas de cliques;
Faa seu site carregar muito rpido.
Compartilhe
esse eBook sobre
Testes A/B e ajude
mais pessoas a
aumentarem suas
converses.
Captulo 5
QUANDO SABER A HORA EXATA DE PARAR
UM TESTE A/B?
46
Essa uma pergunta muito comum quando voc j est rodando um teste A/B.
Infelizmente, existem diversas variveis que determinam o melhor momento para declarar que uma verso vencedora entre as
testadas.
Essas variveis so:
Diferena entre a taxa de converso das variantes;
Nmero de variantes utilizadas;
Nmero de visitas recebidas;
Nmero de converses;
Tempo de durao do teste.
Para ter um teste estatisticamente signifcativo, voc precisar de uma confana acima de 95%, resultante da combinao dos fatores
acima.
Felizmente, a maioria dos softwares j calcula esse percentual estatstico de confana para seus usurios.
Mesmo com esse clculo automatizado, voc ainda precisa seguir algumas regras de ouro para no cair na iluso de um resultado
equivocado de um teste, como:
Espere seu teste apresentar, no mnimo, 100 converses;
Espere seu teste completar uma semana, excluindo feriados e datas comemorativas.
Atravs dessas regras, voc j estar bem mais preparado para analisar resultados.
Resumo do Captulo 5
Abaixo, o resumo sobre quando saber a hora exata de
parar um teste A/B:
Tenha em mente que voc precisar de uma
confana acima de 95% para declarar um vencedor
em seu teste;
Espere seu teste apresentar, no mnimo, 100
converses;
Espere seu teste completar uma semana, excluindo
feriados e datas comemorativas.
Compartilhe
esse eBook sobre
Testes A/B e ajude
mais pessoas a
aumentarem suas
converses.
Captulo 6
QUAIS SOFTWARES UTILIZAR PARA RODAR E
ANALISAR TESTES A/B?
49
Existem alguns bons softwares para testar suas hipteses e os diversos elementos que uma Landing Page possui atravs
de um teste A/B.
Os mais indicados para essa tarefa so:
Unbounce (software que integra Landing Pages e teste A/B. Todos os exemplos desse artigo foram realizados nele);
LeadPages (outro software que integra Landing Pages e teste A/B);
Visual Website Optmizer (mais utilizado para pginas de vendas e pequenas empresas);
Optimizely (outro software para testes A/B mais utilizado por empresas e lojas virtuais);
Google Experiments (gratuito, dentro do Google Analytics).
Dica: Para voc utilizar o Google Experiments (teste A/B gratuito do Google) dentro do seu blog WordPress, necessrio instalar
um script.
Um bom plugin, que te permite colar esse script do Google Experiments na pgina exata do seu teste, o Google Content Experiments.
Resumo do Captulo 6
Veja abaixo os softwares mais indicados para realizar testes
A/B:
Unbounce (software que integra Landing Pages e
teste A/B. Todos os exemplos desse artigo foram
realizados nele);
LeadPages (outro software que integra Landing
Pages e teste A/B);
Visual Website Optmizer (mais utilizado para pginas
de vendas e pequenas empresas);
Optimizely (outro software para testes A/B mais
utilizado por empresas e lojas virtuais);
Google Experiments (gratuito, dentro do Google Analytics).
Compartilhe
esse eBook sobre
Testes A/B e ajude
mais pessoas a
aumentarem suas
converses.
51

Teste A/B um tipo de teste no qual voc testa duas


pginas, (A) e (B), para analisar qual delas obteve o
melhor desempenho;
Lembre-se de que quanto mais visitas voc recebe,
mais importante realizar testes A/B, j que qualquer
aumento nas converses resultam em grandes aumentos
absolutos, como mais e-mails e/ou vendas;
Na dvida do que comear a testar, procure testar ttulo,
imagem/vdeo principal e sua call to action;
No existe uma cor mgica para seu boto. A melhor cor
aquela que mais contrasta com os demais elementos de
sua pgina;
Sempre utilize uma pgina de ps-converso. Ganhar
o segundo sim muito mais fcil do que ganhar o
primeiro;
Lembre-se do conceito de pistas direcionais. Procure
utilizar uma seta ou pessoa olhando para sua call to action
e aumente sua converso;
A clareza vence a criatividade. Ao oferecer um material
como troca pelo e-mail, diga ao usurio exatamente o
que ele ir receber;
Se seu site recebe um baixo volume de visitas (menos de
100 visitas por dia), teste micro-converses ao invs de
macro-converses;
Na falta de referncias para testes quantitativos, faa
testes qualitativos de usabilidade, como aumentar o
carregamento do seu site, anlise de mapa de cliques e
perguntas para entender melhor seu usurio;
Uma boa regra para saber quando parar seu teste A/B
esperar, no mnimo, uma semana e 100 converses.
CONCLUSO
Se voc quiser jogar a um nvel acima, voc precisa realizar testes
A/B em seu site.
Esse o caminho que os grandes nomes do marketing digital
seguem para conseguir melhores retornos sem muito esforo.
Com a tecnologia a que temos acesso hoje, criar, monitorar e
otimizar esses testes fcil demais para voc ignor-los.
Para refrescar sua memria, aqui esto 10 pontos-chave que voc
pode utilizar em seus testes A/B:
52
CONHEA AS FERRAMENTAS TESTADAS
E APROVADAS PARA VOC MONTAR E
EXPANDIR O SEU IMPRIO ONLINE.
MOSTRE-ME ESSAS FERRAMENTAS!
53
Fontes das imagens
Viverdeblog.com
Marketingcomresultados.com
Hcinvestimentos.com
Shutterstock.com
Pingdoom.com
Crazzyegg.com
Design por:
Yuri Santos
yupastudio.com
54
NO SE LIMITE APENAS A ESSE EBOOK.
VISITE NOSSA PGINA SOBRE MATERIAIS
EDUCATIVOS E AMPLIE SEU CONHECIMENTO
QUERO TER ACESSO A MAIS MATERIAIS EDUCATIVOS