tudo o que voc precisa saber sobre

TESTES A/B

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 beneficiar 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 significativos.

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 confiar.

Henrique Carvalho o fundador do Viver de Blog e

co-fundador do treinamento Marketing Digital Com
Resultados.

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.

Captulo 1
O QUE UM TESTE A/B E POR QUE TODO EMPREENDEDOR
E BLOGUEIRO INTELIGENTE DEVE UTILIZ-LO?

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 Definitivo.
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 modificado?

VS

Voc nunca saber a resposta correta at realizar um teste A/B.

B
5

Por que realizar um

teste A/B?

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.

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:

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.

Espero que neste ponto j tenha ficado 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.

Sabendo que as Landing Pages sobre infogrficos 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.

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).

Se a taxa de converso mdia das Landing Pages de 50%

para as verses originais (verso A) significa que, das 10.000
visitas, 5.000 usurios cadastram seu e-mail, por ms, na
lista do Viver de Blog.

Em relao aos testes A/B, existem 3 tipos de decises que

empreendedores digitais podem tomar:

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
infogrficos, 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.

1. Ignor-los completamente por deciso

prpria

Se voc perguntar a diversos empreendedores de sucesso

se eles utilizam testes A/B, muito provvel que todos
respondam que sim.

Este o tipo de empreendedor arrogante, que acredita que

sabe mais que todos, inclusive seu prprio pblico.

Afinal, 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.

Ele no realiza testes A/B, porque acredita que so uma perda

de tempo. Afinal, ele j sabe o que melhor para o seu pblico
com sua bola de cristal mgica.

3. J realiza testes A/B e quer melhor-los

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.

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.

2. No realizar testes A/B por

desconhecimento
Talvez esse seja o seu caso. Se for, fique tranquilo. Voc
no est sozinho e esse eBook ir te ajudar a entender:

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.

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.

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

1. Ttulo

Se voc utiliza imagens como background de sua pgina,

elas se tornam ainda mais importantes. Elas podem ser
testadas:

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.

Com cor x sem cor;

Voc pode testar ttulos positivos contra negativos para

expressar valor em sua Landing Page, como:

Homens x Mulheres.

Uma imagem x vrias imagens;

Pessoas x Produtos;

Positivo: Melhore suas vendas em 123% seguindo essa

dica nica sobre [...]

3. Vdeo

Negativo: Descubra o erro #1 que te impede de vender

mais 123% [...]

Alguns testes e estudos indicam que a presena de vdeo

em uma Landing Page pode aumentar, significativamente,
sua converso.

2. Imagens

Ideias para testar:

Autoplay x clicar para dar play;

Aps o ttulo, procure testar suas imagens. Assim como no

exemplo da simples seta vermelha, elas podem apresentar
resultados surpreendentes.

Imagem x vdeo;
Durao do vdeo (curto x longo);
Falando para a cmera x apresentao em slides.

11

4. Texto (copy)

5. Formulrios de
e-mail

Escreva apenas o necessrio e nada mais. Esta a dica bsica

para o quanto voc deve escrever em sua Landing Page.

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).

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.

Portanto, este formulrio precisa ser o mais simples e

efetivo possvel. O que voc pode testar/colocar nele:

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.

O nmero de campos obrigatrios (eu peo somente

o e-mail);
O design do seu formulrio;

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 dficit
de ateno muito alto na internet, pulando de site em site,
como macacos pulam de galho em galho.

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 final de sua Landing Page.
Se sua pgina no est convertendo como deveria, sinal
de que voc precisa melhor-la.

12

8. Depoimentos e
Credibilidade

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 eficiente de ir direto ao ponto.

Voc precisa de elementos de credibilidade em sua

Landing Page, como depoimentos.
Eles so importantes porque tendemos a confiar nas opinies
de amigos, experts e pessoas que transmitam sinceridade.

7. Cores

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
influente contra o depoimento de um cliente seu.

Pode no parecer, mas cores so fundamentais em

