Melhores práticas de design de UX do formulário com testes biométricos

Design de formulário UX - Relatório de pesquisa

O que é Form UX Design e por que isso importa?

O design do Form UX é um dos principais fatores que definem o sucesso em geração de leads do site. Os formulários online são o principal canal para capturar leads e detalhes de contato por meio de sites e páginas de destino. No entanto, a experiência do usuário é frequentemente ignorada pelos profissionais de marketing, resultando em uma perda consistente de leads potenciais e novas receitas. Junto com Design UX especialistas de Lnet Digital, uma agência de marketing digital com sede no Reino Unido, estudamos formulário UX design em mais detalhes. Este experimento de comportamento do usuário usa testes biométricos por meio de dados de movimento dos olhos. Experiência de design de formulário UX - Resumo executivo das descobertas da análise Resumo executivo dos resultados da análise com as principais estatísticas

Informação da Sessão

Objetivo do estudo: 

Use a análise biométrica do comportamento do consumidor para demonstrar a eficácia dos formulários do aplicativo LeadGen para melhorando a jornada do usuário.

Estímulos

R: Formulário estilizado com recursos visuais para serviços (Aplicativo LeadGen) B: Formulário padrão com todas as perguntas em uma única página (Jotform) Informações da sessão de 2 formulários no experimento UX - formulário do aplicativo LeadGen vs. Jotform Intenção do usuário: Selecione um serviço de proteção da pintura do carro e insira os detalhes do carro

Estímulos

Tempo de preenchimento do formulário

Melhor experiência do usuário

Medidas biométricas objetivas

Acompanhamento do movimento dos olhos

Reconhecimento de emoções

Medida de autorrelato

Maior/menor engajamento

 

De Depósito

Teste A / B

 

A análise

A análise de design de UX do formulário

Hipótese

Torna o usuário mais engajado com os aspectos visuais, permite que os usuários processem informações em bits gerenciáveis ​​para incentivá-los a tomar seu tempo e reduzir o foco nas perguntas.

Análise

Esta análise abrangerá quatro áreas principais; A Heatmap, Áreas de interesse, Resposta emocional e feedback de usabilidade: O Heatmap mostrará para onde todos os participantes do teste olhariam mais. Variando do verde ao amarelo e depois ao vermelho, o verde significa que eles teriam pouca atenção em uma área, o amarelo significa que uma quantidade moderada de atenção foi gasta ali e o vermelho significa que muitos participantes concentrariam sua atenção ali. Áreas de interesse são locais na página da web que consideramos importantes o suficiente para uma análise mais aprofundada, o que nos permite coletar dados; Se uma área receberia atenção, quantas vezes uma área receberia atenção, por quanto tempo duraria a atenção, etc. A resposta emocional nos daria uma compreensão de como o participante reagiria ao usar a página da web, podemos ver uma variedade de aspectos positivos e emoções negativas para ajudar a determinar se eles se divertiram melhor experimentando uma página da web do que outra. O feedback de usabilidade é um conjunto de dados que coletamos a partir de perguntas feitas ao participante no final do teste. Isso nos dá mais informações sobre como eles se sentiram em relação aos testes e pode nos ajudar a obter melhores resultados que talvez não tivéssemos percebido no teste. rastreamento ocular ou resposta emocional.

 

Medidas do mapa de calor

