Dicas de design de formulários on-line: o que há de errado com designs de formulários em sites?

Como tornar um design de formulário online mais divertido

Marcas e donos de empresas se esforçam muito para ótimo webdesign.

Há apenas um pequeno problema com isso.

O design por si só, no entanto, não monetizará seu site.

Mais importante, trata-se de construir canais que gerar leads e vendas.

E é aí que entram os formulários online.

Muitas marcas negligenciam a importância dos designs de formulários, mas é o canal de consulta chave que determina o sucesso do seu site.

A maioria dos exemplos de design de formulários na internet parecem chatos, hostis e, consequentemente, geram menos conversões.

Os formulários online são a porta de entrada para captura de novos potenciais de negócios.

Usar formulários online amigáveis ​​e atraentes é crucial se você quiser levar sua geração de leads a sério.

Para ajudar você a se conectar melhor com seu público, aqui estão nossas 10 práticas recomendadas sobre como tornar um formulário online divertido:


1. Elimine a Confusão

Elimine a confusão no design de formulários online

Em primeiro lugar, o formulário precisa ser fácil de entender para o seu público. E isso é muitas vezes mais fácil dizer do que fazer. Antes de pensar em tornar seu design de forma divertido e empolgante, você precisa garantir que ele seja funcional e fácil de usar em primeiro lugar.

A internet está cheia de designs de formulários que têm perguntas redundantes, que fazem perguntas em uma linguagem confusa e aquelas que simplesmente parecem chatas. Todas essas características tornam os formulários menos encorajadores para os visitantes da web preencherem.

simplificando designs de formulários online

Fatores importantes a serem removidos em um design de formulário:

 

❌ Formas longas (menos é mais)

❌ Perguntas redundantes

❌ Perguntas desnecessárias que não agregam valor

❌ Tipo de pergunta errado para uma pergunta, por exemplo, uso de campo de texto aberto em vez de opções de botão

❌ Jargão e linguagem técnica

❌ Texto de call-to-action padrão nos botões, por exemplo, Inscrever-se, Assinar, Preencher o formulário

❌ Cores e contrastes difíceis de ler

 

Todos esses pontos podem parecer óbvios, mas a realidade é que mesmo os formulários online mais simples violam alguns desses pontos.

A internet está cheia de milhares de designs de formulários com pouca experiência do usuário.

Uma única experiência negativa pode afetar o usuário muito mais do que uma ótima experiência com seu formulário.

Revise essas práticas e você terá muito mais chances de gerar conversões e criar engajamento.

2. Mude o formato

Mudar o formato do formulário

Quando pensamos em formulários online, normalmente pensamos em formulários longos e simples. Formulários longos ou formulários de uma única etapa apresentam todas as perguntas em uma única etapa, geralmente uma a uma, uma abaixo da outra.

Existem muitos bons casos de uso para formulários de etapa única, por exemplo, para formulários que apenas pedem o primeiro nome e o endereço de e-mail. No entanto, você definitivamente deve considerar mudar o formato do formulário ao pensar em tornar os formulários mais divertidos.

A alternativa aos formulários de passo único é formulários de várias etapas.

Formulários de várias etapas, às vezes também chamados de formulários de assistente, são muito mais intuitivos e proporcionam uma melhor experiência ao longo da jornada do usuário.

Formulários de várias etapas

Como o usuário vê apenas uma etapa da pergunta por vez, a informação é menos esmagadora.

É muito mais encorajador ver apenas uma pergunta de cada vez do que 10 ou 20 perguntas diferentes. Não é diferente da vida real: em uma conversa pessoal com outra pessoa, você também faria apenas uma pergunta antes de fazer a próxima.

Em formulários de várias etapas, você pode usar barras de progresso que fornecem uma indicação de quanto do formulário já foi preenchido.

Relacionado:  7 melhores práticas para criar formulários longos para aumentar a conversão

Designs de formulários online com barras de progresso para uma melhor experiência do usuário

Barra de progresso em um design de formulário de contato de várias etapas

Achamos os formulários de várias etapas mais fáceis de usar em muitos casos, por exemplo, captura de chumbo, qualificação do usuário, formulários de feedback, formulários de inscrição e muito mais. Aplicativo LeadGen permite criar formulários de várias etapas com texto personalizado e elementos gráficos com muita facilidade.

