De flesta formulär byggs på samma sätt. Du skapar ett formulär med alla frågor du behöver ha besvarade, och varje besökare ser varje fråga, oavsett sin situation. Det skapar ett problem. En besökare som behöver hjälp med funktion X ser ändå 10 frågor om funktion Y, trots att svaret om funktion Y är irrelevant för hen. Hen lämnar formuläret halvvägs eftersom hen svarar på frågor som inte gäller henne eller honom.
Ett formulär med villkorsstyrd logik ändrar på det. Villkorsstyrd logik är en uppsättning regler som visar eller döljer frågor utifrån hur någon svarar på en tidigare fråga. Om en besökare väljer "Jag behöver hjälp med funktion X" ser hen frågorna om funktion X. Om hen väljer funktion Y hoppar hen över frågorna om funktion X helt och går direkt till frågorna om funktion Y. Bara de frågor som betyder något för just den besökaren syns på skärmen. Villkorsstyrd logik är en typ av dynamiskt formulärbeteende.
Resultatet är ett formulär som känns kort och relevant. En besökare fyller i ditt formulär snabbare eftersom hen inte läser irrelevanta frågor. Din data blir renare eftersom folk svarar på frågor som är specifika för deras situation. Och andelen som fyller i klart ökar kraftigt eftersom ett formulär med sex frågor alltid slår ett formulär med tjugo frågor, även om besökaren bara ser sex av de tjugo frågor som den villkorsstyrda logiken kan ställa.
Vad är dynamiska formulär och var passar villkorsstyrd logik in?
Ett dynamiskt formulär är varje formulär som ändras utifrån användarens beteende, svar eller sammanhang. Formuläret anpassar sig i realtid efter den som fyller i det. Villkorsstyrd logik är ett sätt att göra ett formulär dynamiskt, men inte det enda.
Dynamiska formulär kan fungera på flera olika sätt. Ett formulär kan vara dynamiskt för att det förifyller fält med uppgifter du redan känner till om besökaren. Ett formulär kan vara dynamiskt för att det validerar en e-postadress medan någon skriver och direkt talar om om den är ogiltig. Ett formulär kan vara dynamiskt för att det visar olika frågor utifrån vad någon har valt. Det sista är villkorsstyrd logik.
Villkorsstyrd logik är den vanligaste typen av dynamiskt formulärbeteende eftersom den låter dig anpassa hela formulärupplevelsen utifrån svaren. Men dynamiskt är den bredare kategorin. Om ett formulär ändrar något hos sig självt som svar på hur någon interagerar med det är det dynamiskt. Villkorsstyrd logik är den specifika mekanismen att visa eller dölja frågor utifrån OM-DÅ-regler.
Det här kapitlet fokuserar på formulär med villkorsstyrd logik eftersom de är det mest kraftfulla sättet att göra formulär dynamiska. Men när du ser termen "dynamiskt formulär" i dokumentationen för en formulärbyggare kan du veta att det är villkorsstyrd logik som gör det verkligt dynamiskt för besökarens upplevelse.
Så fungerar villkorsstyrd logik
Villkorsstyrd logik bygger på OM-DÅ-regler. Om besökaren svarar X på fråga 1, visa då fråga 2A. Om besökaren svarar Y på fråga 1, visa i stället fråga 2B. Formuläret förgrenar sig åt olika håll utifrån de svar som ges.
Ett enkelt exempel: ett kontaktformulär för ett mjukvaruföretag frågar "Vad kan vi hjälpa dig med?" Besökaren kan välja Försäljningsstöd, Teknisk support eller Faktureringsstöd. Utifrån valet förgrenar sig formuläret till en annan uppsättning följdfrågor. Om besökaren väljer Försäljningsstöd frågar formuläret "Vilken produkt är du intresserad av?" och "Hur ser din tidsplan ut?" Om besökaren väljer Teknisk support frågar formuläret "Vilket fel ser du?" och "Vilken enhet använder du?" Samma formulär, tre helt olika vägar beroende på besökarens svar.
Villkorsstyrd logik minskar den längd på formuläret som besökaren upplever. De ser bara de frågor som är relevanta för dem. Bakom kulisserna döljer eller visar din formulärbyggare frågor utifrån fördefinierade regler. Besökaren behöver inte förstå logiken. De svarar bara på frågor och ser nästa relevanta fråga dyka upp.
Formulär med villkorsstyrd logik jämfört med formulär i flera steg
Formulär med villkorsstyrd logik och formulär i flera steg förväxlas ofta eftersom båda delar upp formulär i mindre, mer hanterbara delar. Men de tjänar olika syften och fungerar olika.
Ett formulär i flera steg delar upp frågorna på sidor eller steg i följd. Steg 1 kan fråga efter namn och e-postadress. Steg 2 frågar efter budget och tidsplan. Steg 3 frågar efter mål. Alla besökare svarar på samma frågor i samma ordning. Formuläret har tre steg, men vägen är identisk för alla. En besökare klickar på "Nästa" för att gå från steg 1 till steg 2. Formulär i flera steg minskar den mentala belastningen genom att visa färre fält åt gången, vilket kan förbättra andelen som fyller i klart. Men varje besökare svarar ändå på varje fråga.
Ett formulär med villkorsstyrd logik kräver inga steg alls. I stället ändras själva frågorna utifrån svaren. Besökare A kanske ser frågorna 1, 2, 3 och 5. Besökare B kanske ser frågorna 1, 2, 4 och 6. Olika besökare ser i grunden olika frågor beroende på sin väg genom formuläret. Inga två besökare behöver svara på samma uppsättning frågor.
De här två sätten kan fungera tillsammans. Ett formulär kan vara i flera steg OCH ha villkorsstyrd logik. Steg 1 kan fråga "Vad behöver du hjälp med?" och utifrån svaret visar steg 2 olika frågor. Du får tydligheten från stegen plus personaliseringen från villkorsstyrd logik. Men de är i grunden olika verktyg som löser olika problem. Formulär i flera steg hjälper mot upplevd längd. Villkorsstyrd logik hjälper med relevans.
Därför minskar formulär med villkorsstyrd logik avhoppen
Avhopp från formulär sker av en enkel orsak: formuläret är för långt eller ställer irrelevanta frågor. En besökare börjar fylla i, ser en lista med 20 frågor, blir trött och går. Hen fyller aldrig i klart formuläret och du förlorar leaden.
Villkorsstyrd logik åtgärdar det. När ett formulär bara ställer de frågor som gäller den personen fyller hen i det snabbare. Ett formulär som ser ut att ha sex frågor när någon fyller i det fylls i klart i mycket högre grad än ett formulär som ser ut att ha 20 frågor, även om båda formulären kunde ställa upp till 20 frågor totalt om varje villkorsstyrd väg togs.
Psykologin här är kraftfull. En besökare ser ett kort formulär och tänker "Det här hinner jag fylla i på två minuter." Hen gör det och skickar in. En besökare ser ett långt formulär och tänker "Det här är för mycket jobb" och navigerar bort utan att fylla i något. Den upplevda längden betyder mer än den faktiska längden. Villkorsstyrd logik styr den upplevda längden genom att bara visa det som är relevant just nu.
När du ska använda formulär med villkorsstyrd logik
Villkorsstyrd logik passar inte alla formulär. Ett enkelt kontaktformulär med fyra frågor behöver den inte. En anmälan till nyhetsbrev behöver den inte. Men vissa formulärtyper blir mycket kraftfullare med villkorsstyrd logik.
Använd villkorsstyrd logik när ditt formulär har flera vägar. Om det finns olika frågor för olika typer av användare eller olika situationer passar villkorsstyrd logik bra. Ett supportformulär där Teknisk support får andra frågor än Faktureringsstöd har nytta av förgrenad logik. Ett produktförfrågningsformulär där den som frågar om programvara får andra frågor än den som frågar om tjänster har nytta av det.
Använd villkorsstyrd logik när du har valfria avsnitt. Om du har frågor som bara vissa besökare behöver svara på, dölj dem bakom villkorsstyrd logik i stället för att göra dem till valfria fält i ett långt formulär. Ett B2B-formulär för kartläggning där "Hur många teammedlemmar har ni?" är relevant för vissa presumtiva kunder men inte för andra kan förgrena sig till frågor om teamstorlek för vissa besökartyper. Formuläret förblir kortare och känns mer relevant för varje person.
Använd villkorsstyrd logik när du behöver ställa detaljerade följdfrågor. En enkel fråga som "Vad är din största utmaning?" kan förgrena sig till en uppsättning detaljerade följdfrågor. Om någon väljer "Jag behöver öka konverteringen" visar du fem detaljerade frågor om nuvarande konverteringsgrad, trafikvolym och målgrupp. Om någon väljer "Jag behöver sänka kostnaderna" visar du frågor om nuvarande utgifter och prioriteringar för kostnadsbesparingar. Samma formulär, olika följdfrågor utifrån det första svaret.
Använd villkorsstyrd logik när du har ett långt formulär som du inte kan korta ned. Vissa formulär behöver verkligen 20 eller 30 frågor eftersom du behöver den informationen. I stället för att ställa alla 30 frågor till varje besökare använder du villkorsstyrd logik för att visa olika delmängder. Ett formulär för sjukförsäkring kan ställa andra frågor till en 25-åring som bor själv än till en 55-åring med försörjningsansvar. Formuläret är fortfarande långt totalt sett, men varje person ser bara de frågor som är relevanta för den egna situationen.
Använd inte villkorsstyrd logik om ditt formulär redan är kort. Om du har ett formulär med fem frågor ger villkorsstyrd logik mer komplexitet utan nytta. En besökare som fyller i ett formulär med fem frågor upplever det som kort oavsett om du lägger till förgrenad logik eller inte. Lägg inte till komplexitet för sin egen skull.
Använd inte villkorsstyrd logik om följdfrågorna inte verkligen skiljer sig åt. Om fråga 2 i stort sett är densamma oavsett hur fråga 1 besvarades behöver du ingen förgrening. Håll formuläret linjärt. Villkorsstyrd logik ska förändra upplevelsen på riktigt, inte skapa en illusion av förändring. En besökare ska känna att hen får rätt frågor för sin specifika situation, inte att du bara döljer och visar samma frågor i olika ordning.
Bygg strukturen för ett formulär med villkorsstyrd logik
Nyckeln till ett formulär med villkorsstyrd logik som fungerar är en tydlig förgreningsstruktur. Du behöver veta i förväg vilka frågor du ska ställa, vilka svar som utlöser vilka följdfrågor och vilka vägar som finns i ditt formulär.
Börja med att kartlägga dina grenar. Innan du bygger formuläret ritar du upp beslutsträdet. Du kan använda ett dokument, en whiteboard eller ett verktyg för flödesscheman, men lägg det någonstans där det syns. Din första fråga är "Vilken typ av hjälp behöver du?" Besökaren kan välja A, B eller C. Om A ser hen frågorna 2A-1 till 2A-5. Om B ser hen frågorna 2B-1 till 2B-3. Om C ser hen frågorna 2C-1 till 2C-4. När du ser det kartlagt förstår du komplexiteten. Du kan se om du har tre små grenar eller tio enorma grenar. Du kan se om logiken är enkel eller för komplex.
Ställ förgreningsfrågan först. Din första fråga bör vara den som avgör vilken väg besökaren tar. Om din förgreningsfråga är "Vad är ditt huvudmål?", ställ den före allt annat. Ställ inte fyra inledande frågor och förgrena sedan. Förgrena direkt. En besökare vill veta att hen är på rätt väg så snart som möjligt. Fyra frågor före förgreningen får formuläret att kännas långt redan från början, vilket utlöser avhopp innan besökaren ser nyttan med förgreningen.
Håll varje gren kort. När en besökare har valt sin väg bör de efterföljande frågorna på den vägen totalt vara högst 8 till 10 frågor. Om en enskild väg leder till 15 frågor har du förfelat syftet med villkorsstyrd logik. Målet är att få formuläret att kännas kort och relevant, inte att gömma 15 frågor bakom förgreningar. Om du har 15 frågor för en väg är den vägen för lång. Korta ned den eller dela upp den i ett formulär i två steg.
Använd samma fälttyper i alla grenar. Om väg A använder en rullgardinsmeny för den första frågan bör väg B också använda en rullgardinsmeny, inte ett textfält. Konsekvens i hur frågorna ställs gör att formuläret känns sammanhängande, trots att besökarna tar olika vägar. Ett formulär som ser ut att byta format halvvägs känns trasigt.
Visa förloppet tydligt. Om ditt formulär har flera steg inom en gren, visa stegnummer. "Steg 1 av 5: Berätta om din situation. Steg 2 av 5: Berätta om dina mål." Det hjälper besökaren att förstå hur långt hen har kommit på sin specifika väg. Utan förloppsindikatorer kan ett förgrenat formulär kännas oförutsägbart.
Strategisk användning av villkorsstyrd förgrening för att samla in bättre data
Villkorsstyrd logik handlar inte bara om att göra formulär kortare. Den handlar också om att samla in mer specifik och användbar data.
Ställ gradvis mer detaljerade frågor. Din första fråga är bred: "Vilken bransch arbetar du i?" Utifrån svaret följer du upp med frågor som är specifika för branschen. Om besökaren väljer "Vård" frågar du vårdspecifika frågor som "Hur många patientenheter hanterar ni?" Om besökaren väljer "E-handel" frågar du "Hur många artiklar säljer ni?" Det ger dig information som du inte kan få från ett formulär som är lika för alla. Du får specifik data som är anpassad efter besökarens situation.
Använd villkorsstyrd logik för att hoppa över irrelevanta följdfrågor. Ett formulär frågar "Har du en webbplats i dag?" Om svaret är ja visar du följdfrågor som "Hur gammal är din nuvarande webbplats?" och "Vilken plattform är den byggd på?" Om svaret är nej hoppar du över de frågorna helt. Du behöver inte veta vilken plattform en webbplats använder som någon inte har. Villkorsstyrd logik tar bort meningslösa frågor och håller din data ren.
Använd villkorsstyrd logik för att leda besökaren olika utifrån svaren. I ett supportformulär visar du ett tydligt telefonnummer eller ett alternativ för livechatt om besökaren väljer "Jag behöver hjälp nu, det är brådskande." Om besökaren väljer "Det är inte brådskande" visar du ett vanligt e-postformulär. Du döljer inte bara frågor, du ändrar upplevelsen utifrån vad besökaren berättar.
Använd villkorsstyrd logik för att fråga om budget eller beslutsmandat bara när det är meningsfullt. Ett formulär för kartläggning frågar "Är du den som huvudsakligen fattar beslut?" Visa budgetfrågan bara om svaret är ja. Om svaret är nej, fråga i stället "Vem godkänner det här beslutet?" Olika svar får olika följdfrågor. Du får den information du behöver utan att ställa irrelevanta frågor.
Vanliga misstag i formulär med villkorsstyrd logik
Att skapa för många grenar. Ett formulär med fem olika förgreningsvägar är svårare att hantera än ett formulär med två eller tre vägar. Varje gren måste testas för att säkerställa att logiken fungerar rätt. Varje gren ökar komplexiteten. Om ditt formulär har fler än fyra eller fem tydliga vägar, överväg att dela upp det i flera enklare formulär. Det är bättre med tre formulär som vart och ett förgrenar sig enkelt än ett formulär som förgrenar sig åt tolv olika håll.
Att göra förgreningslogiken svår att förstå. En besökare ska inte behöva förstå logiken. Hen ska bara svara på frågor och se nästa fråga dyka upp. Men om logiken är förvirrande känner hen sig vilsen. Om någon svarar "Jag behöver hjälp med försäljning" och formuläret sedan plötsligt frågar "Hur många anställda har ni?" kanske hen tänker "Vänta, bytte formuläret av misstag till teknisk support?" Gör logiken genomskinlig. Villkorsstyrd logik ska få formuläret att kännas mer sammanhängande, inte mer förvirrande.
Att ställa förgreningsfrågan på ett förvirrande sätt. Den första frågan avgör allt som kommer efter. Gör det extremt tydligt vad alternativen betyder. Fråga inte "Vad beskriver bäst din situation?" med vaga svar som "Alternativ A", "Alternativ B", "Alternativ C". Fråga "Vad behöver du hjälp med?" med tydliga svar som "Teknisk support", "Fakturering", "Försäljningsfråga". En besökare ska kunna välja sin väg direkt utan förvirring.
Att ha grenar som leder till samma frågor. Om väg A och väg B båda ställer samma följdfrågor behöver de inte vara separata grenar. Slå ihop dem. Onödig förgrening gör formuläret svårare att hantera och förvirrar besökaren. Skapa separata grenar bara när följdfrågorna verkligen skiljer sig åt.
Att glömma att varje gren måste fungera på egen hand. Testa varje enskild väg i ditt formulär. Fyll i ett formulär genom att välja Alternativ A hela vägen. Fyll sedan i det igen genom att välja Alternativ B. Sedan Alternativ C. Varje väg ska fungera smidigt utan fel eller förvirring. En bugg på väg C som du aldrig testar kommer att frustrera besökare som tar den vägen. Varje gren måste vara komplett och fungera.
Så hjälper WEMASY dig med formulär med villkorsstyrd logik
WEMASY:s formulärbyggare har villkorsstyrd logik som en inbyggd funktion. Du kan skapa förgrenade formulär med om-då-regler utan att skriva kod. Ställ in ett villkor som "Om svaret på fråga 1 är Teknisk support, visa fråga 2A", så sköter formuläret resten. Alla svar från varje gren landar i din instrumentpanel där du kan se vilka vägar besökarna tar och vilka svar de ger. Mer om hur du utformar formulär som fylls i klart i högre grad finns i vår guide om typer av formulär och när du använder vilka.