Slik lager du dynamiske former med betinget logikk

Statiske skjemaer stiller alle de samme spørsmålene. Dynamiske skjemaer tilpasser seg. Velg «Forretningsforespørsel», så vises firmafelt. Velg «Annet», så åpnes en tekstboks. Svar «Ja», så avslører oppfølgingsspørsmålene seg. Betinget logikk forvandler rigide spørreskjemaer til intelligente samtaler som svarer på hver brukers situasjon.

I denne veiledningen lærer du hvordan du oppretter dynamiske skjemaer med betinget logikk som viser de riktige feltene til de riktige personene til riktig tid.

Hva gjør et skjema dynamisk?

Statisk form

• Hver bruker ser alle felt
• Fast struktur
• Ingen tilpasning
• En størrelse som passer alle

Dynamisk form

• Feltene vises basert på svar
• Tilpasser seg brukerkonteksten
• Personlig opplevelse
• Bare relevante spørsmål vises

Forskjellen

STATISK: Navn → E-post → Telefon → Firma → Budsjett → Melding (alle ser alle 6) DYNAMISK: Navn → E-post → "Forespørselstype?" → HVIS Personlig: Telefon → Melding (4 felt) → HVIS Bedrift: Firma → Telefon → Budsjett → Melding (6 felt)

Hvordan betinget logikk fungerer

Grunnstrukturen

HVIS [betingelsen er oppfylt] SÅ [vis/skjul felt(er)]

komponenter

• Utløserfelt: Feltet som bestemmer hva som skjer
• Betingelse: Hvilken verdi utløser handlingen
• Handling: Vis eller skjul
• Målfelt(er): Det som dukker opp eller forsvinner

Eksempel

Utløser: «Er du en eksisterende kunde?» Betingelse: Verdi lik «Ja» Handling: Vis Mål: Feltet «Kunde-ID»

Lage din første dynamiske form

Trinn 1: Planlegg logikken din

Før du bygger, kartlegg:

• Hvilke triggerspørsmål vil du stille?
• Hvilke felt avhenger av hvilke svar?
• Hva er standardinnstillingen (skjult eller vist)?

Trinn 2: Bygg basisskjemaet

1. Åpne skjemaet ditt i A.F.B.
2. Legg til alle felt (både alltid viste og betingede)
3. Ordne i logisk rekkefølge

Trinn 3: Identifiser triggerfelt

Gode ​​triggerfelt:

• Nedtrekksmenyer med tydelige kategorier
• Radioknapper (Ja/Nei, typevalg)
• avmerkingsboksene

Trinn 4: Sett opp betingelser

1. Velg målfeltet (det som skal vises/skjules)
2. Åpne innstillinger for betinget logikk
3. Velg utløserfeltet
4. Sett betingelsen (lik, inneholder osv.)
5. Definer handlingen (vis/skjul)

Trinn 5: Test hver sti

1. Forhåndsvis skjemaet
2. Test hvert triggeralternativ
3. Kontroller at riktige felt vises
4. Send inn testbidrag
5. Sjekk at dataene lagres riktig

Vanlige dynamiske formmønstre

Mønster 1: Ja/Nei Oppfølging

Struktur:

Har du et nettsted? ○ Ja ○ Nei HVIS Ja → Vis: Feltet «Nettsteds-URL» HVIS Nei → Vis: Feltet «Ønsker du hjelp til å opprette et?»

Bruke til: Kvalifiserende spørsmål med forskjellige oppfølgingsspørsmål

Mønster 2: Kategoriforgrening

Struktur:

Hvilken type forespørsel? ○ Salg ○ Støtte ○ Fakturering ○ Annet HVIS Salg → Vis: Budsjett, Tidslinje, Firmastørrelse HVIS Støtte → Vis: Ordrenummer, Problembeskrivelse HVIS Fakturering → Vis: Fakturanummer, Konto-e-post HVIS Annet → Vis: Tekstfeltet «Vennligst beskriv»

Bruke til: Ulike spørsmål for ulike brukertyper

Mønster 3: Spesifikasjon «Annet»

Struktur:

Hvordan hørte du om oss? ☐ Google ☐ Sosiale medier ☐ Venn ☐ Annet HVIS Annet er avkrysset → Vis: Tekstfeltet «Vennligst spesifiser»

Bruke til: Registrere tilpassede svar

Mønster 4: Progressiv avsløring

Struktur:

Grunnleggende informasjon: Navn, e-post (vises alltid) Vil du oppgi mer informasjon? ○ Ja ○ Nei HVIS Ja → Vis: Firma, Telefon, Prosjektbeskrivelse, Budsjett

Bruke til: Valgfri detaljert informasjon

Mønster 5: Betinget filopplasting

Struktur:

Har du støttedokumenter? ○ Ja ○ Nei HVIS Ja → Vis: Felt for filopplasting

Bruke til: Valgfritt vedlegg

Mønster 6: Kunde vs. potensiell kunde

Struktur:

Er du en eksisterende kunde? ○ Ja ○ Nei HVIS Ja → Vis: Kunde-ID, Konto-e-post HVIS Nei → Vis: Firma, Hvordan hørte du om oss?