qualquer estrutura de design.

s vezes, por mais valor que um expert influente 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.

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 tem uma lista de e-mail e est procurando crescla, uma boa dica utilizar o nmero exato de usurios que
esto recebendo sua newsletter.

Se voc utiliza um fundo azul, por exemplo, no utilize

um boto com sua call to action em azul. Use laranja para
destac-lo.

Porm, se esse nmero for muito pequeno (abaixo de

100), utiliz-lo pode trazer o efeito reverso, transmitindo
confiana negativa, a de que poucas pessoas
acompanham seu trabalho.

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.

13

10. Usabilidade

Alm desses pontos, voc pode testar a quantidade de

depoimentos e fatores de credibilidade. Como via de regra,
no exagere nessa quantidade. Afinal, voc no deseja parecer
arrogante, deseja?

Pode parecer estranho, mas existem formas eficientes de

testar a usabilidade para melhorar suas converses.

9. Pginas de
Ps-Confirmao

Um exemplo: Em uma Landing Page, voc poderia utilizar

uma navegao superior que acompanha o usurio
enquanto ele rola a pgina para baixo.

Provavelmente, este um dos testes mais esquecidos. Pginas

de ps-confirmao aparecem logo aps o usurio completar
o objetivo da Landing Page anterior, seja ceder seu e-mail ou
clicar no boto de comprar.

Portanto, testar diferentes formas de estrutura na

usabilidade de sua Landing Page pode aumentar sua
converso.

Voc pode testar a pgina de ps-confirmao de diversas

formas. Algumas delas so:

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.

Nessa navegao, possvel colocar call to actions, partes

especficas da Landing Page e at mesmo capturas de e-mail.

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 psconfirmao uma tima oportunidade para
surpreender o usurio.

14

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-confirmao;
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

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 fizer 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.

B
17

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?

18

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.

19

2. Landing Page Verificar E-mail

Essa pgina tem como objetivo principal o clique nos cones de e-mail, j que uma pgina de verificao de e-mail,
incentivando o usurio a abri-lo e clicar no link para confirm-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?

20

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.

21

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?

22

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.

23

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 infogrfico.
Com essas informaes e atravs da imagem acima, qual teste voc acredita ter tido o melhor desempenho?

24

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 infogrfico 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.

25

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?

26

Resultado do teste:
Pgina A (branca). Converso de: 26,41%
Pgina B (escura). Converso de: 41,81%
A pgina (B) produziu um aumento, significativo, 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.

27

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?

28

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 eficaz
que a imagem de um eBook.

29

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?

30

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, significativo, 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.

31

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?

32

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.

33

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?

34

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.

35

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?

36

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.

37

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 dificuldade
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;

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.

Compartilhe esse
eBook sobre Testes A/B
e ajude mais pessoas
a aumentarem suas
converses.

Captulo 4
COMO FAZER TESTES A/B EM SITES COM
POUCO TRFEGO?

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, definir 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:

40

1. Coloque seu foco nas micro-converses

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.

Vamos supor que voc tenha um funil configurado em 3 partes:

Parte 1: Fonte primria de trfego (artigos, anncios etc.);

Essa uma dica simples, mas pode trazer resultados

surpreendentes.

Parte 2: Pgina de captura de e-mail;

Parte 3: Pgina de vendas.

3. Faa testes qualitativos

Ao invs de medir a sua macro-converso final 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 invs de analisar taxas de converso, procure entender

melhor seu usurio:
Por que ele no comprou seu produto?

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.

Qual foi o principal fator para ele comprar seu produto?

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.

Ele conseguiu encontrar o que desejava em sua pgina?

O que o impede de cadastrar seu e-mail em sua lista?

O que ele gostaria de ver em sua pgina?

Essas so perguntas abertas que no resultam em um dado

especfico, mas so fundamentais para otimizar suas pginas.

2. Teste uma mudana radical

Uma ferramenta que possibilita fazer esse tipo de teste, por

exemplo, o Qualaroo.

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.

