Ako vytvárať dynamické formuláre pomocou podmienenej logiky

Statické formuláre kladú všetkým rovnaké otázky. Dynamické formuláre sa prispôsobujú. Vyberte možnosť „Obchodný dopyt“ a zobrazia sa polia spoločnosti. Vyberte možnosť „Iné“ a otvorí sa textové pole. Odpovedzte „Áno“ a následné otázky sa zobrazia samy. Podmienená logika transformuje rigidné dotazníky na inteligentné konverzácie, ktoré reagujú na situáciu každého používateľa.

V tejto príručke sa naučíte, ako vytvárať dynamické formuláre s podmienenou logikou, ktoré zobrazujú správne polia správnym ľuďom v správnom čase.

Čo robí formulár dynamickým?

Statický formulár

• Každý používateľ vidí každé pole
• Pevná štruktúra
• Žiadna adaptácia
• Jedna veľkosť pre všetkých

Dynamický formulár

• Polia sa zobrazujú na základe odpovedí
• Prispôsobuje sa kontextu používateľa
• Personalizovaný zážitok
• Zobrazujú sa iba relevantné otázky

Rozdiel

STATICKÉ: Meno → E-mail → Telefón → Spoločnosť → Rozpočet → Správa (každý vidí všetkých 6) DYNAMICKÉ: Meno → E-mail → „Typ dopytu?“ → AK Osobné: Telefón → Správa (4 polia) → AK Firemné: Spoločnosť → Telefón → Rozpočet → Správa (6 polí)

Ako funguje podmienená logika

Základná štruktúra

AK [podmienka je splnená] POTOM [zobraziť/skryť polia]

komponenty

• Spúšťacie pole: Pole, ktoré určuje, čo sa stane
• Podmienka: Aká hodnota spúšťa akciu
• akcie: Zobraziť alebo skryť
• Cieľové pole (polia): Čo sa objaví alebo zmizne

Príklad

Spúšťač: „Ste existujúcim zákazníkom?“ Podmienka: Hodnota sa rovná „Áno“ Akcia: Zobraziť Cieľ: Pole „ID zákazníka“

Vytvorenie vášho prvého dynamického formulára

Krok 1: Naplánujte si logiku

Pred stavbou si naplánujte:

• Aké spúšťacie otázky položíte?
• Ktoré polia závisia od ktorých odpovedí?
• Aká je predvolená hodnota (skrytá alebo zobrazená)?

Krok 2: Vytvorenie základného formulára

1. Otvorte formulár v A.F.B.
2. Pridať všetky polia (vždy zobrazené aj podmienené)
3. Usporiadať v logickom poradí

Krok 3: Identifikujte spúšťacie polia

Dobré spúšťacie polia:

• Rozbaľovacie ponuky s prehľadnými kategóriami
• Prepínače (Áno/Nie, výber typu)
• zaškrtávacie políčka

Krok 4: Nastavenie podmienok

1. Vyberte cieľové pole (to, ktoré chcete zobraziť/skryť)
2. Otvoriť nastavenia podmienenej logiky
3. Vyberte spúšťacie pole
4. Nastavte podmienku (rovná sa, obsahuje atď.)
5. Definovať akciu (zobraziť/skryť)

Krok 5: Otestujte každú cestu

1. Ukážka formulára
2. Otestujte každú možnosť spúšťača
3. Overte, či sa zobrazujú správne polia
4. Odoslať testovacie položky
5. Skontrolujte správne uloženie dát

Bežné vzory dynamických formulárov

Vzor 1: Následná kontrola Áno/Nie

štruktúra:

Máte webovú stránku? ○ Áno ○ Nie AK Áno → Zobraziť: pole „URL webovej stránky“ AK Nie → Zobraziť: pole „Chceli by ste pomôcť s jej vytvorením?“

Použiť pre: Kvalifikačné otázky s rôznymi doplňujúcimi otázkami

Vzor 2: Vetvenie kategórií

štruktúra:

Aký typ dopytu? ○ Predaj ○ Podpora ○ Fakturácia ○ Iné AK Predaj → Zobraziť: Rozpočet, Časová os, Veľkosť spoločnosti AK Podpora → Zobraziť: Číslo objednávky, Popis problému AK Fakturácia → Zobraziť: Číslo faktúry, E-mail účtu AK Iné → Zobraziť: Textové pole „Prosím, popíšte“

