Jak vytvářet dynamické formuláře s podmíněnou logikou

Statické formuláře kladou všem stejné otázky. Dynamické formuláře se přizpůsobují. Vyberte „Obchodní dotaz“ a zobrazí se pole s informacemi o společnosti. Vyberte „Jiné“ a otevře se textové pole. Odpovězte „Ano“ a následné otázky se zobrazí samy. Podmíněná logika transformuje rigidní dotazníky do inteligentních konverzací, které reagují na situaci každého uživatele.

V této příručce se naučíte, jak vytvářet dynamické formuláře s podmíněnou logikou, které zobrazují správná pole správným lidem ve správný čas.

Co dělá formulář dynamickým?

Statický formulář

• Každý uživatel vidí každé pole
• Pevná struktura
• Žádná adaptace
• Jedna velikost pro všechny

Dynamický formulář

• Pole se zobrazují na základě odpovědí
• Přizpůsobuje se kontextu uživatele
• Personalizovaná zkušenost
• Zobrazeny pouze relevantní otázky

Rozdíl

STATICKÉ: Jméno → E-mail → Telefon → Společnost → Rozpočet → Zpráva (všichni vidí všech 6) DYNAMICKÉ: Jméno → E-mail → „Typ dotazu?“ → POKUD JE TO Osobní: Telefon → Zpráva (4 pole) → POKUD JE TO Firemní: Společnost → Telefon → Rozpočet → Zpráva (6 polí)

Jak funguje podmíněná logika

Základní struktura

POKUD [podmínka je splněna] PAK [zobrazit/skrýt pole]

Komponenty

• Spouštěcí pole: Pole, které určuje, co se stane
• Stav: Jaká hodnota spustí akci
• Akce: Ukázat nebo skrýt
• Cílové pole (pole): Co se objeví nebo zmizí

Příklad

Spouštěč: „Jste stávající zákazník?“ Podmínka: Hodnota se rovná „Ano“ Akce: Zobrazit Cíl: Pole „ID zákazníka“

Vytvoření prvního dynamického formuláře

Krok 1: Naplánujte si logiku

Před stavbou si naplánujte:

• Jaké spouštěcí otázky budete klást?
• Která pole závisí na kterých odpovědích?
• Jaká je výchozí hodnota (skrytá nebo zobrazená)?

Krok 2: Vytvořte základní formulář

1. Otevřete formulář v A.F.B.
2. Přidat všechna pole (vždy zobrazená i podmíněná)
3. Uspořádat v logickém pořadí

Krok 3: Identifikace spouštěcích polí

Dobrá spouštěcí pole:

• Rozbalovací nabídky s přehlednými kategoriemi
• Přepínače (Ano/Ne, výběr typu)
• Zaškrtávací políčka

Krok 4: Nastavení podmínek

1. Vyberte cílové pole (to, které chcete zobrazit/skrýt)
2. Otevřít nastavení podmíněné logiky
3. Vyberte spouštěcí pole
4. Nastavte podmínku (rovná se, obsahuje atd.)
5. Definovat akci (zobrazit/skrýt)

Krok 5: Otestujte každou cestu

1. Náhled formuláře
2. Otestujte každou možnost spouštěče
3. Ověřte, zda se zobrazují správná pole
4. Odeslat testovací položky
5. Zkontrolujte správné uložení dat

Běžné vzory dynamických formulářů

Vzor 1: Následná kontrola Ano/Ne

Struktura:

Máte webové stránky? ○ Ano ○ Ne POKUD Ano → Zobrazit: pole „URL webových stránek“ POKUD Ne → Zobrazit: pole „Chcete s jejich vytvořením pomoci?“

Použij pro: Kvalifikační otázky s různými doplňujícími otázkami

Vzor 2: Větvení kategorií

Struktura:

Jaký typ dotazu? ○ Prodej ○ Podpora ○ Fakturace ○ Jiné POKUD Prodej → Zobrazit: Rozpočet, Časová osa, Velikost společnosti POKUD Podpora → Zobrazit: Číslo objednávky, Popis problému POKUD Fakturace → Zobrazit: Číslo faktury, E-mail účtu POKUD Jiné → Zobrazit: Textové pole „Prosím popište“

