O documento descreve como realizar testes A/B no e-commerce para testar variações de design, layout e elementos de conversão com o objetivo de melhorar as métricas de conversão. Ele explica como planejar um teste A/B escolhendo o que testar, definindo métricas e configurando as ferramentas, e enfatiza a importância de testar por tempo suficiente para obter resultados estatísticos válidos.

1. COMO FAZER TESTES A/B
NO ECOMMERCE
ALEXANDRE MIRANDA

2. O QUE É UM TESTE A/B ?
• Ajuda a testar grandes variações
de Design/layout
www.ecommerceschool.com.br

3. COMO FUNCIONA?
100.000
Visitantes
Ferramenta de testes
50.000 50.000
Visitantes Visitantes
Página A Página A
Versão 1 Versão 2
Resultado das conversões geradas
3
www.ecommerceschool.com.br

4. O QUE É UM TESTE A/B ?
Design Versão 1 Design Versão 2
Topo do site Topo do site
Menu de categorias
Imagem 1
Lorem ipsum lorem ipsum
lorem ipsum lorem ipsum Lorem ipsum lorem ipsum lorem
lorem ipsum lorem ipsum ipsum lorem ipsum lorem ipsum
Imagem 1 lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem
lorem ipsumlorem ipsum ipsum lorem ipsumlorem ipsum
lorem ipsum lorem ipsum Menu lorem ipsum lorem ipsumLorem
ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem
Link 1 ipsum lorem ipsum lorem ipsum
lorem ipsumlorem ipsum lorem
Link 2 ipsum lorem ipsum
Link 3 Link 1 Link 2 Link 3
Rodapé Rodapé
5
www.ecommerceschool.com.br

5. O QUE É UM TESTE A/B ?
• Você aprende os padrões que
funcionam para seus usuários
• Replica este padrões em outras
páginas ou áreas do site
6
www.ecommerceschool.com.br

6. PLANEJANDO
UM TESTE A/B
7

7. DECIDINDO O QUE TESTAR
 Decida qual / quais páginas devem ser testadas
 Teste mudanças que tenham grande impacto
 Os dados do analytics podem ser um boa pista de por onde
começar
 Entender onde acontecem os abandonos é importante para
definir as páginas que serão testadas
8
www.ecommerceschool.com.br

8. DECIDINDO O QUE TESTAR
• Vitrine  Compra realizada com
sucesso! ( MACRO)
Micro 1 Micro 2 Micro 3
• Vitrine  Detalhes  Carrinho 
Cadastro  Pagamento 
Compra realizada com sucesso
Micro 4 Micro 5
9
www.ecommerceschool.com.br

9. LAYOUT/DESIGN
DIFERENTES
10

10. DECIDINDO O QUE TESTAR
• Layouts diferentes
11
www.ecommerceschool.com.br

11. FORMATOS
DE
CADASTRO
24/03/2012
12

12. DECIDINDO O QUE TESTAR
• Telas de cadastro diferentes
24/03/2012
13
www.ecommerceschool.com.br

13. MENU
24/03/2012
14

14. DECIDINDO O QUE TESTAR
24/03/2012
15
www.ecommerceschool.com.br

15. DETALHES
DO PRODUTO
24/03/2012
16

16. DECIDINDO O QUE TESTAR
Detalhes
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum Lorem
ipsum Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsum Lorem ipsumLorem ipsumLorem ipsum
Detalhes
• Lorem ipsum Lorem ipsumLorem ipsumLorem
• Lorem ipsum Lorem ipsumLorem ipsumLorem
• Lorem ipsum Lorem ipsumLorem ipsumLorem
• Lorem ipsum Lorem ipsumLorem ipsumLorem
• Lorem ipsum Lorem ipsumLorem ipsumLorem
24/03/2012
17
www.ecommerceschool.com.br

17. BOTÕES
DE AÇÃO
24/03/2012
18

18. DECIDINDO O QUE TESTAR
 Texto
 Tamanho
 Posicionamento
19
www.ecommerceschool.com.br

19. DECIDINDO O QUE TESTAR
OU
 Com ou sem imagem?
20
www.ecommerceschool.com.br

