Usabilidade para Dummies. Parte 2: qual deve ser o formulário no site

No estágio final da conversão, os usuários geralmente precisam preencher formulários. Os visitantes os encontram quando fazem pedidos ou assinaturas, baixam programas, e-books e relatórios. Uma forma eficaz estimula a conversão, enquanto uma forma ineficiente pode levar a uma recusa de compra, registro, etc. A partir deste artigo, você aprenderá qual deve ser o formulário no site.

Marcar campos opcionais

A maioria dos designers usa asteriscos para indicar campos obrigatórios. Isto não é uma boa ideia. Primeiro, as estrelas criam um ruído visual que distrai o usuário da conversão. Em segundo lugar, o usuário deve gastar o tempo para encontrar uma mensagem na parte inferior da página sobre o valor das estrelas.

Marcar campos opcionais. Digite a palavra "Opcional" ou "Opcional" diretamente no campo. Isso fará com que o processo de preenchimento do formulário seja mais confortável para o usuário.

Coloque o texto acima dos campos do formulário

Se o texto estiver localizado à esquerda ou à direita dos campos do formulário, o usuário gastará mais tempo preenchendo-o. Isso se deve às peculiaridades da percepção: para inserir as informações necessárias, uma pessoa realiza mais fixações visuais.

Quando o texto está localizado acima dos campos do formulário, o usuário percebe o campo e o texto como um todo. Isso reduz o número de fixações visuais ao meio e aumenta a velocidade de preenchimento do formulário.

Não deve haver nenhum botão "Cancelar" nos formulários.

Os botões "Cancelar", "Cancelar", "Não" tornam os formulários menos eficazes. Primeiro, eles permitem que o usuário desative uma compra, uma assinatura ou um registro. Em segundo lugar, os clientes podem pressionar esses botões aleatoriamente.

O botão "Cancelar" só é relevante em caixas de diálogo ou indicadores de processo.

Entregue os usuários a partir dos intermináveis ​​cliques nos botões de passo

Quando um visitante usa um controlador de passos, ele precisa pressionar um dos botões várias vezes. Isso cria pausas desnecessárias e complica a experiência do usuário com a interface.

Uma alternativa ao stepper são controles deslizantes. O usuário simplesmente pressiona o botão do mouse uma vez para mover o controle deslizante para a posição desejada.

No formulário de pesquisa, o botão "Pesquisar" deve estar localizado à esquerda.

A maioria dos designers coloca um botão "Pesquisar" à direita do formulário de pesquisa. Essa não é a melhor solução: o usuário primeiro avalia o formulário, depois o botão, retorna ao formulário para inserir a palavra desejada e retorna ao botão.

Se o botão estiver localizado à esquerda, reduz o número de paradas visuais para três.

O formulário de confirmação da idade deve ser simples

O formulário de confirmação de idade não deve assustar o visitante. O usuário pode decidir que você precisa fornecer muitos dados pessoais:

Os botões extras na forma de confirmação tornam a forma menos eficaz.

A forma ideal de confirmação de idade tem um botão:

Formulários longos devem verificar imediatamente a exatidão dos campos

Todos podem cometer um erro preenchendo o formulário. Quando uma pessoa comete um erro ou pula um campo, o formulário informa sobre ele depois de pressionar o botão de confirmação.

Se o formulário for longo o suficiente, o usuário pode não perceber uma ou mais mensagens de erro. Ele terá que preencher um formulário várias vezes. Este problema é resolvido verificando imediatamente a exatidão do enchimento.

Conecte o campo de pesquisa e o botão "Pesquisar"

Se você deixar um espaço em branco entre o campo de pesquisa e o botão Localizar, isso pode levar a problemas de percepção.

Se o botão e o campo tiverem larguras diferentes, estiverem localizados muito longe um do outro ou estiverem deslocados um em relação ao outro, o usuário não perceberá o formulário de pesquisa como um todo. Ele gasta muito tempo na percepção, avaliação e interpretação do objeto, o que reduz a eficácia do formulário. Um bom formulário de pesquisa é assim:

Texto no campo melhora a eficiência da forma

É dito acima que a posição do texto acima dos campos do formulário é mais efetiva que a esquerda ou a direita dos campos. Há outra solução: colocar texto em campos de formulário. Essa abordagem torna a forma mais compacta e reduz o número de fixações visuais. Além disso, o usuário não precisa entender a qual campo o texto pertence.

O Captcha impede não apenas os robôs de spam, mas também os usuários

O Captcha protege o site contra spam. No entanto, muitos usuários não preenchem o formulário se o captcha for muito complicado. Opções simples, por exemplo, captcha-checkbox, ineficazes.

Use o controle deslizante de captcha. Essa proteção funciona efetivamente contra bots, mas não força as pessoas a se recusarem a preencher formulários.

Torne o formulário de registro o mais simples e conveniente possível.

Para resolver esse problema, use as seguintes recomendações:

  • Peça ao usuário para criar um apelido após o registro. Encontrar um nick desocupado geralmente leva muito tempo, o que faz com que alguns usuários se recusem a se registrar.
  • Permitir que os usuários insiram a senha uma vez. Para fazer isso, use a caixa de seleção para ver a senha escrita.
  • Use o recurso de preenchimento automático para campos com dados geográficos (país, cidade).
  • Permitir que os usuários efetuem login usando um apelido ou endereço de e-mail.
  • Permitir que os usuários façam login via Facebook, Twitter e outras contas de mídia social.

Tornar possível marcar a caixa de seleção clicando no texto.

É inconveniente para os usuários marcarem a caixa de seleção, pois suas janelas são muito pequenas. Esse problema é facilmente resolvido: permita que os visitantes marquem clicando no texto do rótulo da caixa de seleção.

Combine uma pesquisa geral de site com uma pesquisa de seção

Permitir que os usuários pesquisem informações em todo o site ou em determinadas seções ou categorias de mercadorias. Isto é verdade para grandes lojas online, grandes recursos de informação.

Dicas em formulários devem aparecer quando você passa o cursor

Imagine a situação: o usuário faz uma compra em sua loja online, mas não sabe qual método de pagamento escolher. Ele precisa de uma dica.

Dicas devem aparecer quando você passa o cursor sobre o sinal ou link correspondente. Isso evita que o usuário tenha medo de sair do formulário e perder as informações inseridas.

Reduzir o formulário de pesquisa da filial mais próxima para um campo

Formulários de pesquisa que consistem em vários campos assustam os usuários.

Para encontrar a filial mais próxima, o usuário deve preencher apenas um campo.

Incentivar os usuários a preencher formulários

Isso aumenta muito a velocidade de preenchimento e salva os usuários de erros. A dica de ferramenta pode estar diretamente nos campos de formulário ou abaixo deles.

Formulários para entrar no site não devem estar na página principal

Se a caixa de login estiver no canto superior direito da página, os usuários poderão confundi-la com o formulário de pesquisa.

A saída da situação pode ser o botão "Login", depois de clicar em que abre o formulário de login.

Outro motivo para colocar o texto acima dos campos de formulário

Se o usuário móvel preencher um formulário no qual os rótulos estão à esquerda dos campos, a pessoa terá que usar uma rolagem horizontal ou virar o gadget.

Esse problema é resolvido colocando o texto acima dos campos de formulário.

A receita para formulários eficazes

Para tornar os formulários no site eficientes, reduza o número de campos. Os rótulos devem estar localizados acima dos campos do formulário, pois isso reduz o número de fixações visuais e facilita o trabalho dos usuários móveis com o formulário. Marque campos opcionais, não use o botão "Cancelar", use as dicas. Combine o botão "Localizar" com o campo de pesquisa, coloque-o à esquerda do campo. Permitir que os usuários pesquisem todo o site ou em seções separadas. Faça as caixas de seleção mais convenientes e captcha.

P.S. Este artigo tem outra parte: "Usabilidade para Dummies. Parte 1: quais devem ser os botões no site. "

Loading...

Deixe O Seu Comentário