espera aí...

10 de maio de 2019

CORTAR SEUS FORMULÁRIOS AO MEIO

CORTAR SEUS FORMULÁRIOS AO MEIO

Construir formulários web pode às vezes parecer uma tarefa chata ou assustadora. Não passe esse medo para seus usuários – copie o máximo possível de seus campos de formulário.

Os formulários da Web tendem a obter um mau representante, principalmente porque tantas escolhas horríveis de design são feitas sem a experiência do usuário definida na vanguarda. Muitas vezes, os clientes exigem que precisem desses vinte campos de entrada ou, então, como eles coletarão informações críticas de seus usuários? Normalmente, quando sou abordado com essa afirmação, simplesmente pergunto:

“Quantos campos de formulário você estaria disposto a preencher para uma situação de emergência?”

“Minha forma não é para emergências”, eles podem responder. Nesse caso, pergunte por que eles acham aceitável desperdiçar o tempo de seus usuários só porque não é urgente. O tempo é valioso.

Fixando Uma Forma Na Natureza

Vamos usar um formulário do mundo real do site da Great West Life Insurancecomo exemplo (a esquerda é original, a direita é atualizada):

Quebrando As Coisas

Então, o que exatamente nós mudamos?

  • Campos combinados de primeiro e último nome em uma única entrada
  • Removido o campo de e-mail e senha “redigite” o excesso (com o opcional show passwordisso se torna redundante)
  • Alterações de posição secundárias para inscrição opcional e descrições de campo de entrada
  • Removido recovery email
    • Isso é algo que deve ser solicitado ao usuário após o registro bem-sucedido – não sobrecarregue-o antes mesmo de se inscrever

Melhorias Úteis Na Micro

Você não precisa ser radical ao eliminar campos de formulário – apenas seja prático.

  • Não use nomes “primeiros” e “últimos” como entradas separadas, em vez disso, use algo como “Nome Completo”
  • Faça perguntas complexas usar respostas predefinidas via checkboxou radioentradas
  • Evite selectitens sempre que possível (estes são desajeitados e na maioria das vezes desnecessários)
  • Inclua avisos de erro em tempo real fáceis de entender
Posted in Blog
Write a comment