Použij pro: Různé otázky pro různé typy uživatelů

Vzor 3: Specifikace „Jiná“

Struktura:

Jak jste se o nás dozvěděli? ☐ Google ☐ Sociální média ☐ Přítel ☐ Jiné POKUD je zaškrtnuto Jiné → Zobrazit: textové pole „Prosím specifikujte“

Použij pro: Zachycování vlastních odpovědí

Vzor 4: Postupné odhalování

Struktura:

Základní informace: Jméno, E-mail (vždy zobrazeno) Chcete poskytnout více podrobností? ○ Ano ○ Ne POKUD Ano → Zobrazit: Společnost, Telefon, Popis projektu, Rozpočet

Použij pro: Volitelné podrobné informace

Vzor 5: Podmíněné nahrávání souborů

Struktura:

Máte podpůrné dokumenty? ○ Ano ○ Ne POKUD Ano → Zobrazit: Pole pro nahrání souboru

Použij pro: Volitelné příslušenství

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

Struktura:

Jste stávajícím zákazníkem? ○ Ano ○ Ne POKUD Ano → Zobrazit: ID zákazníka, e-mail účtu POKUD Ne → Zobrazit: Společnost, Jak jste se o nás dozvěděli?

Použij pro: Různé toky pro stávající a nové

Vytvoření kompletního dynamického formuláře: Příklad

Formulář pro dotazy k službám

Vždy viditelná pole:

• Jméno (vyžadováno)
• E-mail (vyžadováno)
• Zájem o službu (rozbalovací nabídka – spouštěč)

Možnosti úroků ze služeb:

• Web Design
• SEO
• Marketing
• Poradenství
• Ostatní

Podmíněná pole:

Webdesign IF:

• Aktuální URL webových stránek
• Počet potřebných stránek
• Předvolby designu (rozbalovací nabídka)

POKUD SEO:

• Aktuální URL webových stránek
• Cílová klíčová slova (textové pole)
• Rozsah měsíčního rozpočtu

Marketing IF:

• Marketingové kanály (zaškrtávací políčka)
• Cílová skupina
• Rozsah měsíčního rozpočtu

Poradenství v oblasti IF:

• Téma konzultace
• Preferovaný čas schůzky

POKUD Jiné:

• Prosím popište (textové pole)

Vždy viditelné (po podmínce):

• Další poznámky (volitelné)
• Tlačítko Odeslat

Výsledek

• Návštěvníci webdesignu vidí 6 polí
• Návštěvníci SEO vidí 6 polí
• Návštěvníci marketingového oddělení vidí 6 polí
• Návštěvníci konzultací vidí 5 oblastí
• Ostatní návštěvníci vidí 4 pole

Typy podmínek

rovná

POKUD [Pole] se rovná "Hodnota"

Je vyžadována přesná shoda.

Nerovná se

POKUD [Pole] se nerovná "Hodnotě"

Cokoliv kromě té hodnoty.

obsahuje

POKUD [Pole] obsahuje „text“

Hodnota někde obsahuje text.

Je prázdné

POKUD je [Pole] prázdné

Nebyla zadána žádná hodnota.

Není prázdné

POKUD [Pole] není prázdné

Libovolná zadaná hodnota.

Větší než / Menší než

POKUD je [Číselné pole] větší než 100, POKUD je [Číselné pole] menší než 50

Číselná srovnání.

Více podmínek

A Logika

Zobrazit pole, POKUD: Služba = „Podnik“ A Rozpočet > 10000 A Časová osa = „Toto čtvrtletí“

VŠECHNY podmínky musí být splněny.

NEBO Logika

Zobrazit pole, POKUD: Služba = „Webdesign“ NEBO Služba = „SEO“ NEBO Služba = „Marketing“

Stačí, aby byla splněna JAKÁKOLI podmínka.

