Dicas de design de formulários – formulários bons e ruins

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Dicas de design de formulários - formulários bons e ruins 3

Encontramos formulários o tempo todo na Internet. E embora usuários experientes da Internet possam lidar com quase todos os formatos, muitos recém-chegados geralmente falham devido a formulários complicados e pouco amigáveis ​​ao usuário.

Os formulários são muito importantes para os autônomos online. Isso significa que assinaturas de boletins informativos, pedidos online, contatos de clientes, etc. podem ou não surgir.

Então, hoje eu gostaria de dar uma olhada no que torna bons formulários, o quão criativo você deve / pode ser e quais opções existem para incorporar formulários em seu próprio site ou blog.

Design de formulário

Programa de seguro tarifário TarifCheck24
publicidade

Os formulários estão por toda parte. Existe um formulário antes de quase todas as interações na web e, muitas vezes, atrapalha.

Se você quiser comprar algo online, primeiro você deve preencher um formulário. Qualquer pessoa que queira se comunicar com outras pessoas online também deve preencher um formulário com antecedência. E assim é com muitas outras coisas na rede. Assim que você deseja fazer algo pessoalmente de alguma forma, você se depara com um formulário.

Claro que existem formulários muito bem elaborados que são convidativos e que podem ser preenchidos de forma rápida e fácil.

Infelizmente, também existem muitos exemplos negativos que mostram o quão pouco o programador pensou sobre a comunicação com o usuário. Por exemplo, já vi formulários para o download simples de um eBook que eram simplesmente muito extensos e continham mais de uma dúzia de campos.

Se você fizer tantas perguntas, não apenas correrá o risco de uma taxa de rejeição relativamente alta dos usuários que não preencherem e enviarem o formulário completamente, mas também garantirá que muitos usuários simplesmente digam algo para obter o e-book, como neste caso. Infelizmente, você vê esses monstros de forma repetida na web e eu me pergunto seriamente se alguém está fazendo isso consigo mesmo lá.

Por outro lado, muitos exemplos de download de eBooks, whitepapers e companhia são bons. Somente o endereço de e-mail é solicitado e talvez o nome seja opcional. Nesse caso, essa é a única informação necessária e quase todos os usuários a veem.

Quanto custam os formulários?

O que parece um pouco estranho à primeira vista é, na verdade, algo concreto e mensurável. Porque os formulários custam dinheiro.

Como acabei de escrever, muitas ações na web não podem ser feitas sem formulários. Como você deseja processar um pedido online sem um formulário para endereço e dados de pagamento? Como você deve se envolver em uma rede social se não pede alguns dados de antemão por meio de um formulário?

O custo dos formulários é uma taxa de conversão maior ou menor. Quem prefere isso também pode falar do contrário, a taxa de rejeição. É claro que isso deve ser o mais baixo possível.

Leia Também  Evite ou prossiga a violação de direitos autorais - informações, dicas e experiências

Não há muita análise de quanto custam realmente formulários mal projetados. Certamente, isso também se deve ao fato de que não há declarações geralmente válidas que se apliquem a todos os sites.

Mas há análises, como esta um pouco mais antiga de Jon Miller, que mostram que os formulários podem custar muito dinheiro.

Nesse teste, Jon direcionou o tráfego para uma loja online por meio do Google Ads. Ele apenas mudou o formulário de pedido várias vezes e mediu os efeitos das mudanças na taxa de conversão.

O resultado foi bastante claro. Assim que o formulário fica mais longo e mais dados são solicitados, a taxa de conversão cai. Isso tornava cada novo cliente mais caro, pois mais cliques do Google Ads eram necessários para uma conversão.

Mesmo se houver apenas quantidades relativamente pequenas neste exemplo, tudo se soma. Se você tem 1.000 novos usuários por mês em uma loja online que colocaram mercadorias no valor de 100 euros em média no carrinho de compras e agora estão em frente ao formulário de pedido, então faz diferença se 20% ou 30% deles são os únicos Finalize o pedido. Neste exemplo, um formulário otimizado garante que você gere 10.000 euros a mais em vendas.