20. DECIDINDO O QUE TESTAR
 Formatos de Páginas de FAQ
 Preço de produtos e ofertas
 Imagens diferentes nas páginas de produtos
 Quantidade de texto em determinada página
 Título de um produto
21
www.ecommerceschool.com.br

21. TESTE AS
VERSÕES AO
MESMO TEMPO
22
www.ecommerceschool.com.br

22. MÉTRICAS
SÃO FUNDAMENTAIS!
23

23. MÉTRICAS DE CONVERSÃO A/B
 Não basta apenas criar versões diferentes de páginas e
elementos.
 É necessário saber o que se quer medir e qual é a
métrica que será
utilizada
24
www.ecommerceschool.com.br

24. MÉTRICAS DE CONVERSÃO A/B
Menor desistência?
Melhor conversão
Diminuição em
ligações ou e-mails de
dúvida
www.ecommerceschool.com.br

25. MÉTRICAS DE CONVERSÃO A/B
Maior quantidade de
cliques
Páginas que
receberam acesso
através do menu
26
www.ecommerceschool.com.br

26. MÉTRICAS DE CONVERSÃO A/B
 Menor taxa de
desistência
 Menor quantidade de
erros
 Menor tempo de
preenchimento
www.ecommerceschool.com.br

27. DECIDINDO O QUE TESTAR
 Qual botão tem melhor
aceitação?
 Mudei a posição?
 Mudei o texto ?
 Com ou sem o cadeado de
segurança?
www.ecommerceschool.com.br

28. SETUP
BÁSICO DE UM TESTE A/B
29

29. SETUP BÁSICO
1. Definição dos elementos de teste
2. Definição dos indicadores de resultado (métricas)/páginas de
conversão
3. Selecionar a ferramenta que será utilizada
4. Inserir os scripts, fazer upload das páginas no servidor.
5. Aguardar a definição do resultado
www.ecommerceschool.com.br

30. SETUP BÁSICO
31
www.ecommerceschool.com.br

31. EXEMPLO!
32

32. EXEMPLO
1. Identificaçã
o de um
problema /
Oportunida
de
www.ecommerceschool.com.br

33. EXEMPLO
• Hipótese -
1. Pontos que distraem o
usuário do
preenchimento do
cadastro.
34
www.ecommerceschool.com.br

34. EXEMPLO
1. Checagem em real time do que está sendo preenchido
2. Baseado em perguntas anteriores foi inserifo um box explicando o
que o usuário irá receber ao preencher o formulário.
35
www.ecommerceschool.com.br

35. EXEMPLO
36
www.ecommerceschool.com.br

36. EXEMPLO
37
www.ecommerceschool.com.br

37. EXEMPLO
38
www.ecommerceschool.com.br

38. EXEMPLO
Novo modelo
39
www.ecommerceschool.com.br

39. EXEMPLO
40
www.ecommerceschool.com.br

40. EXEMPLO
37.1% DE AUMENTO
NO PREENCHIMENTO DO
FORMULÁRIO
41
www.ecommerceschool.com.br

41. POR QUANTO
TEMPO
TESTAR?
42

42. POR QUANTO TEMPO TESTAR?
http://visualwebsiteoptimizer.com/ab-split-test-duration/
43
www.ecommerceschool.com.br

43. FINALIZANDO
...
44

44. SETUP BÁSICO
 Sempre teste as versões simultaneamente.
 Não tire conclusões apressadas! As ferramentas trabalham com
algo chamado “Intervalo de confiança estatístico”, que garante
que o resultado tenha validade estatística, portanto que seja
confiável!
 Os resultados podem ser surpreendentes mesmo que para você
não faça sentido! Lembre-se, Estatística!
45
www.ecommerceschool.com.br

45. SETUP BÁSICO
 Teste sempre! Só existem Três opções como resultado.
 Resultado de teste negativo
Resultado de teste inconclusivo
Resultado de teste positivo!
46
www.ecommerceschool.com.br

46. OBRIGADO!
alexandre@gsecommerce.com.br
@Alexandre_UX
http://br.linkedin.com/in/ajcmiranda
47