3. Entretenha seu design de formulário com conteúdo

Entretenha os usuários com conteúdo interessante em formulários

Nos formulários de várias etapas do LeadGen, você pode exibir elementos de caixa de texto junto com suas perguntas e etapas do formulário, por exemplo, acima de uma pergunta.

Esses elementos de caixa de texto podem ser adicionados através do editor WSIWYG, onde você pode adicionar links, gráficos e imagens GIF. Os títulos podem ser configurados em diferentes tamanhos, por exemplo, formato H1, H2, H3.

Caixas de texto em formulários LeadGen
Aprimorando formulários LeadGen com elementos de caixa de texto - Construtor de formulários e formulário ao vivo

Ao adicionar algumas linhas de texto, por exemplo, para introdução de perguntas, você pode tornar o formulário mais individualizado e mais fácil de entender.

Isso pode fazer com que seu formulário pareça mais conversacional e menos estático como um formulário online típico (veja a imagem abaixo)

jornada interativa do usuário

Entre em contato conosco seção de cabeçalho personalizada de design de formulário com elementos de texto

Você também pode usar imagens GIF nas caixas de texto para deixar sua criatividade fluir. Veja o exemplo de design de formulário abaixo para entrar em uma competição:

Formulário de inscrição para concurso de sorteio de prêmios com imagem GIF


4. Melhores práticas para
Design de formulário

Projete seu formulário LeadGen

A marca e o estilo do seu formulário online normalmente não são algo que os profissionais de marketing prestam atenção. Por outro lado, as pessoas são obcecadas por web design (o que obviamente também é importante). O design de formulários online, no entanto, é o elemento-chave do site que realmente impulsiona os negócios.

Seja um dos poucos profissionais de marketing que aproveitam esse potencial e comece a otimizar seu formulário de geração de leads para obter melhores taxas de conversão.

Aqui está um exemplo de um design de formulário de contato online com fotos de antes e depois:

Exemplos de formulários online - design de formulário clássico antigo

Exemplo de formulário de captura de consultas de contato

O desenho original da forma foi construído em formato longo. Estava tornando as coisas mais complicadas do que o necessário.

As perguntas não eram claras e deixavam margem para interpretação. Em termos de branding, o formulário estava apenas usando as cores branco e cinza, o mais chato que poderia parecer.

Exemplos de formulários online - novo design de formulário de várias etapas

Novo design de formulário de contato em formato de várias etapas

Acima você vê a nova forma no design real da marca. A marca já usava verde forte cores no logotipo e site, então adotamos esse estilo para o formulário. O formato de várias etapas torna as perguntas muito mais fáceis de entender e os usuários mais propensos a acompanhar.

As cores desempenham um papel importante no design de formulários online em termos de:

1) Adicionando personalidade à forma e deixando-a menos séria;

2) Combinando o estilo do formulário com a identidade da sua marca

3) Crie experiências mais amigáveis

5. Gamificar 

Gamifique seus formulários online

Formulário LeadGen qquestionário to envolver os usuários em um site

As pessoas adoram jogos e entretenimento. Use jornadas de formulário de várias etapas para envolver os usuários, construa como um jogo.

Isso pode não ser o ajuste certo para todos os formulários que você cria. Por exemplo, formulários de captura de contato e lead provavelmente ainda devem parecer o mais simples possível.

Gamificação é "O processo de adicionar jogos ou elementos semelhantes a jogos a algo (como uma tarefa) para incentivar a participação" (Fonte: Merriam Webster Dictionary).

Exemplos de formulários online gamificados

Formulário condicional gamificado, fazendo um teste de um formulário online

Formulário de design de site de questionário gamificado

A imagem acima mostra um formulário LeadGen gamificado que fornece feedback de resposta com base na lógica de pergunta condicional nas etapas a seguir.

As respostas corretas mostrarão uma etapa de formulário diferente da resposta errada. Por exemplo, se o usuário selecionar a opção correta "Manila", o formulário LeadGen abrirá a etapa do formulário para a resposta correta. Para todas as outras perguntas, você pode preparar uma etapa de pergunta que informa o usuário sobre as respostas corretas ou a opção de tentar novamente clicando no botão voltar.