Portanto, o design de formulários não deve ser deixado apenas para o web designer criativo ou o controlador de coleta de dados.

Minhas recomendações para trabalhadores autônomosPUBLICIDADE

Dicas para design de formulário

A seguir estão algumas dicas sobre como melhorar os formulários e, assim, reduzir a taxa de rejeição ou aumentar a taxa de conversão. Essas dicas são listadas em nenhuma ordem específica.

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
  • Você deve ter um formulário o mais tarde possível colocado na frente do nariz dos usuários. Existem lojas nas quais você precisa primeiro se registrar, antes mesmo de saber se pode encontrar o que procura nesta loja. A Amazon faz isso melhor, por exemplo, quando você primeiro coloca tudo no carrinho de compras e só precisa preencher o formulário de registro no final. Regra básica: Quanto mais tempo e trabalho o usuário já investiu, maior a probabilidade de ele preencher um formulário em vez de cancelá-lo e todo o trabalho e tempo foram em vão.
  • Muitos formulários não fornecem um correto Comentários. Claro, os erros não precisam apenas ser mencionados em geral (Você cometeu um erro ao inserir os dados), mas deve ser especificamente nomeado e marcado. Aqui, por exemplo, um uso sensato de JavaScript é possível, uma vez que as verificações são realizadas assim que a entrada é feita. Por exemplo, o Twitter verifica se o nome do usuário ainda está disponível ao digitar o nome do usuário. Mas mesmo com sucesso, você deve fornecer feedback apropriado.
  • Você deveria se possível poucas datas Interrogar. Como mostra o exemplo acima, cada campo adicional custa dinheiro. Portanto, você deve riscar todos os campos que não são realmente necessários. Só porque você gostaria de ter uma ou outra informação, você não deveria necessariamente solicitá-la. Você sempre pode fazer isso mais tarde. As informações que os usuários têm que pesquisar laboriosamente (números de contratos específicos, detalhes de contratos, etc.) só devem ser consultadas se não houver outra maneira. Além disso, do ponto de vista da proteção de dados, a consulta de dados deve ser minimizada.
  • Deve-se olhar muito Usabilidade Preste atenção e não deixe os formulários testados apenas por programadores e usuários experientes da Internet. As chamadas caixas de captcha são um bom exemplo. Agora, eles são usados ​​com muita frequência para impedir o preenchimento automático de formulários e para garantir que uma pessoa esteja realmente sentada em frente ao PC. Infelizmente, captchas são algo normal para muitos programadores e, portanto, geralmente não há explicação do que eles realmente são. Os recém-chegados à Internet costumam ficar confusos.
  • Também é aconselhável cumprir certas Padrões da Internet manter. A criatividade certamente não é ruim em web design, mas com elementos como formulários, muitas vezes é uma escolha melhor não jogar fora o que você aprendeu. Um formulário estilizado com CSS certamente parece muito atraente, mas para alguns usuários difere significativamente do familiar e, portanto, representa um obstáculo.
  • Explicações são muito importantes em geral. Quais caracteres devem e podem estar em um campo de senha, por exemplo? Por que peço o número do telefone, por exemplo? Qual é o propósito de uma seleção específica? Você deverá ver um formulário como uma conversa entre vendedor e comprador na loja. O vendedor também explica certas coisas e responde a perguntas. Uma boa forma deve fazer isso também.
  • Ajuda muito aumentar a taxa de conversão se você adicionar o vantagens listas associadas ao preenchimento do formulário. Muitas vezes os usuários voltam a ter dúvidas ao preencher o formulário, e é aqui que uma medida de construção de confiança ajuda.
  • Como já mencionado, um formulário deve ter um comunicação pessoal substituir, já que ocorreria principalmente na área off-line. Portanto, geralmente é muito útil encontrar uma nota pessoal e um endereço no formulário. Portanto, não há “banco de dados ou linguagem de programador”, mas endereço humano.
  • Teste, teste, teste. Nenhum formulário funciona como o outro. Portanto, você deve olhar para os resultados de estudos e análises sobre o design de formulários como ponto de partida, mas então você deve testar seu próprio exemplo. Que mudanças trarei se eu remover um campo, por exemplo?
