Código

Um guia completo para testes A / B

O teste A / B (também chamado de teste de divisão) é um método de teste geralmente usado em marketing para comparar resultados entre duas amostras com o objetivo de melhorar as taxas de conversão ou resposta.

No web design, os testes A / B são geralmente usados ​​para testar elementos de design (às vezes contra o design existente) para determinar melhor quais elementos de design obterão a melhor resposta dos visitantes.

Testes A / B, por definição, comparam apenas duas variáveis ​​(elementos de design) de cada vez. Há também testes multivariados, que comparam mais de uma variável.

Cada um serve a um propósito e pode ajudar seus clientes a tomar decisões melhores que resultarão em um site mais bem-sucedido.

Aqui apresentamos um guia completo para o teste A / B, incluindo os benefícios de usá-lo e como administrar testes A / B em seus próprios projetos.

Benefícios do teste A / B

O teste A / B permite que você veja como as alterações afetam o comportamento do visitante em um site. Muitos designers mergulham em um novo design, com ou sem muita pesquisa sobre os hábitos atuais dos visitantes, e esperam o melhor. Embora às vezes isso resulte em um excelente design final, ele também pode resultar em um design que não é melhor que o original (ou até pior).

O teste A / B é uma abordagem de baixo risco para testar as alterações do site. Embora possa parecer complicado, existem muitas ferramentas disponíveis para ajudá-lo a administrar testes A / B, além de interpretar seus resultados.

Outro grande benefício para o teste A / B é que ele pode ser usado como prova para convencer um cliente de que uma escolha de design é superior à outra. Isso é particularmente útil quando se trabalha com um cliente que quer evidências de backup de todas as decisões tomadas ou de um cliente com problemas para tomar decisões.

Se você puder oferecer provas concretas de que um design funciona melhor que o outro, eles ficam muito mais confortáveis ​​tomando uma decisão.

Quando usar um teste A / B

Como já mencionado, um teste A / B pode ser muito útil para convencer clientes que não conseguem decidir entre duas opções de design. Mas também pode ser útil para designers que não sabem qual das duas opções funcionará melhor para seu cliente.

Há tantos artigos e estudos divulgados todos os dias que nos dizem como maximizar os resultados para nossos clientes usando um estilo de design ou outro. E, em muitos casos, as informações contidas nesses artigos podem ser conflitantes quando comparadas a um artigo de uma fonte diferente ou lançadas em uma data anterior.

Os testes A / B permitem que os designers testem as diferentes teorias e recomendações no contexto de seus próprios projetos, para que possam decidir por si mesmos o que funciona melhor para seus clientes.

Redesenhas completas do site não são a única vez que testes A / B podem ser úteis. Eles são especialmente importantes quando realizam uma promoção ou outro exercício de marketing. Quando um cliente deseja uma página projetada para uma venda específica ou outra promoção, espera que você crie algo que obtenha resultados.

Ao configurar um teste A / B, você pode determinar o provável sucesso de diferentes elementos de design, texto ou layouts para que o cliente tenha o maior número de conversões.

Coisas para testar

Há uma variedade de elementos em um design de site que você pode considerar testar. Aqui estão alguns dos mais comuns:

  • Esquema de cores
  • Copiar texto
  • O layout geral
  • Imagens
  • Cópia do título
  • Tamanho ou fonte de texto

Um exemplo de um teste em imagens de cabeçalho. Tudo, exceto a imagem em si, é mantido o mesmo entre os testes. Imagens por Por Ola Wiberg - Powi e aussiegall .

Praticamente qualquer elemento de um site pode ser testado com um teste A / B, embora você queira apenas testar os elementos mais importantes (como cópia, esquema de cores ou manchetes), para o tempo e o dinheiro.

Como configurar um teste A / B

Os testes A / B consistem em algumas partes. Configurar um é relativamente simples, especialmente com algumas das ferramentas listadas mais adiante neste artigo. Existem alguns passos básicos incluídos na maioria dos testes A / B:

  • Configure os dois designs que você deseja testar.
  • Mostre aleatoriamente um desenho ou outro aos visitantes ou a um grupo de teste.
  • Acompanhe o desempenho, especialmente relacionado aos objetivos do site, para cada projeto.
  • Avalie os resultados e decida qual versão seguir.

Você desejará configurar um método para rastrear os resultados obtidos de cada projeto, além de apenas um programa de análise. Se você estiver testando em um ambiente de produção, talvez você não tenha números pares de visitantes vendo cada design (embora eles devam estar próximos).

