Hoje, queremos abordar um elemento importante de um sítio Web de fácil utilização. Os formulários em linha são uma grande ajuda se o seu objetivo é estabelecer contacto com os visitantes da sua página inicial. Além disso, são indispensáveis quando se trata de processar encomendas.
Como existem muitas armadilhas potenciais relativamente à conceção de formulários em linha, resumimos as dicas mais essenciais para si. Provavelmente já viu alguns exemplos de formulários que não eram muito fáceis de utilizar [1]. Para garantir que não cai nessas armadilhas, reunimos algumas dicas valiosas para uma conceção de formulários eficiente e funcional.
Quais são os critérios para uma boa conceção de um formulário em linha?
Antes de mais, a conceção de um formulário em linha bem sucedido tem de ser funcional. Recolhe todos os dados necessários e tem uma estrutura clara. O utilizador deve ser capaz de compreender, à primeira vista, quais as entradas necessárias. Ao identificar os campos individuais, pode garantir que os utilizadores os preenchem rapidamente.
Infelizmente, não existe uma solução global que seja adequada para todos os sítios Web. É por isso que tem de conceber um formulário de contacto individual para a sua página inicial. No entanto, pode ganhar muitos pontos com os visitantes do sítio, se eles repararem que se preocupou com o assunto.
Para uma conceção bem sucedida de um formulário em linha, pode seguir os nossos conselhos, que reunimos durante os nossos muitos anos de experiência na Internet e que prometem um elevado grau de facilidade de utilização.
As nossas 6 principais dicas para uma conceção de formulários em linha bem sucedida
Como já foi referido, a conceção de formulários em linha é um tema muito individual. Se o tom do seu sítio Web for muito formal, porque pretende fornecer sobretudo factos e informações, isso refletir-se-á na conceção dos seus formulários de contacto. Se a sua abordagem aos clientes é muito aberta e informal, também pode conceber um formulário de contacto mais divertido e informal.
No entanto, independentemente da abordagem e da redação, o nosso objetivo é dar-lhe 6 dicas que são valiosas para qualquer conceção de formulário em linha.
Adaptar os campos de entrada ao conteúdo
Por exemplo, um campo de código postal pode ser muito mais pequeno do que um campo para o nome da cidade. Isto confere imediatamente maior clareza à conceção do formulário e o utilizador saberá que informação deve introduzir aqui.
Criar mensagens de erro
Vimos muitos exemplos de formulários em linha que não indicam um erro até ao fim. No entanto, aconselhamo-lo a apresentar um erro diretamente no campo de entrada relevante. Também é preferível utilizar uma cor para indicar um erro. O vermelho tornou-se a escolha popular de cor para entradas incorrectas.
Se assinalar imediatamente um erro ao utilizador, este poderá corrigi-lo facilmente e não perderá tempo.
Limitar a utilização de menus pendentes
Seja poupado na utilização de menus pendentes. A regra geral é que devem ser utilizados apenas para perguntas em que haja uma escolha de cinco ou mais respostas.
As escolhas num menu pendente requerem sempre dois cliques, o que significa trabalho extra para o utilizador. Pense se um campo de texto livre pode funcionar para a pergunta, ou simplesmente liste todas as respostas potenciais uma abaixo da outra. Assim, o utilizador pode colocar uma marca de verificação no lugar certo.
Utilizar etiquetas e marcadores de posição
Para evitar mal-entendidos, deve escolher um rótulo conciso para todos os campos. Deve também indicar se um dos campos é obrigatório. Isto é muito mais fácil de utilizar do que indicar no final do formulário que todos os campos marcados com um * têm de ser preenchidos.
Estruturar o formulário em linha
Se tiver vários campos que se enquadrem no mesmo tema, deve combiná-los visualmente num bloco. Desta forma, será muito mais fácil para o utilizador compreender o seu formulário. Normalmente, a introdução de dados de endereço constitui o primeiro bloco e, em seguida, o bloco seguinte trata de outras questões.
Dispor os campos uns por baixo dos outros
Para o olho humano, os campos dispostos uns por baixo dos outros são mais fáceis de assimilar. Mesmo que tenha espaço para colocar outro campo na mesma linha para uma pergunta curta, como o código postal, deve abster-se de o fazer.
Isto distrairia o utilizador porque as pessoas estão sempre, consciente ou inconscientemente, a olhar para a direita para ler a pergunta seguinte. Na pior das hipóteses, os dados recolhidos não serão úteis.
Sugestões para a conceção de um formulário em linha acessível
Uma questão importante no contexto da conceção de formulários de contacto é a acessibilidade do seu sítio Web. Se pretender conceber um novo formulário de contacto, seria bom ter em conta as pessoas com deficiências.
Pode tornar o seu sítio Web mais acessível com os seguintes passos simples:
- Escolha um tamanho de letra adequado.
- Fornecer contraste, como por exemplo, tipo de letra preta num fundo branco.
- Utilizar uma linguagem simples e de fácil compreensão.
Proteção contra spam durante a entrada - Friendly Captcha
Há mais um aspeto que deve considerar ao conceber os seus formulários. Para criar uma proteção eficaz contra spam, pode recorrer a vários métodos de defesa contra bots e mensagens de spam. Embora haja pouca diferença na sua eficácia, há uma diferença significativa na sua facilidade de utilização e acessibilidade.
Do ponto de vista do utilizador, todos os formulários em linha que funcionam com um teste de captcha são bastante inconvenientes. A razão é que os utilizadores têm de resolver uma tarefa simples mas aborrecida, como uma questão matemática ou marcar determinados motivos numa seleção de imagens. Além disso, esses Captchas padrão não podem ser considerados acessíveis.
Estes testes Captcha são utilizados para distinguir se um pedido é feito por um humano ou por um computador. Este é um importante critério de diferenciação na defesa contra mensagens de spam. Mas se preferir não incomodar o utilizador do seu formulário de contacto com uma tarefa destas, pode recorrer ao nosso totalmente automatizado e acessível Friendly Captcha.
Seguro para si, cómodo para o utilizador
Aqui estão as boas notícias. A nossa solução baseada na nuvem é compatível com o RGPD e também está em conformidade com a decisão Schrems II; por conseguinte, está do lado seguro em termos de proteção de dados. O teste, para determinar se o contacto está a ser feito por um ser humano ou por um computador, é realizado através de um puzzle enigmático. Este é resolvido em segundo plano enquanto as entradas são feitas no formulário de contacto.
O utilizador não se apercebe de nada disto. Para além de um design de formulário em linha apelativo e fácil de compreender, pode aumentar a facilidade de utilização do seu sítio Web utilizando Friendly Captcha. Assim, é importante notar que, quando se lida com o tópico da conceção de formulários em linha, também vale a pena considerar a forma como se quer proteger de mensagens de spam.