Formulário condicional gamificado - página de resposta
Formulário LeadGen do questionário - página de resposta para uma resposta correta

Essas etapas do formulário de resposta podem ser personalizadas da maneira que você desejar, por exemplo, escrevendo um texto de resposta curto com uma explicação. Tanto a resposta certa quanto a errada podem ser conectadas à próxima pergunta (Q2), de modo que o usuário simplesmente continue todo o questionário até o final.

Um formulário online gamificado também pode ser algo criativo, pronto para uso, que você não encontraria em nenhum outro lugar da internet. Um ótimo exemplo de um formulário online gamificado é este quiz da BBC

questões interativas

Ele pede para você adivinhar o finalista da Liga dos Campeões mostrando apenas o jogador quando bebê. Coisas assim deixam as pessoas curiosas para passar pelo formulário para ver a resposta. Além disso, é mais provável que seu questionário ou formulário on-line gamificado seja compartilhado novamente, o que ajudará você a ganhar exposição para seu site, o que não aconteceria simplesmente para formulários convencionais.


6. Navegação na página

Navegação na página no site

É importante não olhar apenas para o formulário online em si, mas para toda a jornada do usuário.

A jornada na página da Web começa onde o usuário chega e continua mesmo após o envio do formulário. Agrega valor para otimizar a página inteira para uma frase de chamariz que pode ser seu formulário.

7. Localize o design do formulário no conteúdo da página

Ao criar um formulário online, certifique-se de colocá-lo em destaque no site, na melhor seção possível. O formulário deve estar localizado no ponto certo da página onde pode ser facilmente encontrado e para onde o usuário está navegando.

Encontrar o lugar certo depende do caso de uso do formulário.

Uma página de destino ou página de oferta normalmente tem o formulário bem no topo (como nosso Página de reserva de demonstração abaixo)

Reserve um exemplo de página da Web de chamada de demonstração
simples formulários de inscrição em newsletter pode estar localizado em qualquer lugar na página da web.

Formulários de captura de leads, por exemplo Denunciar de downloads or ofertas de consulta nas postagens do blog são um caso de uso diferente. Esses formulários nunca devem ser exibidos no topo da postagem porque o usuário precisa primeiro se envolver com o conteúdo do blog para entender o valor da oferta principal. Os formulários devem estar localizados 3/4 abaixo da página ou no final.

Diferentes lugares para incorporar um formulário em uma página da web

Representação visual de onde você pode colocar designs de formulário em uma página da web

 

8. Aponte para o design do formulário

Design de página de formulário de contato

Design de formulário de contato do aplicativo LeadGen no site

Outra tática que ajuda a obter mais interesse em seus formulários é usar elementos de web design que direcionam os usuários para o formulário.

Esta pode ser uma simples imagem de seta ou uma imagem de um rosto humano que olha para a forma.

A imagem acima mostra nosso design de formulário de contato que usamos em nosso site LeadGen www.leadgenapp.io/contact. Contém um gráfico de seta que aponta para o formulário.

Além disso, você pode dividir a estrutura da sua página em duas partes e exibir um vídeo à esquerda e o formulário ao lado direito.

Essas são táticas sutis, mas eficazes, que fazem seu formulário online se destacar.

Inscreva-se no LeadGen

9. Fonte fácil de ler

A fonte usada em seu formulário online desempenha um papel importante na experiência do visitante. Não vá com fontes padrão. Implementar um fonte fácil de ler que funciona melhor com as diretrizes da sua marca, cores, estilo e seu CTA nos botões do formulário.

10. Página de agradecimento  

No final do ciclo após o envio do formulário, você deve mostrar uma página de agradecimento ou redirecionar para um URL de página de agradecimento personalizado. Isso é particularmente importante ao usar formulários de captura de leads. A última coisa que você não quer fazer é confundir o lead se o envio do formulário foi bem-sucedido ou não.

Construa seu novo formulário "divertido"

Combinando todas essas ideias, você pode ter certeza de que os formulários serão mais divertidos para o seu público.

E mais divertido também significa que você pode coletar mais respostas e aumentar as taxas de conversão.

Se você não tem um Conta do aplicativo LeadGen ainda para construir seu formulário divertido, comece aqui:

 

 

 

 

 

 

 

 

 

 

 

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.