Certifique-se de descobrir a porcentagem de visitantes que atingem as metas, não apenas os números concretos, se houver uma diferença no número total de visitantes que viram cada design.

Mude somente uma coisa de cada vez

Isso geralmente é a coisa mais difícil para muitos designers. No verdadeiro teste A / B, você só deve fazer uma alteração de cada vez ou testar apenas uma coisa por vez. Isso significa testar cada elemento do site - navegação, design de cabeçalho, layout de conteúdo, esquema de cores, etc. - separadamente.

O exemplo de teste acima testa a fonte (Georgia vs. Verdana) de um bloco de cópia do corpo.

O ponto para testar cada coisa separadamente é certificar-se de que você está obtendo resultados precisos sobre como cada elemento de design no site está afetando o visitante. Se você alterar tudo de uma vez, não saberá se o design inteiro melhorou seus números de tráfego (ou os fez desistir) ou apenas um elemento. No caso de uma queda nos números de tráfego ou vendas, é importante isolar o que não está funcionando.

Digamos, por exemplo, que você reprojetou completamente um carrinho de compras em um site. Tudo é diferente: os botões de apelo à ação, a experiência de pagamento, o modo como os visitantes precisam inserir suas informações de pagamento e envio, etc. E, então, digamos que haja uma grande queda nas vendas. O problema com isso é que você não sabe o que causou a queda.

Claro, pode ser o fato de que tudo é diferente e os clientes que retornam não estão tão confortáveis ​​com o novo design.

Mas talvez seja só porque você usou algumas palavras engraçadas no botão "adicionar ao carrinho" e é confuso as pessoas. Se você testasse esse botão separadamente do restante do carrinho de compras, poderia alterar o texto e aumentar as vendas. Mas em vez disso, o cliente quer que você coloque tudo de volta do jeito que estava, e eles acham que você é incompetente.

Teste A / B leva tempo

O teste A / B não é algo que você geralmente pode concluir durante a noite, embora dependa exatamente do que você está testando. Para algo simples, como uma imagem de cabeçalho, você pode executar apenas um teste de curto prazo. Mas, para alterações maiores, especialmente aquelas que terão um impacto direto nas conversões, você desejará deixar o teste por mais tempo.

Determinar por quanto tempo executar um teste é geralmente simples. Veja os padrões de tráfego no site. A maioria dos sites tem padrões de tráfego cíclicos, com alguns dias obtendo consistentemente mais tráfego do que outros.

Para alguns sites, esse ciclo será executado em um período de uma semana, enquanto para outros, poderá ser um mês. Se possível, execute seu teste A / B durante pelo menos um ciclo para obter números mais precisos.

O objetivo é obter uma boa seção transversal de visitantes testando as novas opções de design. Ao prestar atenção aos ciclos de tráfego, você terá mais chances de obter essa seção transversal. Se o site em questão não tiver padrões de tráfego identificáveis ​​(ou se forem muito mais longos), tente executar o teste por pelo menos uma semana.

Como convencer seus clientes

Às vezes, os clientes resistem ao tempo e ao dinheiro extra envolvidos na execução de um teste A / B adequado.

Eles costumam pensar que, como designer, você já deve saber o que vai funcionar e o que não serve para o site. Às vezes eles pensam como uma pessoa de negócios, eles já sabem o que vai e o que não vai funcionar. Em ambos os casos, você precisa convencê-los de que um teste A / B pode ajudar a apoiar essas teorias com evidências concretas.

Enfatize os benefícios de executar um teste A / B. Diga-lhes que isso ajudará a garantir que seus visitantes fiquem felizes e mais propensos a comprar algo, inscrever-se em uma conta ou fazer download de informações.

Saliente que gastar um pouco de tempo e dinheiro na frente em um bom teste de divisão pode resultar em taxas de conversão muito mais altas no futuro. Também enfatize que um bom teste de divisão também pode economizar tempo a longo prazo, pois provavelmente haverá menos ajustes no design quando o site for lançado.

Ferramentas para facilitar o teste A / B

Como já mencionado, há toneladas de ótimas ferramentas para administrar testes A / B nos designs de seu site. Aqui estão alguns dos melhores (sinta-se livre para compartilhar mais nos comentários):

Google Website Optimizer
O Google oferece o Otimizador de website como parte do pacote do Google Analytics. É uma ferramenta gratuita que permite executar testes A / B ou multivariados. Eles também oferecem informações sobre como testar e como obter os melhores resultados.