Kombinované A/NEBO

Zobrazit pole, POKUD: (Služba = „Webdesign“ NEBO Služba = „SEO“) A Rozpočet > 5000

Mix pro komplexní logiku.

Nejlepší postupy pro dynamické formuláře

1. Začněte jednoduše

• Začněte s jednou nebo dvěma podmínkami
• Postupně přidávejte složitost
• Otestujte každý přídavek

2. Udržujte logiku jasnou

• Používejte zřejmé spouštěcí otázky
• Vyhněte se matoucím závislostem
• Zdokumentujte svou logiku

3. Logické umístění polí

• Podmíněná pole se zobrazí po spuštění.
• Udržujte přirozený tok
• Související pole skupiny

4. Zpracování povinných polí

• Skrytá pole by neměla být povinná
• Povinné pouze tehdy, když je viditelné
• Testovací odeslání se skrytými povinnými poli

5. Poskytněte vizuální zpětnou vazbu

• Plynulé animace pro zobrazená pole
• Jasné přechody
• Žádné rušivé změny

6. Otestujte všechny cesty

• Každá možnost spouštění
• Každá kombinace při použití AND/OR
• Mobilní a stolní
• Různé prohlížeče

Příklady dynamických formulářů z reálného světa

Příklad 1: Registrace na akci

Trigger: Typ docházky

• Osobně → Zobrazit: Dietní omezení, velikost trička, kontakt v případě nouze
• Virtuální → Zobrazit: Časové pásmo, Preferovaná platforma
• Hybridní → Zobrazit: Vše výše uvedené

Příklad 2: Žádost o zaměstnání

Trigger: Typ pozice

• Plný úvazek → Zobrazit: Očekávaný plat, Datum nástupu
• Částečný úvazek → Zobrazit: Dostupné hodiny, Preferovaný rozvrh
• Smlouva → Zobrazit: Hodinová sazba, Doba trvání projektu

Příklad 3: Žádost o podporu

Trigger: Kategorie problému

• Technické → Zobrazit: Prohlížeč, OS, Chybová zpráva, Nahrání snímku obrazovky
• Fakturace → Zobrazit: Číslo objednávky, Číslo faktury
• Účet → Zobrazit: Uživatelské jméno, E-mail účtu
• Žádost o funkci → Zobrazit: Popis funkce, Případ použití

Příklad 4: Žádost o cenovou nabídku

Trigger: Typ projektu

• Nový web → Zobrazit: Obor, Počet stránek, Potřebné funkce
• Redesign → Zobrazit: Aktuální URL, Co ponechat, Co změnit
• Údržba → Zobrazit: Aktuální URL, Potřebné úkoly, Četnost

Příklad 5: Formulář zpětné vazby

Trigger: Hodnocení spokojenosti

• 1–3 (Nízká) → Zobrazit: textové pole „Co se pokazilo?“
• 4–5 (Vysoká) → Zobrazit: Textové pole „Co se nám dařilo?“

Řešení problémů s dynamickými formuláři

Pole se nezobrazuje

• Zkontrolujte, zda je podmínka správně nastavena.
• Ověřte, zda hodnota spouštěcího pole přesně odpovídá
• Zkontrolujte překlepy v hodnotách podmínek
• Potvrdit akci „Zobrazit“, nikoli „Skrýt“

Pole se neskrývá

• Ověřte výchozí stav (mělo by začínat jako skryté)
• Logika podmínek kontroly
• Vymažte mezipaměť prohlížeče

Povinné pole blokující odeslání

• Skrytá pole by neměla být povinná
• Nastavit je nutné pouze tehdy, když je viditelné
• Zkontrolujte podmíněná požadovaná nastavení

Logika nefunguje na mobilu

• Test na skutečném zařízení
• Zkontrolujte chyby JavaScriptu
• Ověřte responzivní chování

Data se neukládají správně

• Ověření zpracování dat skrytých polí
• Zkontrolujte, zda mají být skryté hodnoty vymazány
• Odeslání testu pro každou cestu