Bruke til: Ulike flyter for eksisterende kontra nye

Bygge et komplett dynamisk skjema: Eksempel

Skjema for tjenesteforespørsel

Alltid synlige felt:

• Navn (påkrevd)
• E-post (påkrevd)
• Tjenesteinteresse (nedtrekksmeny – utløser)

Alternativer for tjenesteinteresse:

• Web Design
• SEO
• Marketing
• Rådgivning
• Annet

Betingede felt:

IF Webdesign:

• Gjeldende nettstedsadresse
• Antall sider som trengs
• Designinnstillinger (nedtrekksmeny)

HVIS SEO:

• Gjeldende nettstedsadresse
• Målrettede nøkkelord (tekstområde)
• Månedlig budsjettintervall

IF-markedsføring:

• Markedsføringskanaler (avmerkingsbokser)
• Målgruppe
• Månedlig budsjettintervall

IF-rådgivning:

• Konsultasjonsemne
• Foretrukket møtetid

HVIS annet:

• Vennligst beskriv (tekstområde)

Alltid synlig (etter betinget):

• Ytterligere merknader (valgfritt)
• Send knappen

Resultat

• Besøkende på webdesign ser 6 felt
• SEO-besøkende ser 6 felt
• Markedsføringsbesøkende ser 6 felt
• Konsulterende besøkende ser 5 felt
• Andre besøkende ser 4 felt

Tilstandstyper

Er lik

HVIS [Felt] er lik "Verdi"

Nøyaktig samsvar kreves.

Ikke lik

HVIS [Felt] ikke er lik "Verdi"

Alt annet enn den verdien.

inneholder

HVIS [Felt] inneholder "tekst"

Verdien inkluderer teksten et sted.

Er tom

HVIS [Felt] er tomt

Ingen verdi angitt.

Er ikke tom

HVIS [Felt] ikke er tomt

Enhver verdi som er angitt.

Større enn / Mindre enn

HVIS [Tallfelt] er større enn 100 HVIS [Tallfelt] er mindre enn 50

Numeriske sammenligninger.

Flere betingelser

OG Logikk

Vis felt HVIS: Tjeneste = "Bedrift" OG Budsjett > 10000 OG Tidslinje = "Dette kvartalet"

ALLE betingelsene må være oppfylt.

ELLER Logikk

Vis felt HVIS: Tjeneste = "Webdesign" ELLER Tjeneste = "SEO" ELLER Tjeneste = "Markedsføring"

Enhver betingelse er sann er nok.

Kombinert OG/ELLER

Vis felt HVIS: (Tjeneste = "Webdesign" ELLER Tjeneste = "SEO") OG Budsjett > 5000

Miks for kompleks logikk.

Beste praksis for dynamiske skjemaer

1. Start enkelt

• Begynn med én eller to betingelser
• Legg til kompleksitet gradvis
• Test hver tilsetning

2. Hold logikken klar

• Bruk åpenbare triggerspørsmål
• Unngå forvirrende avhengigheter
• Dokumenter logikken din

3. Plasser felt logisk

• Betingede felt vises etter utløser
• Oppretthold naturlig flyt
• Grupperelaterte felt

4. Håndter obligatoriske felt

• Skjulte felt skal ikke være obligatoriske
• Gjør obligatorisk kun når det er synlig
• Testinnsending med skjulte obligatoriske felt

5. Gi visuell tilbakemelding

• Jevn animasjon for felt som vises
• Tydelige overganger
• Ingen forstyrrende endringer

6. Test alle stier

• Alle utløseralternativer
• Alle kombinasjoner hvis du bruker OG/ELLER
• Mobil og desktop
• Ulike nettlesere

Eksempler på dynamiske former i den virkelige verden

Eksempel 1: Arrangementsregistrering

trigger: Oppmøtetype

• Personlig oppmøte → Vis: Kostholdsrestriksjoner, T-skjortestørrelse, Nødkontakt
• Virtuell → Vis: Tidssone, Plattformpreferanse
• Hybrid → Vis: Alt det ovennevnte

Eksempel 2: Jobbsøknad

trigger: Stillingstype

• Heltid → Vis: Lønnsforventninger, Startdato
• Deltid → Vis: Tilgjengelige timer, Planlegg preferanser
• Kontrakt → Vis: Timepris, Prosjektvarighet

Eksempel 3: Kundestøtteforespørsel

trigger: Problemkategori

• Teknisk → Vis: Nettleser, operativsystem, feilmelding, skjermbildeopplasting
• Fakturering → Vis: Ordrenummer, Fakturanummer
• Konto → Vis: Brukernavn, Konto-e-postadresse
• Funksjonsforespørsel → Vis: Funksjonsbeskrivelse, Brukstilfelle

Eksempel 4: Forespørsel om tilbud

trigger: Prosjekt type

• Nytt nettsted → Vis: Bransje, Sidetall, Nødvendige funksjoner
• Redesign → Vis: Gjeldende URL, hva som skal beholdes, hva som skal endres
• Vedlikehold → Vis: Gjeldende URL, Nødvendige oppgaver, Frekvens