O mapa de calor do design do formulário UX mede o aplicativo LeadGen vs. Jotform Resumo do mapa de calor Ambos os mapas de calor recebem mais atenção nas instruções que são esperadas. Entre os participantes, eles têm uma alta concentração em torno da primeira e da segunda pergunta do formulário com LeadGen. Porém olhando para o formulário com LeadGen App podemos perceber um foco moderado nos aspectos visuais, essa diferença pode ser devido à imagem dar ao usuário uma ideia melhor do que o serviço cobriria permitindo-lhe responder com facilidade e confiança. Também há muita atenção acima do título do formulário sem o aplicativo LeadGen, acreditamos que isso se deva à mensagem de erro que aparece quando um participante insere os dados errados em um campo. Ter uma mensagem de erro na parte superior da página e no campo não é ótimo para a experiência do usuário, pois sua atenção está sendo desviada: Descoberta de experiência de UX fraca do Jotform Muita atenção em duas mensagens de erro separadas no Jotform - estrutura de formulário (esquerda) e atividade do mapa de calor (direita)   Intuições: Sem o LeadGen ter maior atenção, poderá apresentar confusão ou falta de entendimento sobre o que são serviços. Com o LeadGen tem menos pontos de concentração, consegue demonstrar um melhor entendimento e dar aos usuários confiança no que estão solicitando.   Tempo de permanência e revisitar estatísticas de contagem Tempo de permanência e revisitar os números de contagem     Resumo das áreas de interesse (AOI) O participante gastando menos tempo em áreas de interesse (AOI) com LeadGen pode significar que as imagens ajudaram a tornar as opções das perguntas mais claras para os participantes, permitindo que eles respondessem à pergunta mais rapidamente. Para reforçar isso, os participantes também tiveram uma contagem de revisitas mais baixa, o que significa que eles olharam para a área de interesse menos vezes no formulário com LeadGen.  

Explicação da Análise

Durante nosso processo de pesquisa de UX, usamos codificação facial para detectar e analisar as expressões de cada participante ao longo do experimento, portanto, para obter insights e uma compreensão de como eles respondem emocionalmente a elementos específicos de uma página da web, bem como suas mudanças emocionais ao longo do toda a jornada do usuário.  Ao gravar o rosto de cada participante com sua câmera da web, a combinação de pequenas alterações em tempo real no rosto (unidades de ação facial) é capturada por nossas medidas biométricas para classificação de emoções em tempo real, usando detectores AU treinados por conjuntos de dados globais em grande escala, incluindo milhares de vídeos de expressões faciais, capturados de participantes com diversos dados demográficos, assistindo a vídeos comerciais como estímulos.  Nossos modelos do sistema de codificação de emoções são capazes de detectar com precisão 7 emoções básicas, incluindo Raiva, Nojo, Medo, Alegria, Tristeza, Surpresa e Desprezo, bem como a evocação de sentimentalismo e confusão, também podemos detectar outras métricas expressivas de alto nível, como piscar e por WhatsApp..   Algumas das métricas usadas por nossas medidas biométricas ao coletar alterações faciais incluem: Elevador de sobrancelha, Sulco de sobrancelha, Elevador de pálpebra superior, Elevador de bochecha, Aperto de pálpebra, Ruga de nariz, Elevador de lábio superior, Extrator de canto de lábio, Dimpler, Elevador de queixo, Enrugador de lábios (AU18) Alongamento de lábios, Pressão de lábios (AU24) Parte de lábios, Queda de mandíbula , Sucção de Lábios, Fechamento dos Olhos Por exemplo, a detecção de sorrir é definido como o puxador ou dimpler do canto do lábio assimétrico. Uma vez que as emoções são detectadas, elas são então classificadas em emoções positivas e emoções negativas para análise futura. Ao combinar o sistema de análise de expressão facial com a tecnologia de rastreamento ocular, podemos ver em tempo real a que área da página eles estão reagindo. Isso resultará em uma compreensão mais profunda da resposta emocional dos usuários a qualquer conteúdo apresentado no momento, para que possamos usar esses insights como orientações importantes para os próximos passos de aprimoramento de UX, com o objetivo de despertar emoções mais positivas e mudar o conteúdos que despertam emoções negativas. Mais recursos:  Livro branco independente de 2022: AFFDEX é um dos principais mecanismos de codificação facial que usamos.  

Resposta Emocional - Positiva