Mais tráfego para seu próprio blogPUBLICIDADE

Formulários para seu próprio site / blog

Usar formulários para seu próprio blog ou site às vezes é muito fácil, às vezes não. Ou o CMS usado oferece uma forma muito simples de integração de formulários ou não existem essas opções e você tem que usar soluções externas ou plug-ins.

Leia Também  O que aprendi durante minhas férias em meus sites

Mas o problema também pode estar nos detalhes. Alguns sistemas de gerenciamento de conteúdo foram criados por programadores sozinhos e você pode ver isso em certos campos de formulário, por exemplo. Freqüentemente, não há realmente nenhuma alternativa ao inserir uma data. Isso geralmente pode fazer toda a diferença, portanto, deve haver várias opções aqui para testar.

Além de scripts PHP gratuitos que podem ser baixados da web, mas que não são necessariamente fáceis de usar, há uma série de plug-ins para blogs WordPress, por exemplo. Qual deles é usado também é uma questão de teste. Cada um tem vantagens e desvantagens e você deve olhar os exemplos de demonstração, verificar as opções de configuração e apenas testar alguns plug-ins você mesmo.

Eu uso o plug-in Contact Form 7 para alguns de meus blogs do WordPress porque, por um lado, ele oferece muitas opções, mas o plug-in WP GDPR Compliance também pode se tornar compatível com a proteção de dados concordando primeiro em salvar os dados antes de enviar o formulário pode ser.

Por exemplo, usei-o para criar um formulário para uma pesquisa entre os leitores do meu blog de jogos de tabuleiro. Os leitores podiam inserir seus 10 jogos favoritos e também responder a 2 perguntas. Isso funcionou muito bem.

Dicas para o design de formulário ideal + recomendação de plug-in

É claro que este é um formulário longo, mas também era sobre os 10 melhores jogos de tabuleiro do usuário. Eu deixei de fora outras questões que nada têm a ver com isso.

Em alguns casos, também existem scripts de formulário para hospedar pacotes. Mas mesmo aí a qualidade oscila significativamente e essas soluções muitas vezes não são as melhores.

Leia Também  Como ganhar dinheiro com um blog para demitir seu chefe?

Certos serviços, como fornecedores de newsletters *, oferecem a criação de formulários. Com isso você pode, por exemplo, gerar de forma rápida e fácil um formulário para se cadastrar em uma newsletter. Isso geralmente é muito útil e, de outra forma, apenas difícil de resolver.

Por último, mas não menos importante, também existem serviços online para formulários. Lá você pode montar um formulário de forma relativamente flexível e, em seguida, simplesmente copiar o código HTML gerado em seu próprio site ou blog. Essa variante também tem vantagens e desvantagens. Para iniciantes, entretanto, geralmente é uma opção muito boa, já que você não precisa se preocupar com nada tecnicamente. Por motivos de proteção de dados, você só deve usar serviços dentro da UE.

Conclusão sobre o design do formulário

Por fim, gostaria de mencionar novamente que o problema com os formulários geralmente não é a tecnologia, mas o design. Não importa quão bom seja o gerador de formulários ou plug-in, se você ignorar as dicas acima para projetar um formulário, a taxa de rejeição será alta ou a taxa de conversão será baixa.

Como você aborda o design de seus formulários, que dicas você pode dar e quais ferramentas, plug-ins e serviços você usa para isso?

Fundador da Lexoffice
publicidade
Amazon Education Center
publicidade
cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br