41

4. Analise mapas de cliques

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
configurar 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.
Afinal, 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:
O mapa de cliques uma ferramenta de usabilidade que te
permite observar onde, exatamente, os usurios esto clicando
em seu site.

40% dos usurios abandonam um website se ele no carregar

em menos de 3 segundos;

uma forma inteligente de identificar problemas em sua

pgina.

1 segundo a mais para carregar um site pode resultar em

uma queda de 16% na satisfao do usurio;

Na imagem acima, os usurios esto clicando onde eu desejo

que eles cliquem.

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.

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.

42

Dica #1: Monitore a velocidade do seu site

Dica #2: Contrate um servidor confivel (e que seja muito

rpido)

Faa um teste no site Pingdom e veja em quanto tempo seu site

carrega. Identifique qual tipo de contedo demora mais para
carregar. Veja um exemplo do Viver de Blog, que carregou em
1,8 segundos:

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 afiliado com 20% de
desconto, exclusivo para leitores do Viver de Blog).

Normalmente, imagens de grande tamanho so os principais

viles que afetam o carregamento do seu site.

Eles so a mesma empresa responsvel por manter sites como

RedBull, Diesel, Sony, Adobe, entre outros, no ar.

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.

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.

O tamanho da imagem continuar sendo de 1.000 x 1.000 pixels,

embora o site mostre a de 100 x 100 pixels.

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.

Portanto, lembre-se de sempre redimensionar sua imagem antes

de fazer o upload para seu site.

43

Resumo do Captulo 4
Sim, mesmo se seu site receber um baixo volume de
trfego (menos de 100 visitas por dia), voc pode se
beneficiar 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?

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 significativo, voc precisar de uma confiana acima de 95%, resultante da combinao dos fatores
acima.
Felizmente, a maioria dos softwares j calcula esse percentual estatstico de confiana 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.

46

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
confiana 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?

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.

49

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.

CONCLUSO

Na dvida do que comear a testar, procure testar ttulo,

imagem/vdeo principal e sua call to action;

Se voc quiser jogar a um nvel acima, voc precisa realizar testes

A/B em seu site.

No existe uma cor mgica para seu boto. A melhor cor

aquela que mais contrasta com os demais elementos de
sua pgina;

Esse o caminho que os grandes nomes do marketing digital

seguem para conseguir melhores retornos sem muito esforo.

Sempre utilize uma pgina de ps-converso. Ganhar

o segundo sim muito mais fcil do que ganhar o
primeiro;

Com a tecnologia a que temos acesso hoje, criar, monitorar e

otimizar esses testes fcil demais para voc ignor-los.

Lembre-se do conceito de pistas direcionais. Procure

utilizar uma seta ou pessoa olhando para sua call to action
e aumente sua converso;

Para refrescar sua memria, aqui esto 10 pontos-chave que voc

pode utilizar em seus testes A/B:

A clareza vence a criatividade. Ao oferecer um material

como troca pelo e-mail, diga ao usurio exatamente o
que ele ir receber;

10 GRANDES SACADAS
SOBRE TESTES A/B

Se seu site recebe um baixo volume de visitas (menos de

100 visitas por dia), teste micro-converses ao invs de
macro-converses;

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

pginas, (A) e (B), para analisar qual delas obteve o
melhor desempenho;

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;

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;

Uma boa regra para saber quando parar seu teste A/B
esperar, no mnimo, uma semana e 100 converses.

51

Conhea as ferramentas testadas

e aprovadas para voc montar e
expandir o seu imprio online.

Mostre-me essas ferramentas!

52

Fontes das imagens

Viverdeblog.com
Marketingcomresultados.com
Hcinvestimentos.com
Shutterstock.com
Pingdoom.com
Crazzyegg.com

Design por:

Yuri Santos

yupastudio.com

53

No se limite apenas a esse eBook.

Visite nossa pgina sobre materiais
educativos e amplie seu conhecimento

Quero ter acesso a mais materiais educativos

54