Visual Website Optimizer
O Visual Website Optimizer é uma ferramenta de teste A / B fácil de usar que é usada por empresas e agências. Você acabou de criar várias versões do seu site, definir quais são as metas do visitante (baixar, se inscrever, comprar etc.) e, em seguida, dividir o tráfego entre as diferentes versões. Há uma avaliação gratuita onde você pode executar um único teste em até 1000 visitantes; as contas pagas começam em US $ 49 / mês (para até 10.000 visitantes testados e até 3 testes simultâneos). O Visual Website Optimizer também tem várias ferramentas gratuitas que você pode usar, mesmo sem usar o serviço: Calculadora de Significância de Teste Dividido A / B , uma Analisador de página de destino , a A / B Ideafox - Case Study Search Engine , e as Calculadora de Duração de Teste A / B Dividida e Multivariada .

Vertster
O Vertster é feito especificamente para testes multivariados, não apenas para testes A / B. Sua maior vantagem para as agências é que elas oferecem rotulagem privada de sua tecnologia, para que você possa oferecer sua própria solução de teste para seus clientes.

Pressione 9 A / B Testing Plugin Joomla
Este plugin permite que você execute testes A / B no Joomla sem o uso de qualquer serviço externo. É fácil de usar e pode ser executado em qualquer elemento de um site baseado no Joomla.

Amazon Mechanical Turk
Embora não seja especificamente uma ferramenta de teste A / B, o Mechanical Turk pode ser facilmente usado para encontrar visitantes para testes A / B ou multivariados, geralmente por apenas alguns centavos por visitante. Você precisará lidar com os aspectos técnicos do teste, mas pode resolver o problema de encontrar os assuntos de teste.

Calculadora de Teste Dividido
Para quem tem problemas matemáticos, essa calculadora simples pode dizer qual dos seus testes teve melhor desempenho se o número total de visitantes for diferente. Basta digitar o número total de visitantes e o número que atingiu suas metas para cada grupo de visitantes e calcular qual deles melhorou.

ABtests.com
O ABtests.com permite que os designers compartilhem resultados de seus próprios testes A / B e visualizem os resultados de outras pessoas. Isso permite que designers e desenvolvedores aprendam com o que outras pessoas já experimentaram, além de compartilhar seus próprios resultados para ajudar os outros.

Uma opção alternativa
Como alternativa, você sempre pode usar qualquer número de ferramentas de teste de usabilidade para executar um teste A / B, mesmo que elas não ofereçam oficialmente o serviço. Tudo o que você precisa fazer é configurar dois testes e monitorar os resultados de cada um deles. Essa é uma ótima opção se você já tiver uma ferramenta de teste de usabilidade favorita, mas quiser expandir para o teste A / B. Se não, aqui estão alguns que você pode considerar:

Teste Multivariado

O teste multivariável é semelhante ao teste A / B, mas inclui mais opções. Quando um teste A / B compara duas coisas, um teste multivariado pode testar três, quatro ou cinco designs diferentes.

Se você optar por usar testes multivariados em vez de apenas testes A / B simples, ainda é uma boa ideia testar somente um elemento por vez. Na verdade, quanto mais opções você incluir no teste, mais complicados serão os resultados da interpretação, e essas complicações serão exacerbadas apenas por testes em mais de um elemento.

Os testes multivariados podem ser particularmente úteis se seu cliente não tiver certeza de como deseja que seu site seja projetado. Você pode testar dois ou três modelos de sites completamente diferentes e ver qual deles apresenta melhor desempenho.

Você pode então querer executar testes A / B em elementos específicos dentro do design vencedor para ter certeza de que está otimizado, assim como pode ser.

Em revisão

Aqui estão os princípios básicos que você precisa lembrar ao executar um teste A / B:

  • Teste apenas uma coisa de cada vez.
  • Permitir tempo suficiente para testes.
  • Use as ferramentas disponíveis para facilitar o teste A / B.
  • Use os resultados para ajudar seus clientes a tomar melhores decisões.


Escrito exclusivamente para WDD por Cameron Chapman .

Se você tiver mais dicas, técnicas ou ferramentas de teste A / B ou multivariadas para compartilhar, faça isso nos comentários. Também gostaríamos de ouvir histórias de sucesso resultantes de testes A / B!

teste de ab teste de página inicial teste de site