Testar formulários: ganham os que têm menos campos
A complexidade dos campos provoca abandono
Mais campos significam mais atrito. Cada campo é um motivo para desistir. Os estudos mostram que o abandono de formulários aumenta a cada campo adicional. Um campo tem um abandono quase nulo. Cinco campos têm trinta por cento de abandono. Dez campos têm cinquenta por cento de abandono.
Começa pelo formulário mínimo viável. Só os campos de que precisas mesmo. Testa remover campos antes de os acrescentar.
Que campos testar a remover
Remove primeiro os campos opcionais. O número de telefone quando só precisas do email. O endereço do website quando é irrelevante. O código postal quando o país chega.
Remove os campos que repetem informação que já tens noutro sítio. Se já sabes o domínio do email, não perguntes a empresa. Se o formulário está no pagamento, não peças o telefone quando já tens a encomenda.
Testa remover um campo de cada vez. Se remover o telefone aumenta os envios em cinco por cento, mantém-no removido. Testa remover o campo seguinte.
A ordem dos campos importa
Os visitantes veem o formulário de cima para baixo. Campos mais difíceis no topo provocam desistências logo no início. Põe primeiro os campos fáceis. O email antes da empresa. O nome antes do telefone.
Os campos condicionais dão bons resultados nos testes. "Tens uma empresa?" Se sim, mostra o campo da empresa. Se não, salta-o. Reduz o tamanho do formulário e aumenta a taxa de conclusão.
Testar tipos de campos de formulário
Listas pendentes versus campos de texto
Listas pendentes para opções conhecidas. Lista de países. Lista de distritos. Categorias conhecidas.
Campos de texto para respostas abertas. Nome. Email. Texto livre.
Testa mostrar as opções. Uma lista pendente com cinquenta países contra um único campo de texto com "Introduz o país." A lista pendente é mais rápida para os utilizadores se a lista for curta. O campo de texto é mais rápido se a lista for longa.
Formulário de uma só página versus formulário em várias etapas
Um formulário longo e único parece esmagador. Mostra todos os campos de uma vez.
O formulário em várias etapas mostra três campos por etapa. Parece mais curto. Parece menos intimidante. É mais provável que os visitantes o terminem.
Testa um formulário único de cinco campos contra um formulário de três etapas com dois, dois e um campo. O formulário em várias etapas costuma ganhar na conclusão, mas custa abandono entre etapas. Mede a conclusão total, não a conclusão por etapa.
Texto de apoio no campo versus etiquetas
O texto de apoio (placeholder) fica dentro do campo. Quando o visitante escreve, desaparece. O campo parece vazio.
A etiqueta fica por cima do campo. Continua visível. O visitante sabe sempre o que é o campo.
Testa só o texto de apoio contra a etiqueta por cima. As etiquetas ganham na conclusão. Só o texto de apoio confunde os visitantes nos campos que saltam.
Testar o layout da página e a hierarquia visual
Posição acima da dobra
A parte acima da dobra é a que os visitantes veem sem fazer scroll. Mover o conteúdo importante para acima da dobra aumenta o envolvimento.
Testa mover o botão de call to action para acima da dobra contra o meio da página. Testa subir o título principal. Testa mover o formulário para o topo da página.
Os visitantes que veem o call to action sem fazer scroll têm mais probabilidade de clicar. Os visitantes que têm de fazer scroll passam por muitos pontos de saída antes de chegarem ao botão.
Reordenar o conteúdo e o fluxo
Fluxo típico de uma página: título, subtítulo, problema, solução, funcionalidades, call to action, formulário.
Alternativa: título, formulário, prova, mais funcionalidades, call to action.
Testa mostrar o formulário antes da prova contra depois da prova. Em B2B, o formulário mais cedo costuma funcionar. Em B2C é preciso mais prova primeiro. Testa com o teu público.
Testa a posição da imagem. Imagem principal acima do título contra ao lado. Os testes mostram que lado a lado por vezes ganha. Depende da qualidade da imagem e da força do título.
Elementos de design visual
A cor do botão influencia os cliques. Botão vermelho contra azul contra verde. Testa contra o atual.
O espaço em branco influencia a legibilidade. Página apinhada contra página arejada. A arejada costuma ganhar em produtos premium. A apinhada ganha em descontos e urgência.
Testa o alinhamento do texto. O texto centrado parece formal. O texto alinhado à esquerda parece natural e legível.
Testar a posição da prova social
Colocação dos testemunhos
Testemunho acima da dobra contra abaixo da dobra. Os testemunhos criam confiança. Pôr testemunhos antes do formulário aumenta a conclusão do formulário.
Testa testemunhos ao lado do formulário contra testemunhos noutra secção. A proximidade ao call to action importa.
Indicadores de confiança
Testa mostrar os logótipos de clientes. Testa mostrar o número de avaliações. Testa mostrar selos de prémios. Testa mostrar a garantia de devolução do dinheiro.
Cada um acrescenta credibilidade. Testa a posição: acima do call to action aumenta a confiança antes do compromisso. Abaixo do call to action tranquiliza depois de se comprometerem.
Testar formulários e layout em telemóvel
Tamanho do formulário em telemóvel
Os utilizadores de telemóvel são impacientes. Os formulários longos no telemóvel têm menos vinte por cento de conclusão do que no computador.
Testa uma remoção de campos mais agressiva no telemóvel. Cinco campos no computador. Três campos no telemóvel. Testa esconder campos de forma condicional no telemóvel.
Tipos de entrada em telemóvel
O campo numérico abre o teclado numérico. O campo de email abre o teclado de email. O campo de telefone abre o teclado numérico com o sinal de mais.
Testa os tipos de entrada corretos. O tipo errado dificulta a escrita. O tipo certo torna a escrita mais rápida.
Direção do layout em telemóvel
Computador: coluna da esquerda com título e formulário. Coluna da direita com imagem.
Telemóvel: título, imagem, formulário. Empilhados na vertical. A ordem de empilhamento importa. Testa a imagem antes do formulário contra o formulário antes da imagem.
Perguntas frequentes
Se remover um campo e tiver mais envios mas leads de pior qualidade, devo remover na mesma?
Mede o impacto na qualidade dos leads. Se tiveres trinta por cento mais envios mas uma taxa de conversão trinta por cento mais baixa, ficas empatado. Mas tens trinta por cento mais conversas com potenciais clientes. Mais conversas costuma vencer a longo prazo. Deixa o teste correr um mês. Calcula as conversões totais, não só a taxa de envio. Qualidade mais quantidade importa. Por vezes mais conversas ganha mesmo com taxas de conversão individuais mais baixas. Com o criador de websites do WEMASY, podes configurar isto diretamente no teu website.
Como testo os campos se o meu formulário está incorporado em várias páginas de formas diferentes?
Testa primeiro na página de formulário com mais tráfego. Normalmente a página inicial ou a página de produto. Quando encontrares a variante vencedora na página com mais tráfego, aplica-a em todo o lado. Depois testa nas páginas secundárias, se o tráfego o permitir. Um teste de cada vez por página, para evitar confusão sobre o que causou a mudança.
O formulário em várias etapas é sempre melhor do que o formulário único para a conclusão?
Nem sempre. As várias etapas reduzem o abandono em cada etapa, mas acrescentam abandono entre etapas. Alguém desiste entre etapas. Testa os dois. Mede a taxa de conclusão total, do início à última etapa, não a conclusão etapa a etapa. O formulário único costuma ganhar abaixo de três campos. As várias etapas ganham acima de cinco campos. Entre três e cinco campos é uma incógnita. Testa com o teu público.
Devo testar remover um campo obrigatório ou mudar quais os campos obrigatórios?
Se o campo é obrigatório, testa torná-lo opcional antes de o remover por completo. Um campo opcional é saltado por alguns visitantes. Continuas a captar os dados de quem os preenche. É melhor do que os perder de toda a gente. Se a maioria dos visitantes saltar um campo opcional, então remove-o.
Se mover o formulário para acima da dobra, isso prejudica o SEO da página?
Não. Estar acima da dobra não tem penalização de SEO. O Google preocupa-se com a qualidade e a relevância do conteúdo, não com o layout. Mover o formulário para acima da dobra melhora a experiência do utilizador, melhora a conversão e melhora as métricas do negócio. O impacto no SEO é positivo ou neutro. Faz isso.
Como testo alterações a formulários numa página com vários formulários?
Testa um formulário de cada vez. Formulários diferentes convertem por razões diferentes. O formulário de contacto tem um design ideal diferente do registo na newsletter. Testar os dois em simultâneo baralha os resultados. Identifica qual dos formulários traz mais valor. Testa esse primeiro. Altera-o. Depois testa o formulário seguinte.