Použiť pre: Rôzne otázky pre rôzne typy používateľov

Vzor 3: Špecifikácia „Iné“

štruktúra:

Ako ste sa o nás dozvedeli? ☐ Google ☐ Sociálne médiá ☐ Priateľ ☐ Iné AK je zaškrtnuté „Iné“ → Zobraziť: textové pole „Prosím, špecifikujte“

Použiť pre: Zachytávanie vlastných odpovedí

Vzor 4: Postupné odhaľovanie

štruktúra:

Základné informácie: Meno, E-mail (vždy sa zobrazuje) Chcete poskytnúť viac podrobností? ○ Áno ○ Nie AK Áno → Zobraziť: Spoločnosť, Telefón, Popis projektu, Rozpočet

Použiť pre: Voliteľné podrobné informácie

Vzor 5: Podmienené nahrávanie súboru

štruktúra:

Máte podporné dokumenty? ○ Áno ○ Nie AK Áno → Zobraziť: Pole na nahranie súboru

Použiť pre: Voliteľné prílohy

Vzor 6: Zákazník vs. potenciálny zákazník

štruktúra:

Ste naším súčasným zákazníkom? ○ Áno ○ Nie AK Áno → Zobraziť: ID zákazníka, E-mail účtu AK Nie → Zobraziť: Spoločnosť, Ako ste sa o nás dozvedeli?

Použiť pre: Rôzne toky pre existujúce a nové

Vytvorenie kompletného dynamického formulára: Príklad

Formulár dopytu na servis

Vždy viditeľné polia:

• Meno (vyžadované)
• E-mail (vyžadované)
• Záujem o službu (rozbaľovacia ponuka – spúšťač)

Možnosti úroku zo služieb:

• Web Design
• SEO
• Marketing
• Poradenstvo
• ostatné

Podmienené polia:

Webdizajn IF:

• Aktuálna URL adresa webovej stránky
• Počet potrebných strán
• Predvoľby dizajnu (rozbaľovacia ponuka)

AK SEO:

• Aktuálna URL adresa webovej stránky
• Cieľové kľúčové slová (textové pole)
• Rozsah mesačného rozpočtu

Marketing IF:

• Marketingové kanály (zaškrtávacie políčka)
• Cieľové publikum
• Rozsah mesačného rozpočtu

IF Consulting:

• Téma konzultácie
• Preferovaný čas stretnutia

AK Iné:

• Prosím, opíšte (textové pole)

Vždy viditeľné (po podmienečnom výraze):

• Ďalšie poznámky (voliteľné)
• Tlačidlo Odoslať

Výsledok

• Návštevníci webdizajnu vidia 6 polí
• Návštevníci SEO vidia 6 polí
• Návštevníci marketingového oddelenia vidia 6 polí
• Návštevníci konzultácií vidia 5 oblastí
• Ostatní návštevníci vidia 4 polia

Typy podmienok

rovná

AK [Pole] sa rovná „Hodnota“

Vyžaduje sa presná zhoda.

Nerovná sa

AK [Pole] sa nerovná „Hodnote“

Čokoľvek okrem tejto hodnoty.

Obsahuje

AK [Pole] obsahuje „text“

Hodnota niekde obsahuje text.

Je prázdny

AK je [Pole] prázdne

Nebola zadaná žiadna hodnota.

Nie je prázdne

AK [Pole] nie je prázdne

Ľubovoľná zadaná hodnota.

Väčšie ako / Menšie ako

AK je [Číselné pole] väčšie ako 100 AK je [Číselné pole] menšie ako 50

Číselné porovnania.

Viaceré podmienky

A Logika

Zobraziť pole AK: Služba = „Podnik“ A Rozpočet > 10 000 A Časová os = „Tento štvrťrok“

VŠETKY podmienky musia byť splnené.

ALEBO Logika

Zobraziť pole AK: Služba = „Webdizajn“ ALEBO Služba = „SEO“ ALEBO Služba = „Marketing“

Stačí, ak je splnená AKÁKOĽVEK podmienka.

Kombinované A/ALEBO

