UX: Como criar formulários mais intuitivos e menos entediantes

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}

 

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 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 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}

 

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.

^{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é?}

 

“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}

 

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.}

 

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.

 

(*) Bruno Camarini é Information Architect na Dextra Sistemas