Quadros positivos Olhando para este gráfico, nos diz que os participantes mostrariam 26% mais frames com emoções positivas quando não estivessem usando o formulário LeadGen. Esta é uma maneira incrivelmente precisa de medir quanto tempo um participante estaria reagindo aos estímulos. Como há apenas uma diferença de 10 quadros, é uma mudança muito pequena nas reações Resumo: 26% mais quadro positivo sem o aplicativo LeadGen A diferença nos quadros não significa que os participantes tiveram um tempo muito melhor sem o aplicativo LeadGen.

Resposta Emocional - Negativa

Quadros negativos Adversamente, a partir deste gráfico, podemos ver que o participante teve drasticamente (172%) mais emoções negativas sem usar o formulário LeadGen. Embora o formulário sem LeadGen tivesse quadros de emoção um pouco mais positivos, essa enorme diferença nas emoções negativas mostra que os participantes mostrariam seu desgosto pelo formulário sem LeadGen com mais frequência. Resumo:
  • 172% mais emoções negativas sem LeadGen
  • A diferença mostra a quantidade de negatividade que os participantes teriam com o formulário sem LeadGen.

Resposta Emocional - Atenção

Soma da Porcentagem do Tempo de Permanência (Olhar) Este gráfico mostra por quanto tempo os participantes olhariam para as áreas de interesse. Detalhamos isso para que possamos medir onde está a atenção deles, podemos ver que com a LeadGen tem uma diferença de 68%. Isso significa que a atenção dos participantes estaria principalmente nas áreas de interesse, mostrando que o conteúdo do formulário os mantém engajados. Resumo:
  • 68% mais atenção no formulário LeadGen
  • Mostra que o formulário LeadGen mantém os participantes engajados
 

Feedback de usabilidade

Qual formulário você achou mais fácil de usar - Questionário de design de formulário UX Frequentes Qual formulário você achou mais fácil de usar? 1º ou 2º Por que foi mais fácil?   Resultados O 1º formulário é sem o aplicativo LeadGen A 2ª forma é com o aplicativo LeadGen Os respondentes que preferiram o aplicativo LeadGen acharam mais fácil devido ao uso de imagens que dão uma melhor compreensão das perguntas Os entrevistados que preferiram sem o aplicativo LeadGen acharam mais fácil, pois todas as perguntas eram exibidas em uma página e os usuários podiam completá-la mais rapidamente Com o aplicativo LeadGen “Os recursos visuais ajudam no preenchimento do nosso processo.” “Era mais visual, uma pergunta por tela. Também deu feedback instantâneo” Sem aplicativo LeadGen “É mais fácil se você souber todas as perguntas desde o início” “Estava em uma única página, tornando mais fácil simplesmente passar pelo formulário.”  

Observações

Com os resultados do experimento, um ponto que achamos surpreendente dos participantes é que alguns deles preferiram o formulário de texto puro mais longo, pois acharam mais fácil de preencher e puderam ver o tamanho do formulário. Isso pode ser devido aos hábitos de leitura dos participantes individuais. Algumas pessoas geralmente processam elementos visuais mais rápido do que texto e vice-versa, devido ao número limitado de respondentes, pode valer a pena tentar testar mais em um grupo de amostra maior para que possamos obter resultados mais precisos e melhor percepção por que isso é. Análise Rastreamento ocular Áreas de interesse Com o aplicativo LeadGen Estatísticas e insights importantes de rastreamento ocular Análise Rastreamento ocular Áreas de interesse Sem aplicativo LeadGen Estatísticas e insights importantes de rastreamento ocular - sem o aplicativo LeadGen  
Inscreva-se no banner do aplicativo LeadGen

Sobre o autor

autor_imagem

Cristóvão Lier, Aplicativo CMO LeadGen

Christopher é especialista em Otimização da Taxa de Conversão e Geração de Leads. Ele tem formação em Vendas e Marketing Corporativo e atua em mídia digital há mais de 5 anos. Ele perseguiu sua paixão pelo empreendedorismo e marketing digital e desenvolveu seus primeiros negócios online desde os 20 anos, ainda na universidade. Ele cofundou a LeadGen em 2018 e é responsável pelo sucesso, marketing e crescimento do cliente.