Um visitante abre o teu formulário de pedido de serviço. Escolhe "residencial" e aparecem três campos novos a perguntar o tamanho do imóvel, o número de divisões e o prazo preferido. Muda para "comercial" e esses campos desaparecem, dando lugar a perguntas sobre o tipo de negócio e a área em metros quadrados. O formulário molda-se à resposta. Isto é um formulário dinâmico.
Compara com um formulário estático, em que todos os visitantes veem os mesmos 15 campos, seja o que for que precisem. Metade desses campos não interessa à maioria das pessoas. As taxas de conclusão descem porque o formulário parece longo e impessoal.
Os formulários dinâmicos resolvem esse problema ao reagir ao que o utilizador escreve em tempo real. Aqui ficas a saber como funcionam, quando os usar e como se comparam com as alternativas estáticas.
O que é um formulário dinâmico?
Um formulário dinâmico é um formulário web que muda os campos, o layout ou o conteúdo conforme o que o utilizador escreve ou conforme dados externos. Os campos podem aparecer, desaparecer ou tornar-se obrigatórios, consoante o que o visitante escolhe nos passos anteriores.
As mudanças acontecem de imediato, sem recarregar a página. Escolher uma opção numa lista faz aparecer campos novos. Uma caixa de seleção revela uma secção opcional. Um valor preenchido de uma visita anterior ajusta o que o formulário pergunta a seguir.
Os formulários dinâmicos assentam em regras de lógica condicional definidas no criador de formulários. Quando a condição A é verdadeira, mostra o campo B. Quando a condição A é falsa, esconde o campo B. A lógica corre no navegador enquanto o visitante usa o formulário.
O que é um formulário estático?
Um formulário estático mostra os mesmos campos a todos os visitantes, sempre. O layout, as perguntas e os campos obrigatórios nunca mudam. Um formulário de contacto simples com nome, email e mensagem é um formulário estático.
Os formulários estáticos são mais simples de criar, testar e manter. Não há regras de lógica para configurar nem o risco de um campo não aparecer quando devia. Para uma recolha de dados simples, os formulários estáticos funcionam na perfeição.
Quando usar formulários dinâmicos
Os formulários dinâmicos brilham quando visitantes diferentes precisam de perguntas diferentes. Os negócios de serviços com várias ofertas ganham com isto, porque cada tipo de serviço pede detalhes diferentes. Uma empresa de canalização pode perguntar onde está a fuga num pedido de reparação, mas quantos equipamentos são num pedido de orçamento de instalação.
Os processos em vários passos também beneficiam. Um formulário dinâmico pode mostrar os campos do passo dois só depois de o passo um estar completo, mantendo cada ecrã curto e focado. Isto combina bem com o design de formulários em vários passos.
Os formulários ligados a bases de dados ou a contas de utilizador podem preencher a informação já conhecida e pedir só o que falta. Um cliente que volta pode ver o nome e o email já preenchidos, e só tem de indicar os detalhes do novo pedido.
Quando os formulários estáticos são a melhor escolha
Nem todos os formulários precisam de comportamento dinâmico. Um formulário de contacto simples com três campos funciona melhor como formulário estático. Acrescentar lógica condicional a um formulário de três campos cria complexidade sem benefício.
Os formulários estáticos também são mais fáceis de depurar. Se os envios falharem ou os campos se portarem mal, um formulário estático tem menos peças em movimento para verificar. Em formulários de risco elevado, como os de pagamento ou de consentimento, a simplicidade reduz o risco.
Quando o teu público é uniforme e todos os visitantes dão o mesmo tipo de informação, um formulário estático é mais rápido de criar e igualmente eficaz.
Como criar formulários dinâmicos sem código
Os criadores de formulários modernos incluem ferramentas visuais de lógica condicional. Defines regras como "se o Tipo de serviço for Instalação, mostra a secção Detalhes da instalação". Não é preciso programar. O criador trata sozinho de mostrar e esconder.
Começa por mapear os pontos de decisão do teu processo. Que pergunta determina o que precisas de perguntar a seguir? Cria primeiro esses campos como listas ou botões de opção e depois liga os campos condicionais a cada opção.
Testa todos os caminhos do formulário. Escolhe cada opção da lista e confirma que aparecem os campos certos. Uma regra condicional avariada significa dados perdidos de visitantes que seguiram um caminho que não testaste.
Os formulários dinâmicos fazem uma recolha de dados longa e complexa parecer curta e pessoal. Usa-os quando os teus visitantes precisam de perguntas diferentes. Mantém o formulário estático quando todos respondem à mesma coisa.
Perguntas frequentes
Os formulários dinâmicos tornam o meu website mais lento?
Um formulário dinâmico bem feito acrescenta um tempo de carregamento mínimo, porque a lógica condicional corre no navegador, sem pedidos ao servidor a cada mudança de campo. Formulários pesados, com dezenas de regras condicionais numa página lenta, podem parecer lentos, mas a lógica do formulário em si é leve. Mantém um número razoável de campos e testa em dispositivos móveis.
Posso converter um formulário estático num dinâmico?
Podes acrescentar lógica condicional a um formulário estático que já tenhas, sem o refazer de raiz. Identifica que campos devem aparecer de forma condicional, define as regras no criador de formulários e testa cada caminho. O criador de websites da WEMASY inclui um criador de formulários com lógica condicional integrada.
Quantas regras condicionais pode ter um formulário?
A maioria dos criadores de formulários suporta dezenas de regras por formulário. Os limites práticos dependem da complexidade, não da tecnologia. Se o teu formulário precisar de mais de dez ramificações condicionais, pensa em dividi-lo em formulários separados ou em usar um layout em vários passos para manter cada secção fácil de gerir.
Os formulários dinâmicos são acessíveis para leitores de ecrã?
Os formulários dinâmicos podem ser acessíveis quando os campos têm etiquetas corretas e são mostrados ou escondidos com métodos que os leitores de ecrã conseguem detetar. Testa com ferramentas de acessibilidade ao acrescentar lógica condicional. Campos que aparecem sem uma boa gestão do foco podem confundir quem usa tecnologias de apoio.
Qual é a diferença entre formulários dinâmicos e formulários com lógica condicional?
A lógica condicional é o mecanismo que torna os formulários dinâmicos. Um formulário dinâmico usa regras de lógica condicional para mudar o seu aspeto conforme o que se escreve. Os dois termos descrevem a mesma capacidade vista de ângulos diferentes: dinâmico descreve o comportamento, lógica condicional descreve a tecnologia.
Devo usar campos dinâmicos para informação opcional?
Os campos dinâmicos funcionam bem em secções opcionais de que só alguns visitantes precisam. Mantém os campos obrigatórios sempre visíveis e usa lógica condicional para perguntas de seguimento que dependem de respostas anteriores. Assim o formulário continua a parecer curto, mas recolhe informação detalhada quando é preciso.