Conceção de formulários Web centrada no utilizador: As 12 melhores dicas e práticas recomendadas

Está a utilizar as melhores práticas de design de formulários para tirar o máximo partido dos seus formulários WordPress?

Ao conceber formulários, é crucial criar formulários simples, optimizados e com capacidade de resposta que os seus utilizadores gostem de preencher.

É provável que obtenha mais envios e obtenha mais oportunidades se os seus formulários seguirem as melhores práticas que resistiram ao teste do tempo ao longo dos anos.

Este artigo mostra-lhe as melhores práticas de conceção de formulários Web para aumentar a conversão e fazer com que os visitantes adorem os seus formulários.

Melhores práticas de conceção de formulários para aumentar as conversões

Seguir as melhores práticas de conceção de formulários é mais fácil se estiver a utilizar uma ferramenta de criação de formulários equipada com todas as funcionalidades associadas a formulários profissionais.

O WPForms é o melhor plugin de criação de formulários para WordPress, com a confiança de mais de 6 milhões de empresas baseadas em WordPress que o utilizam ativamente.

Com uma interface de criação de formulários fácil de arrastar e soltar e mais de 2.000 modelos de formulários, o WPForms tem todas as ferramentas necessárias para criar formulários que aplicam as melhores práticas de design de formulários.

Crie formulários impactantes agora 🚀

1. Utilizar a lógica condicional

A lógica condicional permite-lhe criar formulários dinâmicos, apresentar texto personalizado ou definir valores de campos personalizados com base na seleção do utilizador.

A razão pela qual a lógica condicional é uma caraterística tão importante para a conceção eficiente de formulários é que lhe permite mostrar campos extra apenas quando as respostas do utilizador o exigem.

Sem a lógica condicional, ver-se-á muitas vezes forçado a incluir os mesmos campos para todos os visitantes, mesmo que esses campos possam não ser relevantes para eles. Isto introduz distracções desnecessárias para esses visitantes, aumentando as probabilidades de abandono.

Os casos de utilização mais comuns para a lógica condicional em formulários WordPress são:

• Adicione um utilizador à sua lista de correio eletrónico apenas se este tiver marcado a caixa para subscrever a lista de correio eletrónico a partir do formulário de contacto (excelente para empresas).
• Ocultar perguntas inteiras se o cliente não selecionar uma opção específica (ótimo para inquéritos de formato longo).
• Mostrar um campo de conteúdo com uma oferta exclusiva se o utilizador comprar a opção de preço mais elevado (excelente para upsells).

O WPForms inclui um sistema fácil de lógica condicional que pode ser usado para controlar o comportamento de exibição de qualquer campo no seu formulário.

Pode definir a sua lógica para ser tão simples ou tão complexa quanto quiser,

Com a lógica condicional, os seus formulários têm um aspeto mais limpo, mais direcionado e mais simplificado. Assim, sempre que tiver um formulário em que necessite de campos que possam ser relevantes apenas para uma fração dos seus visitantes, tente adicionar lógica condicional para proporcionar uma melhor experiência ao utilizador.

2. Adicionar campo de carregamento de ficheiros aos formulários de candidatura

Se estiver a criar um formulário de candidatura a emprego, faz sentido dar aos candidatos a possibilidade de carregarem o seu currículo e outros ficheiros diretamente através do formulário.

O WPForms inclui um campo de carregamento de ficheiros que lhe permite recolher ficheiros através dos seus formulários online.

Quando um utilizador submete uma entrada, pode aceder facilmente aos ficheiros que ele submeteu, ao mesmo tempo que visualiza o resto dos detalhes da sua candidatura a partir da mesma interface.

Isto é bom para manter as suas candidaturas organizadas com os ficheiros completos e os detalhes de cada candidato armazenados separadamente no seu painel de controlo do WordPress.

Além disso, simplifica as coisas para os candidatos porque podem fornecer todos os pormenores e anexar todos os documentos necessários a partir do mesmo local.

3. Impeça envios de spam com CAPTCHA personalizado

O spam de formulários é um problema importante com que todos os sítios Web têm de lidar. Embora o reCAPTCHA da Google tenha ajudado a combater o spam de formulários de contacto, também pode ser invasivo da privacidade e frustrante para os utilizadores resolverem os seus desafios de imagem.

O WPForms está equipado com muitas ferramentas anti-spam para além do reCAPTCHA. Um método eficaz que também é muito fácil de utilizar é usar captcha personalizado.