Eksempel 5: Tilbakemeldingsskjema

trigger: Tilfredshetsvurdering

• 1–3 (Lav) → Vis: Tekstområdet «Hva gikk galt?»
• 4–5 (Høy) → Vis: Tekstområde «Hva gjorde vi bra?»

Feilsøking av dynamiske skjemaer

Feltet vises ikke

• Sjekk at betingelsen er riktig angitt
• Bekreft at verdien i triggerfeltet samsvarer nøyaktig
• Sjekk for skrivefeil i tilstandsverdier
• Bekreft at handlingen er «Vis», ikke «Skjul»

Feltet skjules ikke

• Bekreft standardtilstand (skal starte skjult)
• Sjekk betingelseslogikk
• Slett nettleservinduet

Obligatorisk feltblokkeringsinnsending

• Skjulte felt skal ikke være obligatoriske
• Angi bare nødvendig når det er synlig
• Sjekk de nødvendige betingede innstillingene

Logikken fungerer ikke på mobilen

• Test på faktisk enhet
• Sjekk JavaScript-feil
• Bekreft responsiv oppførsel

Data lagres ikke riktig

• Bekreft håndtering av skjulte feltdata
• Sjekk om skjulte verdier skal fjernes
• Testinnsending for hver bane

Avanserte dynamiske formteknikker

Kjedede forhold

Felt A utløser felt B, som utløser felt C:

Tjenestetype → HVIS «Bedrift» → Vis: Bedriftsstørrelse → HVIS «1000+» → Vis: Avmerkingsboks for dedikert kontoadministrator

Betingede seksjoner

Vis/skjul grupper av felt sammen:

HVIS «Frakt nødvendig» = Ja → Vis hele leveringsadresseseksjonen (5 felt)

Betinget e-postruting

Ulike mottakere basert på valg:

HVIS Avdeling = "Salg" → E-post til [e-postbeskyttet]
IF-avdeling = "Støtte" → Send e-post til [e-postbeskyttet]

Betingede bekreftelsesmeldinger

Ulike takkemeldinger:

HVIS Forespørselstype = "Salg" → Vis: "Vårt salgsteam vil kontakte deg innen 24 timer" HVIS Forespørselstype = "Support" → Vis: "Saken er opprettet. Sjekk e-posten for saksnummeret"

Ofte Stilte Spørsmål

Hvor mange betingelser kan jeg ha?

Teknisk ubegrenset, men hold det håndterbart. 5–10 godt planlagte betingelser fungerer bra. Mer enn 15–20 betingelser betyr vanligvis at skjemaet bør deles.

Sender skjulte felt fortsatt inn data?

Avhenger av implementeringen. Vanligvis sendes ikke skjulte felt (renere data). Noen systemer sender tomme verdier. Test ditt spesifikke oppsett.

Kan jeg bruke betingelser på send-knappen?

Generelt sett bør du alltid holde send-knappen synlig. Å skjule den forvirrer brukerne. Bruk i stedet betingede obligatoriske felt for å kontrollere flyten.

Vil betinget logikk gjøre skjemaet mitt tregere?

Moderne implementeringer har ubetydelig ytelsespåvirkning. Bare ekstremt kompleks logikk med mange felt kan forårsake små forsinkelser.

Kan jeg teste uten å sende inn?

Bruk forhåndsvisningsmodus for å teste synligheten. For fullstendig testing, inkludert datainnsending, bruk testinnsendinger du kan slette.

Sammendrag

Opprette dynamiske skjemaer med betinget logikk:

1. Planlegg logikken din – Kartlegg utløsere, betingelser og mål
2. Bygg basisskjema – Alle felt, riktig ordnet
3. Legg til triggerfelt – Nedtrekksmenyer, radioknapper, avmerkingsbokser
4. Angi betingelser – Koble utløsere til målfelt
5. Konfigurer vis/skjul – Definer hva som vises når
6. Håndtere krav – Kun nødvendig når det er synlig
7. Test grundig – Hver sti, hver enhet

Konklusjon

Dynamiske skjemaer med betinget logikk skaper personlige opplevelser som statiske skjemaer ikke kan matche. Brukere ser bare relevante spørsmål, skjemaer føles kortere, og du samler inn bedre data. Start med enkle betingelser – ja/nei-oppfølginger og kategoriforgrening – og bygg deretter opp kompleksitet etter behov. Nøkkelen er å gjøre logikken usynlig for brukerne samtidig som du leverer nøyaktig de riktige feltene for deres situasjon.

Automatisk skjemabygger Tillegget Betinget logikk gjør det enkelt å lage dynamiske skjemaer. Konfigurer vis/skjul-regler med et visuelt grensesnitt, bruk OG/ELLER-logikk for komplekse betingelser, og bygg skjemaer som tilpasser seg alle brukere.

Klar til å lage dynamiske skjemaer? Last ned automatisk skjemabygger og begynn å bygge skjemaer som reagerer intelligent på brukerinndata.