En besökare öppnar ditt formulär för serviceförfrågningar. Hen väljer "privat" och tre nya fält dyker upp som frågar om bostadens storlek, antal rum och önskad tidsram. Hen byter till "företag" och fälten försvinner, ersatta av frågor om verksamhetstyp och yta i kvadratmeter. Formuläret formar sig efter svaret. Det är ett dynamiskt formulär.
Jämför med ett statiskt formulär där alla ser samma 15 fält oavsett vad de behöver. Hälften av fälten är oväsentliga för de flesta. Färre fyller i formuläret eftersom det känns långt och opersonligt.
Dynamiska formulär löser det problemet genom att reagera på besökarens input i realtid. Här går vi igenom hur de fungerar, när du bör använda dem och hur de står sig mot statiska alternativ.
Vad är ett dynamiskt formulär?
Ett dynamiskt formulär är ett webbformulär som ändrar sina fält, sin layout eller sitt innehåll utifrån besökarens input eller externa data. Fält kan visas, döljas eller bli obligatoriska beroende på vad besökaren väljer i tidigare steg.
Ändringarna sker direkt, utan att sidan laddas om. Ett val i en rullista ger nya fält. En kryssruta visar ett valfritt avsnitt. Ett förifyllt värde från ett tidigare besök justerar vad formuläret frågar härnäst.
Dynamiska formulär bygger på regler för villkorlig logik som den som bygger formuläret ställer in. När villkor A är uppfyllt visas fält B. När villkor A inte är uppfyllt döljs fält B. Logiken körs i webbläsaren medan besökaren använder formuläret.
Vad är ett statiskt formulär?
Ett statiskt formulär visar samma fält för varje besökare, varje gång. Layout, frågor och obligatoriska fält ändras aldrig. Ett enkelt kontaktformulär med namn, e-post och meddelande är ett statiskt formulär.
Statiska formulär är enklare att bygga, testa och underhålla. Det finns inga logikregler att ställa in och ingen risk att fält uteblir när de borde visas. För enkel datainsamling fungerar statiska formulär utmärkt.
När du bör använda dynamiska formulär
Dynamiska formulär gör störst nytta när olika besökare behöver olika frågor. Tjänsteföretag med flera erbjudanden har nytta av dem, eftersom varje typ av tjänst kräver olika uppgifter. Ett rörföretag kan fråga var en läcka sitter vid reparationer, men hur många armaturer det gäller vid offerter för installation.
Flerstegsprocesser drar också nytta av dem. Ett dynamiskt formulär kan visa fälten i steg två först när steg ett är klart, så att varje skärm blir kort och fokuserad. Det passar naturligt ihop med design av flerstegsformulär.
Formulär som är kopplade till databaser eller användarkonton kan förifylla kända uppgifter och bara fråga efter det som saknas. En återkommande kund kan se sitt namn och sin e-postadress redan ifyllda, och behöver bara ange uppgifterna om det nya ärendet.
När statiska formulär är det bättre valet
Alla formulär behöver inte vara dynamiska. Ett enkelt kontaktformulär med tre fält fungerar bäst som statiskt formulär. Att lägga villkorlig logik på ett formulär med tre fält skapar bara krångel utan nytta.
Statiska formulär är också lättare att felsöka. Om inskick misslyckas eller fält beter sig fel har ett statiskt formulär färre delar att felsöka. För formulär där mycket står på spel, som betalnings- och samtyckesformulär, minskar enkelhet risken.
När din målgrupp är enhetlig och alla besökare lämnar samma typ av uppgifter är ett statiskt formulär snabbare att bygga och lika effektivt.
Så bygger du dynamiska formulär utan kod
Moderna formulärbyggare har visuella verktyg för villkorlig logik. Du ställer in regler som "om Typ av tjänst är Installation, visa avsnittet Installationsuppgifter". Ingen programmering behövs. Byggaren sköter visa och dölj automatiskt.
Börja med att kartlägga beslutspunkterna i din process. Vilken fråga avgör vad du behöver fråga härnäst? Bygg dem som rullistor eller alternativknappar först och koppla sedan villkorliga fält till varje alternativ.
Testa varje väg genom formuläret. Välj varje alternativ i din rullista och kontrollera att rätt fält visas. En trasig villkorsregel innebär förlorad data från besökare som valde en väg du inte testade.
Dynamiska formulär får lång och komplex datainsamling att kännas kort och personlig. Använd dem när besökarna behöver olika frågor. Håll formuläret statiskt när alla svarar på samma sak.
Vanliga frågor
Gör dynamiska formulär min webbplats långsammare?
Ett väl byggt dynamiskt formulär ger minimal laddningstid, eftersom den villkorliga logiken körs i webbläsaren utan serveranrop för varje fältändring. Tunga formulär med dussintals villkorsregler på en långsam sida kan kännas sega, men själva formulärlogiken är lätt. Håll antalet fält rimligt och testa på mobila enheter.
Kan jag göra om ett statiskt formulär till ett dynamiskt?
Du kan lägga till villkorlig logik i ett befintligt statiskt formulär utan att bygga om det från grunden. Bestäm vilka fält som ska visas villkorligt, ställ in reglerna i din formulärbyggare och testa varje väg. WEMASY:s webbplatsbyggare har en formulärbyggare med villkorlig logik inbyggd.
Hur många villkorsregler kan ett formulär ha?
De flesta formulärbyggare stöder dussintals regler per formulär. De praktiska gränserna beror på komplexitet, inte teknik. Om ditt formulär behöver mer än tio villkorliga grenar kan du överväga att dela upp det i separata formulär eller använda en flerstegslayout för att hålla varje avsnitt hanterbart.
Är dynamiska formulär tillgängliga för skärmläsare?
Dynamiska formulär kan vara tillgängliga när fälten har tydliga etiketter och visas eller döljs på sätt som skärmläsare kan upptäcka. Testa med verktyg för tillgänglighet när du lägger till villkorlig logik. Fält som dyker upp utan korrekt fokushantering kan förvirra den som använder hjälpmedel.
Vad är skillnaden mellan dynamiska formulär och formulär med villkorlig logik?
Villkorlig logik är mekanismen som gör formulär dynamiska. Ett dynamiskt formulär använder regler för villkorlig logik för att ändra utseende utifrån input. Begreppen beskriver samma förmåga ur olika vinklar: dynamisk beskriver beteendet, villkorlig logik beskriver tekniken.
Ska jag använda dynamiska fält för valfri information?
Dynamiska fält fungerar bra för valfria avsnitt som bara några besökare behöver. Låt obligatoriska fält alltid vara synliga och använd villkorlig logik för följdfrågor som beror på tidigare svar. Då känns formuläret kort samtidigt som du ändå samlar in detaljerad information när det behövs.