O addon Custom Captcha do WPForms permite-lhe criar uma pergunta simples e definir a sua resposta. Pode ser algo tão simples como uma soma matemática, que os humanos conseguem resolver sem esforço, mas que os robots de spam normalmente não conseguem.

Consulte este guia sobre como criar formulários de contacto WordPress sem spam para saber mais formas de evitar envios de formulários indesejados.

4. Capturar quantidades variáveis de dados com repetidores

Os campos repetidores são muito úteis quando um sítio Web não sabe quantas vezes um visitante terá de preencher o mesmo tipo de informação. Por exemplo, adicionar detalhes de vários participantes num evento ou inserir linhas adicionais de campos para adicionar registos de experiência profissional.

O campo repetidor é o exemplo perfeito de um elemento centrado no utilizador porque dá controlo ao visitante, permitindo-lhe criar várias cópias do mesmo tipo de campo, conforme necessário.

Ao configurar o seu formulário com um campo repetidor, pode definir o número máximo e mínimo de vezes que um visitante pode duplicar a secção de repetição do seu formulário.

Além disso, pode escolher layouts de várias colunas para o repetidor e selecionar se este deve ser apresentado como blocos maiores ou linhas individuais.

Como os repetidores são dinamicamente interactivos, são elementos poderosos a incluir nos seus formulários para melhorar a experiência do utilizador.

5. Utilizar estilos de formulários profissionais

Um formulário bem concebido reflecte o profissionalismo da sua marca e pode conduzir a taxas de conclusão mais elevadas. Uma forma eficaz de melhorar o design do seu formulário é utilizar estilos personalizados que correspondam à sua marca.

O WPForms dá-lhe a flexibilidade de personalizar cada elemento importante do seu formulário individualmente, sem qualquer código. Isso significa que pode personalizar a cor e a forma do seu botão de submissão, etiquetas de campo, bordas de campo, recipiente de formulário, fundo e muito mais!

Se estiver à procura de uma solução mais rápida, mas igualmente impressionante, existe outra opção: temas de formulários já prontos.

Não há absolutamente nenhuma razão para que os seus formulários tenham um aspeto simples e aborrecido.

Por isso, não se acanhe em experimentar estilos diferentes, e estará a captar a atenção do visitante muito melhor do que antes.

6. Permitir que os visitantes escolham montantes de donativos personalizados

Ao recolher fundos na sua página de destino de donativos, não deve forçá-los a dar um determinado montante. Em vez disso, é melhor dar-lhes a liberdade de escolher quanto gostariam de doar, dependendo do que for viável para eles.

O WPForms oferece diferentes tipos de campos de pagamento. O campo "Item único" pode ser configurado para aceitar entradas definidas pelo utilizador, o que lhe permite introduzir qualquer montante de donativo à sua escolha e ser cobrado exatamente pelo mesmo.

Enquanto organização sem fins lucrativos, a sua página de donativos deve incentivar os visitantes a contribuírem da forma que puderem, e a especificação de montantes fixos de donativos pode, por vezes, restringir a liberdade de fazer donativos.

7. Deixar alguns campos como opcionais

Deve esforçar-se sempre por manter os seus formulários tão curtos e simples quanto possível. Isto significa que só deve marcar como obrigatórios os campos que são absolutamente necessários para as suas necessidades.

Marcar demasiados campos de formulário como obrigatórios é uma má prática de conceção e pode afastar os visitantes que pretendem preencher o formulário rapidamente.

No WPForms, pode marcar qualquer campo como obrigatório ou deixá-lo opcional utilizando um botão de alternância nas Opções de Campo.

Se quiser que os visitantes preencham mais informações, pode marcar os campos opcionais em vez de marcar os campos obrigatórios.

8. Condensar formulários em layouts de várias colunas

Por vezes, é necessário que um formulário ocupe o mínimo de espaço possível. Isto é especialmente verdade quando está a adicionar um formulário a uma publicação de blogue ou a uma área de widget.

Quando não há muito espaço para o seu formulário, pode ser útil usar um layout de várias colunas. O WPForms facilita isso com o campo Layout.

Depois de o arrastar para o formulário, pode escolher um esquema no separador Opções de campo.

Depois, arraste os campos do seu formulário para as colunas para criar o seu esquema personalizado.

