Design

5 dicas de usabilidade para um formulário mais intuitivo e menos entediante

Por: , maio 3, 2016

Hoje em dia, existem inúmeros desafios para simplificar um formulário. Como fazer o usuário entender a necessidade das informações pedidas? Como guiá-lo para que ele preencha cada informação requisitada? Os funcionários estão com dificuldades em tarefas do dia a dia? O problema pode estar nos formulários que eles preenchem!
Nesse post vamos comentar as melhores práticas para o desenvolvimento de um formulário enxuto e intuitivo, a fim de simplificar a maioria deles.

1. Fale a linguagem do usuário

Exiba perguntas, informações e feedbacks em uma linguagem amigável para que o usuário se familiarize com as informações e sinta-se mais a vontade. Isso diminui a taxa de desistência. Disponha as informações como se o sistema fosse uma pessoa conversando.

Linguagem fluída em um formulário para busca de restaurantes
Linguagem fluída em um formulário para busca de restaurantes

 

2. Dê feedbacks constantes

Não é frustrante você preencher um formulário e ao clicar em “Enviar” não acontece nada? Cada interação realizada pelo usuário deve gerar um feedback sonoro ou visual, seja ele bom ou ruim. Pense com carinho 🙂

Feedback ao preencher o formulário de login
Feedback ao preencher o formulário de login

 

Feedback do progresso no preenchimento do formulário
Feedback do progresso no preenchimento do formulário

 

3. Organização e padronização

Organização dos campos e labels: Informações alinhadas verticalmente no mesmo lado acelera a leitura. Campos distantes dos labels dificulta a leitura, e as chances de erro aumentam.

Note a diferença no alinhamento dos campos para facilitar a leitura
Note a diferença no alinhamento dos campos para fácilitar a leitura

 
Padronização e união de inputs: O agrupamento das informações é importante pois gera um contexto, acelerando na hora de preencher o formulário.

Exemplo clássico de agrupamento e organização dos campos
Exemplo clássico de agrupamento e organização dos campos

 

4. Usabilidade acima de tudo

O teclado a nosso favor: Para formulários onde o contato é constante, os atalhos no teclado trarão aumento da produtividade e no foco, pois o usuário manterá sua visão nas informações e não mudará o foco para clicar no mouse, por exemplo. Uma ideia legal também é dar foco no primeiro campo a ser preenchido.
Destaque campos opcionais e não os obrigatórios: Ninguém preenche os campos opcionais? Pesquisas mostram que a maioria das pessoas preenchem mais informações que o necessário (“voluntary over-disclosure” ou “voluntário sobre-revelação”), porém, quando apenas os campos obrigatórios são marcados a maioria realiza o mínimo para completar o formulário, esquecendo os demais campos.

Dessa forma você aumenta a taxa de preenchimento de campos opcionais.
Exemplo clássico de agrupamento e organização dos campos

 
Radio buttons e checkboxes: Facilite a seleção dos checkboxes e radio buttons através do label, pois ninguém é obrigado a ter uma mira precisa para acertar aqueles pequenos quadrados ou círculos.

Mais simples do que ficar mirando no quadradinho né?
Mais simples do que ficar mirando no quadradinho né?

 
“Confirmar senha” ainda é necessário?Porquê não utilizar um botão que exibe a senha digitada? É mais simples, minimiza tempo e agiliza o processo.

A ideia vale até para um formluário de login
A ideia vale até para um formluário de login

 

5. Explique a importância do preenchimento das informações

As informações preenchidas em um formulário são importantes e quando o usuário tem confiança, se sente a vontade, têm auxílio e o mais importante, sabe o que está acontecendo, as chances de preencher o que precisamos aumenta.

(1.) No cadastro da Facebook ele mostra a importância do preenchimento da data de aniversário, (2.) e também deixa claro que o cadastro é gratuito.
(1.) No cadastro da Facebook ele mostra a importância do preenchimento da data de aniversário, (2.) e também deixa claro que o cadastro é gratuito.

 
Podemos pensar que os formulários são do passado, porém eles são uma ponte de comunicação, basta pedir as informações certas no momento certo. Levem essas dicas com vocês para o resto de suas vidas, e quando possível, compartilhe com as pessoas que querem, como vocês, o bem da nação.

  • Receba nosso conteúdo em primeira mão.