Dicas importantes para criar formulários online para melhorar as taxas de conversão

Os formulários online podem servir a uma variedade de finalidades. Seja para se inscrever em um boletim informativo, registrar uma conta em um site, fazer uma compra ou apenas uma consulta, agora estamos acostumados a preencher as informações necessárias.

No entanto, uma experiência ruim com um formulário online pode levar os usuários a abandonar completamente uma tarefa e ir para outro site.

Com o uso cada vez maior de sites para celular e a recente atualização do algoritmo de classificação do Google para celular, a criação de formulários fáceis de usar para dispositivos móveis é mais vital do que nunca. Tenho certeza de que todos podemos estar extremamente frustrados ao tentar preencher um formulário em nosso telefone que simplesmente não pode ser usado naquele dispositivo!

Aqui estão nossas principais dicas para criar formulários on-line fáceis de usar para desktop e dispositivos móveis, para evitar a perda de qualquer um de seus clientes em potencial no último obstáculo do processo de conversão:

1. Layout

Pode parecer óbvio, mas usar um layout limpo e simples para seu formulário online tornará a jornada do cliente o mais tranquila possível e incentivará mais pessoas a preencher todas as informações. Layouts verticais, como este exemplo de House of Fraser, são mais fáceis de usar:

Mas layouts horizontais também podem funcionar, como neste exemplo da Travel Republic:

A chave é mantê-lo simples e usar o mínimo de campos possível para capturar as informações de que você precisa.

Para usuários móveis, isso é particularmente importante. Os usuários terão muito mais probabilidade de abandonar o formulário se ele demorar muito para preenchê-lo.

A Starbucks tem um bom exemplo de forma limpa, simples e vertical para criar uma conta em seu site para celular:

Remover qualquer uma das opções normais de navegação de seu formulário online também ajudará a mantê-lo limpo e simples. Por exemplo, Fortnum e Mason removeram o menu da parte superior da página e o substituíram por um banner 'Check-out seguro' em sua página de opções de checkout:

Isso não apenas mantém o formulário limpo, mas também evita que os usuários voltem para outras partes do site, uma vez que tenham iniciado o processo de conversão. Ter uma opção de check-out de convidado também é recomendado para sites de comércio eletrônico, como Fortnum e Mason forneceram. Os usuários podem relutar em fornecer todos os seus dados pessoais para criar uma conta ao fazer uma compra rápida.

2. Rótulos de campo e métodos de entrada

É importante que os campos obrigatórios sejam claramente identificados. Use rótulos óbvios e reconhecíveis para evitar erros de entrada que possam fazer com que o usuário abandone o formulário. Se necessário, inclua uma explicação do campo para evitar qualquer confusão. A OK Magazine tem um exemplo disso no campo “Screen name” em seu formulário de inscrição online:

Pense no método de entrada mais adequado para usar em cada campo. Existem vários tipos:

• Campos de digitação
• Caixas de seleção
• Botões
• Calendários
• Menus suspensos

Na maioria dos casos, provavelmente será óbvio qual método seria o melhor. No entanto, quando se trata de formulários móveis, é melhor evitar alguns métodos. Por exemplo, o WWF tem este formulário em seu site para celular, que apresenta alguns problemas para os usuários:

Os botões Sim / Não são provavelmente pequenos demais para serem selecionados facilmente com a ponta do dedo. Além disso, a caixa de seleção 'Este é um presente' na seção azul está quase completamente obscurecida. Seria frustrante tentar preencher este formulário em um dispositivo móvel.

A Expedia, por outro lado, garante que seu método de entrada de calendário seja grande o suficiente para dispositivos móveis:

3. Mapeie o processo

Se você achar que seu formulário online está ficando muito longo, não tenha medo de dividi-lo em várias páginas para dividi-lo para os usuários. A chave ao fazer isso é gerenciar as expectativas do usuário mapeando o processo para eles desde o início.

Confused.com tem um ótimo exemplo disso, com os diferentes estágios claramente numerados na parte superior da página:

O site do Times apresenta as diferentes etapas do formulário em um formato ligeiramente diferente. Esta é a primeira página do formulário para se inscrever em uma conta online:

Se rolarmos para baixo, podemos ver as próximas etapas:

Se o tamanho do formulário for esclarecido aos usuários desde o início, eles podem tomar uma decisão informada sobre se têm tempo suficiente para preenchê-lo ou se devem voltar mais tarde. Isso evitará um problema geralmente associado a formulários mais longos, em que o usuário começa a preencher o formulário, apenas para ficar frustrado com a extensão e abandonar a tarefa.

4. Seja útil

Semelhante ao exemplo anterior da OK Magazine, o Barclaycard tem um exemplo mais detalhado de explicar exatamente quais informações eles exigem em seu formulário de login de banco on-line:

O Barclaycard não apenas explica quais informações eles precisam, como também fornecem opções ao usuário quanto ao tipo de informação que ele pode inserir. Isso seria útil, por exemplo, se você não conseguia se lembrar do seu nome de usuário ou número de identificação, mas tinha seu cartão com você e poderia inserir este número.

Eles também fornecem opções 'Esquecidas' para ambos os campos. Isso é esperado como padrão em formulários de login online agora, mas é importante notar, pois pode ser muito frustrante se essas opções não estiverem disponíveis.

Outra maneira de ser útil para seus usuários é ser honesto sobre o que você está fazendo com as informações. Virgin Active faz isso em seu formulário de consulta online:

A “promessa da Virgin de usar apenas o seu número para ligar de volta”, embora não cubra o que pretendem fazer com o seu endereço de e-mail, oferece alguma segurança ao usuário.

Ajude seus usuários a saber que eles preencheram cada campo corretamente sem erros antes de clicar no botão 'continuar' ou 'enviar', com símbolos após o preenchimento de cada caixa. Muitos têm um exemplo disso em seu formulário de registro online, usando marcas verdes e cruzes vermelhas:

Se houver erros, marque-os claramente ao lado do campo relevante, talvez com uma explicação do que é necessário, se necessário. Dessa forma, o usuário pode ter certeza de que o formulário será aceito no primeiro clique.

5. Sempre teste!

Ao criar qualquer formulário online, sempre teste você mesmo no maior número de dispositivos possível antes de iniciá-lo. Preencha o formulário de tantas maneiras diferentes quanto possível para se certificar de que todos os campos funcionam.

Os formulários online são ferramentas valiosas para o seu site. Seja para capturar dados, processar uma venda ou receber uma consulta, você precisará de um formulário para concluir a conversão.

A essa altura, você já realizou a maior parte do trabalho árduo para incentivar os visitantes a comprar / inscrever-se / registrar-se, etc. Certifique-se de não permitir que algo tão simples como um formulário online atrapalhe essa conversão tão importante!