Esta é uma excelente opção de design se pretender adicionar um formulário de contacto ao rodapé do seu sítio Web. Para obter mais ideias de disposição de formulários, consulte o nosso guia de práticas recomendadas de disposição de formulários. E, uma vez que pode haver casos em que prefere uma disposição de coluna única, não se esqueça de explorar os nossos exemplos e inspiração de formulários de coluna única.

9. Utilizar o campo WPForms Smart Phone

Para aumentar as conversões, deve tornar o processo de preenchimento de formulários fácil, exigindo o mínimo de cliques e de pressão de botões por parte do utilizador.

O campo Phone do WPForms pode exibir automaticamente o formato correto do número de telefone com base na sua geolocalização. Assim, independentemente da origem do utilizador, o campo Telefone adicionará automaticamente o formato de número de telefone utilizado no país do visitante.

É uma simples conveniência, mas os seus utilizadores irão certamente apreciar a experiência personalizada de ter o código de país correto pré-preenchido pelo seu formulário.

10. Utilizar o preenchimento automático de endereços

O preenchimento automático de endereços é outra funcionalidade que pode melhorar muito a experiência do utilizador nos seus formulários Web, tornando mais rápido o preenchimento dos endereços pelos utilizadores.

Esta é uma forma fácil de ajudar os seus visitantes a poupar tempo, de modo a reduzir o abandono de formulários.

O WPForms funciona muito bem como um plugin de geolocalização para o WordPress, uma vez que é capaz de detetar a localização dos seus utilizadores, permitindo-lhes também identificar a sua localização num mapa interativo.

Necessitará do addon WPForms Geolocation para aceder a esta funcionalidade. O WPForms pode integrar-se com o Google Places ou o Mapbox para ativar funcionalidades de geolocalização para os seus formulários.

11. Utilizar um esquema de várias páginas para formulários mais longos

Os formulários longos podem ser demasiado pesados para os seus visitantes. Uma das melhores práticas de conceção de formulários web longos é dividir os formulários em várias páginas. Isto é realmente bom para a conversão, porque conseguem manter a atenção do utilizador durante mais tempo.

O layout de várias páginas do WPForms também adiciona uma barra de progresso ao formulário, o que incentiva efetivamente os utilizadores a ultrapassar a linha de chegada e a preencher o formulário. Isto tem um grande impacto na melhoria das taxas de conversão de formulários Web mais longos.

Uma boa regra geral é não incluir mais de 3-4 campos numa única página do seu formulário Web. Aqui está um guia para criar formulários de várias etapas no WordPress.

12. Utilizar o tipo certo de campo para um determinado objetivo

Os formulários Web contêm normalmente diferentes tipos de campos, dependendo da natureza da pergunta que o campo está a fazer.

Por exemplo, os campos de Múltiplas escolhas (também conhecidos como botões de rádio) são óptimos quando se pretende que os utilizadores façam apenas uma seleção a partir de uma lista de várias opções disponíveis.

Por outro lado, os campos de caixa de verificação são óptimos se pretender que um utilizador selecione uma ou mais opções de entre as disponíveis.

E o campo Dropdown é mais adequado quando se pretende condensar várias opções num único menu dropdown que só se expande quando o utilizador clica nele. Isto é ótimo se quiser reduzir a deslocação vertical do seu formulário.

Tal como o campo Múltiplas escolhas, só pode selecionar uma opção de cada vez num campo pendente.

Se quiser saber mais sobre botões de rádio e caixas de verificação, consulte o nosso artigo sobre campos de botão de rádio vs. caixa de verificação.

E aí está! Estas são algumas práticas de conceção de formulários Web testadas ao longo do tempo que os principais profissionais de marketing têm vindo a utilizar para aumentar as conversões.

Utilize-os no próximo formulário Web que conceber e verá provavelmente uma taxa de conclusão impressionante dos seus formulários!

Em seguida, aplique as práticas recomendadas para o formulário da página de destino

Quando alguém visita a sua página de destino, só tem uma oportunidade de o converter, pelo que o seu formulário tem de ser concebido para ter o máximo impacto.

Confira este artigo sobre as práticas recomendadas para formulários de landing page para saber como obter ótimos resultados com sua landing page e evitar a perda de leads valiosos. Também pode estar interessado em saber como mostrar um campo de endereço de e-mail de confirmação em formulários do WordPress.

E, você pode conferir esta comparação entre Gravity Forms vs Typeform vs WPForms para saber qual construtor de formulários é o mais adequado para o seu negócio.

Obter o WPForms agora

Pronto para criar o seu formulário Web? Comece hoje mesmo com o plugin de criação de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.