Zobraziť pole AK: (Služba = „Webdizajn“ ALEBO Služba = „SEO“) A Rozpočet > 5000

Mix pre komplexnú logiku.

Najlepšie postupy pre dynamické formuláre

1. Začnite jednoducho

• Začnite s jednou alebo dvoma podmienkami
• Postupne pridávajte zložitosť
• Otestujte každý prídavok

2. Udržujte logiku jasnú

• Používajte zjavné spúšťacie otázky
• Vyhnite sa mätúcim závislostiam
• Zdokumentujte svoju logiku

3. Logické umiestnenie polí

• Podmienené polia sa zobrazia po spúšťaní
• Udržiavajte prirodzený tok
• Polia súvisiace so skupinou

4. Spracovanie povinných polí

• Skryté polia by nemali byť povinné
• Vyžadovať iba vtedy, keď je viditeľné
• Testovacie odoslanie so skrytými povinnými poľami

5. Poskytnite vizuálnu spätnú väzbu

• Plynulé animácie pre zobrazené polia
• Jasné prechody
• Žiadne prudké zmeny

6. Otestujte všetky cesty

• Každá možnosť spúšťania
• Každá kombinácia pri použití A/ALEBO
• Mobilné zariadenia a počítače
• Rôzne prehliadače

Príklady dynamických formulárov z reálneho sveta

Príklad 1: Registrácia na udalosť

trigger: Typ dochádzky

• Osobne → Zobraziť: Diétne obmedzenia, veľkosť trička, kontakt v prípade núdze
• Virtuálne → Zobraziť: Časové pásmo, Preferovaná platforma
• Hybrid → Zobraziť: Všetky vyššie uvedené

Príklad 2: Žiadosť o zamestnanie

trigger: Typ pozície

• Plný úväzok → Zobraziť: Očakávaný plat, Dátum nástupu
• Čiastočný úväzok → Zobraziť: Dostupné hodiny, Preferencie rozvrhu
• Zmluva → Zobraziť: Hodinová sadzba, Trvanie projektu

Príklad 3: Tiket podpory

trigger: Kategória problému

• Technické → Zobraziť: Prehliadač, OS, Chybové hlásenie, Nahrávanie snímky obrazovky
• Fakturácia → Zobraziť: Číslo objednávky, Číslo faktúry
• Účet → Zobraziť: Používateľské meno, E-mailová adresa účtu
• Požiadavka na funkciu → Zobraziť: Popis funkcie, Prípad použitia

Príklad 4: Žiadosť o cenovú ponuku

trigger: Typ projektu

• Nová webová stránka → Zobraziť: Odvetvie, Počet stránok, Potrebné funkcie
• Redizajn → Zobraziť: Aktuálna URL adresa, Čo ponechať, Čo zmeniť
• Údržba → Zobraziť: Aktuálna URL, Potrebné úlohy, Frekvencia

Príklad 5: Formulár spätnej väzby

trigger: Hodnotenie spokojnosti

• 1-3 (Nízka) → Zobraziť: textové pole „Čo sa pokazilo?“
• 4-5 (Vysoká) → Zobraziť: Textové pole „Čo sme urobili dobre?“

Riešenie problémov s dynamickými formulármi

Pole sa nezobrazuje

• Skontrolujte, či je podmienka nastavená správne
• Overte, či sa hodnota spúšťacieho poľa presne zhoduje
• Skontrolujte preklepy v hodnotách podmienok
• Potvrdenie akcie „Zobraziť“, nie „Skryť“

Pole sa neskrýva

• Overiť predvolený stav (mal by začínať skrytý)
• Logika podmienok kontroly
• Vymažte medzipamäť prehliadača

Povinné pole blokujúce odoslanie

• Skryté polia by nemali byť povinné
• Nastavenie je potrebné iba vtedy, keď je viditeľné
• Skontrolujte podmienené požadované nastavenia

Logika nefunguje na mobile

• Test na skutočnom zariadení
• Skontrolujte chyby JavaScriptu
• Overte responzívne správanie

Dáta sa neukladajú správne

• Overenie spracovania údajov skrytých polí
• Skontrolujte, či sa majú vymazať skryté hodnoty
• Testovacie odoslanie pre každú cestu

