Melhorando a usabilidade dos formulários on-line

Os formulários on-line são muitas vezes frustrantes para os usuários on-line, sendo freqüentemente difíceis de entender e completar e às vezes nem mesmo funcionando de uma maneira que permita qualquer tipo de preenchimento, muito menos fácil de preencher.

Os formulários são fontes de dados extremamente importantes para o seu negócio. É de seu interesse tornar a coleta destas informações o mais fácil possível - ainda mais se o formulário for um formulário de checkout ou de venda. Como sempre, a usabilidade é a chave para a boa prática aqui. Então, quais são os princípios básicos que você deve observar no design do formulário?

  • Mantenha o formulário como simples o mais consistente possível com a coleta dos dados de que você precisa.
  • Não peça as mesmas informações repetidamente - use as informações já coletadas para preencher outras seções, se necessário.
  • Use compreensível e terminologia comum para que as pessoas saibam o que estão sendo solicitadas a fornecer.
  • Use pré-preenchimento tanto quanto possível e importar dados dos registros do cliente para que o cliente não tenha que se lembrar e completar.
  • Tente fazer com que as seções e o fluxo da forma sejam lógicos para que o contexto das perguntas seja óbvio e facilite a compreensão do que é necessário.
  • Pode parecer óbvio, mas certifique-se de que a forma funciona corretamente. Perdi a conta das vezes que tentei preencher formulários apenas para descobrir que não conseguia clicar ou digitar nas caixas. Certifique-se de que os usuários possam tabular efetivamente e mover-se facilmente entre seções e caixas.
  • Com formulários mais complicados rotulam as seções e campos de entrada claramente para que os usuários saibam exatamente o que se espera deles nessa área.
  • Faça o tamanhos de campo apropriado para o conteúdo que provavelmente terá de caber neles. Isto não significa, porém, tornar todos os campos maciços. Pode ser irritante ter que seguir o cursor através de enormes campos despovoados para descobrir em que ponto você está.
  • Assegure-se de que seu mensagens de erro são claros e relevantes, por exemplo, se um campo só pode conter números que o indiquem. Muitas vezes ocorrem problemas neste aspecto são campos como números de telefone onde parênteses ou hífens são rejeitados. As pessoas freqüentemente digitam os números de telefone desta maneira, portanto pode valer a pena acomodá-los. É melhor anexar a mensagem de erro à sensação com a qual ela se relaciona e sinalizá-la muito claramente para que o usuário possa ver exatamente onde está o problema. Muitas vezes é um trabalho de detecção para descobrir o que está realmente errado com sua entrada com alguns formulários mal construídos.
  • Menu suspenso pode ser útil, mas certifique-se de que eles sejam óbvios e abrangentes, por exemplo, muitos não têm o Dr como opção de título - há muitos destes em torno não apenas MDs, então poderia valer a pena incluí-los. Algumas pessoas realmente ficam desanimadas por não escolherem seu título preferido. O mesmo se aplica à Sra., Sra. e Sra.

Se você gostaria de saber mais sobre as técnicas de design de formulários, por que não ligar para +44(0)800 0246247 ou nos enviar um e-mail para hello@ux247.com

Posts relacionados