Seções iMasters
Design & UX + Usabilidade

Formulários web que não irritam as pessoas

Não existe melhor lugar para cuidar dos visitantes do seu site como um formulário online. Esse e o único lugar em que eles te enviarão, voluntariamente, informações, e talvez até pagamentos. Diminua o abandono dos formulários e faça o dia de alguém ao considerar estas três premissas de execução:

Não pergunte o que você não precisa saber

  • É uma informação que você precisa? Ótimo, peça por ela.
  • É uma informação que você não precisa, mas pode ser realmente valiosa? Somente peça por ela se você está entregando valor de volta.
  • É uma informação que você não precisa, mas acha interessante? Nem pense nisso.

Vendas normalmente não gostam deste último. Seu argumento é algo assim: “Mas eles estão preenchendo informações no site. Se apenas perguntarmos pelo seu número de telefone, junto com todo o resto, podemos ligar pra eles. Pense nos lucros!”

Um número de telefone é apenas um exemplo, e você pode ter motivos legítimos para pedir por ele. Mas sempre pese o valor para sua empresa contra o custo do preenchimento para as pessoas. Informação não é algo grátis, e você está pedindo a elas permissão para contatá-las para algo.

Formulários longos e complicados são aceitáveis se eles tiverem um objetivo claro, e se o valor oferecido ao usuário for substancial. Alguns exemplos seriam inscrições para faculdade ou listagem de casas em um site imobiliário.

De onde virão as respostas?

Ao criar um formulário, considere esta pergunta para cada campo: onde a pessoa que está preenchendo isso irá conseguir essa informação?

Não é incomum que a pessoa que está usando seu formulário tenha que caçar a informação em vez de puxar tudo da memória. Pode ser um endereço, o número da carteira de motorista, ou a chave de confirmação escrita em um pedaço de papel e guardada… em algum lugar.

Mesmo se algo está saindo diretamente de seus cérebros e indo diretamente para seu web site, isso não significa que seja um processo rápido. Pense em um trabalho de faculdade, ou em uma inscrição para um concurso de poesia, ou em uma questão particularmente provocadora que requer uma resposta curta e espirituosa; todos eles precisam de premeditação.

Se o formulário é longo, e as pessoas não podem salvar seu progresso, então você precisa avisá-los sobre a dificuldade ou sobre as informações necessárias que elas devem ter em mãos antes de começar. Chegar à segunda página e ver que o tempo acabou enquanto você está procurando um pedaço de papel não é legal.

Desenvolva cuidadosamente

Um formulário bonito e bem planejado pode ser transformado em algo louco com uma implementação míope.

 

  • Evite muitas instruções de formatação: Toda lista de instrução é outra barreira para ter o formulário completado. Não peça pela formatação do número de telefone a não ser que seja crucial para o sistema de back-end. Em vez de dar uma longa lista de exigências de senha, considere exibir a força da senha enquanto ela está sendo digitada, junto com uma sugestão de como deixá-la mais forte.
  • Considere a revelação progressiva: Digamos que você está criando um site de transporte urbano multi-modelo (p.e. bicicleta/trem/a pé/carro). Em vez de incluir dez questões de múltipla escolha sobre hábitos de ciclismo que incluem “Eu não tenho uma bicicleta” como última opção, você pode criar uma pergunta que diga “Você tem uma bicicleta?” e apenas revelar as outras dez questões se a pessoa, de fato, tiver uma bicicleta. É um trabalho extra, mas é mais respeitoso com o tempo do seu visitante.
  • Esteja atento a tratamentos de erros que não ajudam em nada: “O registro não pôde ser atualizado” significa nada para seu usuário além do que “algo deu errado e eu não sei como consertar!”. Se os nomes de usuário não podem conter símbolos, então, no momento em que alguém digitar “%,” troque a borda do campo para a cor vermelha, e revele um texto que diga algo como “Oops, somente letras e números são permitidos”. Quanto mais responsivas e detalhadas forem as mensagens de erro, mais rápido as pessoas podem consertar o problema e seguir em frente. Uma vez que você sabe que seu formulário é eficiente e faz seu trabalho bem, você pode focar em criar diversões extras!

 ?

Texto original disponível http://designfestival.com/web-forms-that-dont-make-people-angry/

Mensagem do anunciante:

Receba consultoria especializada em WordPress com os melhores profissionais do mercado. Conheça o Apiki WP Consultoria.

Comente também

14 Comentários

Anderson Melo

Ótimas dicas!

Hugo

Poderia colocar um exemplo de um bom formulário

Luis

E no caso dos formulários de cartão de crédito?
Todos os campos são realmente necessários, porém como a quantidade de campos é absurda, a quantidade de clientes que finalizam a proposta é muito baixa.

Existe algum estudo sobre esses casos?

abs,

    Giovani Ouro Preto

    Creio que você pode distribuir as informações em páginas distintas, para tentar reduzir a sensação de “coisa demais para preencher”.

Diego Teixeira

se os dados são necessários, o que se pode fazer é dividir isso em poucos passos..

Ao inves de 1 formulario longo, 2 formularios médios…

Matheus Baumgart

Eu amo cadastros que pedem só meu email e senha para o registro, tendo a confirmação por email, e possibilitando adicionar mais informações espontaneamente depois.

Falando em forms, parabéns pelo form para comentários aqui, bem pratico!

Acheiro

Eu acho que acharei como achar algo para parar de achar sobre as coisas.

Magno

A minha maior dúvida sempre foi a label para o inputs, textareas, select…
A label fica melhor em cima do objeto, ou na frente, e se for na frente, flutuando a esquerda ou a direita junto com o objeto.
Afinal qual a forma mais usual?

    Rodrigo Paiva

    Magno, se você souber ler em inglês, veja esse site: http://www.formsthatwork.com/Appearance

    A autora explica detalhadamente a melhor solução pra cada posição dos labels.

    Rodrigo Paiva

    Em resumo: acima dos objetos para forms simples e sem precisão; À esquerda com label à direita pra forms mais precisos e mais longos; e à esquerda com label à esquerda pra forms longos, que exijam mais atenção pro preenchimento.

Tanchita

Cacarébikhas .. Very good nice .. Tanchita na veia

Luciano Oliveira

Muito boa as dicas…é fato que muitos usuários abandonam o preenchimento de formulários por não serem bem planejados.

Marcione de Jesus dos Reis

Muitas empresas perdem seus visitantes por motivos assim, recentemente passei por um desconforto em um site de compras. Quando estava na terceira etapa do meu cadastro tive que ficar 7 min procurando alguns papeis e quando tentei continuar simplesmente a sessão expirou. Parabéns pelo artigo

Tiago Barbosa

Muito bom! Patabéns Emily!

Qual a sua opinião?