Pokročilé techniky dynamických formulářů

Řetězené podmínky

Pole A spustí pole B, které spustí pole C:

Typ služby → POKUD „Podnik“ → Zobrazit: Velikost společnosti → POKUD „1000+“ → Zobrazit: Zaškrtávací políčko Vyhrazený správce účtu

Podmíněné sekce

Zobrazit/skrýt skupiny polí společně:

POKUD „Požadovaná doprava“ = Ano → Zobrazit celou sekci Dodací adresa (5 polí)

Podmíněné směrování e-mailů

Různí příjemci na základě výběru:

POKUD oddělení = „Prodej“ → Poslat e-mail na [chráněno e-mailem]
POKUD oddělení = „Podpora“ → E-mail na [chráněno e-mailem]

Podmíněné potvrzovací zprávy

Různé poděkovací zprávy:

POKUD Typ dotazu = „Prodej“ → Zobrazit: „Náš prodejní tým vás bude kontaktovat do 24 hodin“ POKUD Typ dotazu = „Podpora“ → Zobrazit: „Tiket vytvořen. Číslo tiketu zkontrolujte v e-mailu“

Často kladené dotazy

Kolik podmínek můžu mít?

Technicky neomezené, ale udržujte to zvládnutelné. 5–10 dobře naplánovaných podmínek funguje dobře. Více než 15–20 podmínek obvykle znamená, že by měl být formulář rozdělen.

Odesílají skrytá pole stále data?

Záleží na implementaci. Skrytá pole se obvykle neodesílají (čistší data). Některé systémy odesílají prázdné hodnoty. Otestujte si své konkrétní nastavení.

Mohu na tlačítku pro odeslání použít podmínky?

Obecně by mělo být tlačítko pro odeslání vždy viditelné. Jeho skrytí uživatele mate. Pro řízení postupu používejte místo toho podmíněná povinná pole.

Zpomalí podmíněná logika můj formulář?

Moderní implementace mají zanedbatelný vliv na výkon. Pouze extrémně složitá logika s mnoha poli může způsobit mírná zpoždění.

Můžu testovat bez odeslání?

Pro otestování viditelnosti použijte režim náhledu. Pro úplné testování včetně odeslání dat použijte odeslané testovací soubory, které můžete smazat.

Shrnutí

Vytváření dynamických formulářů s podmíněnou logikou:

1. Naplánujte si logiku – Mapování spouštěčů, podmínek a cílů
2. Vytvořit základní formulář – Všechna pole, správně uspořádaná
3. Přidat spouštěcí pole – Rozbalovací nabídky, přepínače, zaškrtávací políčka
4. Stanovit podmínky – Propojení spouštěčů s cílovými poli
5. Konfigurace zobrazení/skrytí – Definujte, co se objeví, když
6. Požadavky na rukojeť – Vyžadováno pouze tehdy, je-li viditelné
7. Důkladně otestujte – Každá cesta, každé zařízení

Závěr

Dynamické formuláře s podmíněnou logikou vytvářejí personalizované prostředí, kterému se statické formuláře nemohou rovnat. Uživatelé vidí pouze relevantní otázky, formuláře se zdají kratší a vy shromažďujete lepší data. Začněte s jednoduchými podmínkami – následnými otázkami Ano/Ne a větvením kategorií – a poté je podle potřeby zvyšujte složitost. Klíčem je učinit logiku pro uživatele neviditelnou a zároveň zobrazit přesně ta správná pole pro jejich situaci.

Automatický tvůrce formulářů Doplněk Conditional Logic usnadňuje vytváření dynamických formulářů. Nastavte pravidla zobrazení/skrytí pomocí vizuálního rozhraní, použijte logiku A/NEBO pro složité podmínky a vytvářejte formuláře, které se přizpůsobí každému uživateli.

Jste připraveni vytvářet dynamické formuláře? Stáhnout automatický nástroj pro tvorbu formulářů a začít vytvářet formuláře, které inteligentně reagují na vstupy od uživatele.