Pokročilé techniky dynamických formulárov

Reťazené podmienky

Pole A spúšťa pole B, ktoré spúšťa pole C:

Typ služby → AK „Podnik“ → Zobraziť: Veľkosť spoločnosti → AK „1000+“ → Zobraziť: Zaškrtávacie políčko Vyhradený správca účtov

Podmienené sekcie

Zobraziť/skryť skupiny polí spolu:

AK „Potrebná doprava“ = Áno → Zobraziť celú sekciu Dodacia adresa (5 polí)

Podmienené smerovanie e-mailov

Rôzni príjemcovia na základe výberu:

AK oddelenie = „Predaj“ → Poslať e-mail na [chránené e-mailom]
AK oddelenie = „Podpora“ → E-mail na adresu [chránené e-mailom]

Podmienené potvrdzovacie správy

Rôzne ďakovné správy:

AK Typ dopytu = „Predaj“ → Zobraziť: „Náš obchodný tím vás bude kontaktovať do 24 hodín“ AK Typ dopytu = „Podpora“ → Zobraziť: „Tiket vytvorený. Číslo tiketu nájdete v e-maile“

Často kladené otázky

Koľko podmienok môžem mať?

Technicky neobmedzené, ale udržujte to zvládnuteľné. 5 – 10 dobre naplánovaných podmienok funguje dobre. Viac ako 15 – 20 podmienok zvyčajne znamená, že formulár by sa mal rozdeliť.

Odosielajú skryté polia stále údaje?

Závisí od implementácie. Skryté polia sa zvyčajne neodosielajú (čistejšie údaje). Niektoré systémy odosielajú prázdne hodnoty. Otestujte si svoje konkrétne nastavenie.

Môžem použiť podmienky na tlačidle odoslania?

Vo všeobecnosti majte tlačidlo na odoslanie vždy viditeľné. Jeho skrytie mätie používateľov. Namiesto toho použite podmienené povinné polia na riadenie postupu.

Spomalí podmienená logika môj formulár?

Moderné implementácie majú zanedbateľný vplyv na výkon. Len extrémne zložitá logika s mnohými poľami môže spôsobiť mierne oneskorenia.

Môžem testovať bez odoslania?

Na otestovanie viditeľnosti použite režim ukážky. Pre úplné testovanie vrátane odoslania údajov použite testovacie odoslania, ktoré môžete odstrániť.

zhrnutie

Vytváranie dynamických formulárov s podmienenou logikou:

1. Naplánujte si logiku – Mapovanie spúšťačov, podmienok a cieľov
2. Vytvoriť základný formulár – Všetky polia, správne usporiadané
3. Pridať spúšťacie polia – Rozbaľovacie ponuky, prepínače, zaškrtávacie políčka
4. Stanoviť podmienky – Prepojenie spúšťačov s cieľovými poľami
5. Konfigurovať zobrazenie/skrytie – Definujte, čo sa objaví, keď
6. Požiadavky na rukoväť – Vyžaduje sa iba vtedy, keď je viditeľné
7. Dôkladne otestujte – Každá cesta, každé zariadenie

Záver

Dynamické formuláre s podmienenou logikou vytvárajú personalizované zážitky, ktorým sa statické formuláre nevyrovnajú. Používatelia vidia iba relevantné otázky, formuláre sa zdajú kratšie a vy zhromažďujete lepšie údaje. Začnite s jednoduchými podmienkami – následné otázky Áno/Nie a vetvenie kategórií – a potom podľa potreby zvyšujte ich zložitosť. Kľúčom je urobiť logiku pre používateľov neviditeľnou a zároveň poskytnúť presne tie správne polia pre ich situáciu.

Automatický tvorca formulárov Doplnok Conditional Logic zjednodušuje vytváranie dynamických formulárov. Nastavte pravidlá zobrazenia/skrytia pomocou vizuálneho rozhrania, použite logiku A/ALEBO pre zložité podmienky a vytvárajte formuláre, ktoré sa prispôsobia každému používateľovi.

Ste pripravení vytvárať dynamické formuláre? Stiahnite si automatický nástroj na tvorbu formulárov a začať vytvárať formuláre, ktoré inteligentne reagujú na vstupy od používateľa.