Ashio whistleblowing software

Podmíněná pole ve formuláři: jak je nastavit a nezabít UX

Návrhář zkouší větvení podmíněného formuláře

Podmíněná pole zobrazují, skrývají nebo blokují otázky ve formuláři podle toho, co uživatel odpověděl dřív. Odpadá nutnost projít celý dotazník, i když se ho polovina netýká, a formulář se tak dokončuje rychleji a s menší chybovostí. Typicky se používají k větvení dotazníků (jiná otázka pro firmu, jiná pro fyzickou osobu) nebo ke skrytí polí, která dávají smysl jen za určité podmínky, například bankovní účet u reklamace peněz.

Stručně:

  • Podmíněná pole umožňují formuláře efektivně skrývat nebo zobrazovat otázky podle předchozích odpovědí, což snižuje chybovost a zrychluje vyplnění.
  • Logika funguje na základě operátorů porovnání, přičemž složitější pravidla kombinují AND a OR, a je nutné pokrýt všechny hodnoty menu pro správné fungování.
  • Před nasazením je důležité navrhnout logiku na papíře či diagramu a otestovat změny v různých scénářích včetně změn odpovědí uživatelem.
  • U skrytých polí musí být jasně definováno, zda při odeslání zůstanou hodnoty, nebo se odstraní, a pravidla povinnosti musí být vázána na viditelnost pole.
  • Podmíněná pole jsou vhodná u dlouhých nebo vícejazyčných formulářů, zatímco u jednoduchých kontaktů je často efektivnější jejich zjednodušení bez složité logiky.
Ashio
Bezpečné interní oznámení bez zbytečných překážek
Ashio umožňuje anonymní hlášení, sledování stavu v reálném čase a správu oznámení v uživatelsky přívětivém dashboardu.

Obsah

Co jsou podmíněná pole a jak funguje jejich logika

Podmíněné pole reaguje na hodnotu jiného pole třemi základními akcemi: zobrazí se (show), skryje se (hide) nebo se znepřístupní pro editaci (disable). Když se tyto akce řetězí za sebou, vzniká větvení, tedy situace, kdy jedna odpověď otevírá celou novou skupinu otázek a jiná ji naopak úplně vynechá.

Logika stojí na operátorech, které porovnávají hodnotu ovládacího pole s podmínkou: rovná se, není rovno, obsahuje, větší než, menší než. Složitější pravidla se skládají pomocí AND (musí platit obě podmínky současně) a OR (stačí splnit jednu z nich). Adobe Sign u podmínek polí doporučuje jedno zásadní pravidlo: pokrýt v ovládacím poli úplně každou možnou hodnotu, protože nepokrytá volba znamená, že se cílové pole nezobrazí ani nezmizí, ale zůstane v neurčitém stavu, na který uživatel narazí jako na chybu.

Operátory a větvení podmíněných polí

Krok za krokem: návrh a implementace podmíněných polí

Než otevřete editor formuláře, nakreslete si logiku na papír nebo do nástroje na diagramy. Rozhodovací strom vám ukáže, kolik větví skutečně vzniká, a často odhalí, že plánujete o polovinu víc podmínek, než je nutné.

  1. Identifikujte ovládací pole. Obvykle jde o select box, radio button nebo checkbox s pevně danými hodnotami (option/value páry). U reklamačního formuláře je ovládacím polem typ vyrovnání, kde jedna z hodnot je „vrácení peněz na účet“.
  2. Napárujte hodnoty na cílová pole. Pole „Číslo účtu“ se zobrazí (show) pouze pokud typ vyrovnání rovná se „vrácení peněz na účet“. Ostatní hodnoty pole nechávají skryté.
  3. Zapište pravidla s konkrétními operátory. Například: pokud „počet účastníků“ větší než 1, zobraz pole „jméno druhého účastníka“. Pokud „země“ obsahuje „EU“, skryj pole „celní prohlášení“.
  4. Ošetřete změnu volby. Uživatel často přepíše dřívější odpověď. Formulář musí umět znovu skrýt pole, které se předtím zobrazilo, a ideálně vyprázdnit jeho obsah, jinak zůstane ve formuláři neviditelná hodnota, kterou uživatel nikdy neviděl.
  5. Nastavte výchozí stav. Všechna podmíněná pole by měla při načtení formuláře mít definovaný stav (obvykle skrytý), ne se spoléhat na to, že se skryjí až po první interakci.

Profesionální tip: Skrytá pole při odeslání buď úplně vypusťte z dat, nebo je posílejte jako prázdnou hodnotu, ale nikdy nedovolte, aby se odeslala stará hodnota z předchozí volby uživatele. Toto rozhodnutí zapište do specifikace ještě před kódováním, protože oprava po nasazení znamená čistit už uloženou databázi.

Validace u skrytých polí se řeší podobně: pole, které je momentálně skryté, by nikdy nemělo blokovat odeslání formuláře jako povinné. Pravidlo pro povinnost musí být svázané s podmínkou zobrazení, jinak uživatel narazí na chybovou hlášku k poli, které vůbec nevidí.

Praktické příklady v běžných nástrojích

Konkrétní implementace se liší podle platformy, kterou používáte.

  • Contact Form 7 s pluginem Conditional Fields. Instalace přidá do formuláře jednoduchý panel pravidel přímo v administraci WordPressu. Nastavení je rychlé, ale plugin má limity u velmi rozvětvené logiky a u kombinace s pokročilými rozšířeními nebo některými mobilními šablonami.
  • Caldera Forms s Conditional Groups. Vytvoříte pole „Počet účastníků“, k němu přidáte podmíněné skupiny a v každé vyberete Applied Fields, tedy pole, která se mají zobrazit. Caldera Forms umí kombinovat AND i OR, takže lze podmínit zobrazení druhého jména účastníka jak počtem osob, tak typem vstupenky současně.
  • LibreOffice a Collabora. Podmíněný text se vkládá přes Vložit → Pole → Další pole → Funkce → Podmíněný text, kde do pole Podmínka zadáte výraz jako Připomínka EQ "3". LibreOffice Writer pracuje s proměnnými, takže text, odstavec i celá sekce se zobrazí jen při splnění zadaného výrazu.

Pro jednoduché a středně složité scénáře stačí plugin nebo vestavěná funkce. Jakmile logika obsahuje víc než tři úrovně vnořených podmínek, obvykle se vyplatí přejít na vlastní kód, kde máte plnou kontrolu nad chováním při odeslání.

Jak testovat podmíněná pole, aby fungovala v praxi

Podmíněná logika je v první řadě otázka UX, ne jen technická implementace. Principem je progressive disclosure, tedy postupné odkrývání jen těch otázek, které jsou pro danou chvíli relevantní. Formulář, který ukazuje uživateli pouze to, co se ho aktuálně týká, snižuje kognitivní zátěž a zvyšuje pravděpodobnost, že ho vůbec dokončí.

Testovací scénáře, které nesmí chybět před nasazením:

  • Uživatel zvolí hodnotu, formulář zobrazí podmíněná pole, uživatel se vrátí a zvolí jinou hodnotu.
  • Povinné pole je skryté, testuje se, zda formulář nevynucuje jeho vyplnění.
  • Formulář se otevře na mobilu a podmíněné pole se zobrazí bez posunutí layoutu nebo překrytí jiného prvku.
  • Kombinace AND/OR pravidel se vyzkouší na hraničních hodnotách, ne jen na typickém scénáři.

Manuální testování odhalí problémy s UX, které automatizovaný test nevidí, třeba matoucí pořadí polí po rozbalení. Automatizovaný test naopak rychle prověří desítky kombinací hodnot, což ručně dělat nemá smysl. Kombinace obou přístupů je v praxi nejrychlejší cesta k formuláři bez skrytých chyb.

Sledovat se dá míra dokončení formuláře, míra chyb při odeslání a průměrná doba vyplnění. Pokud po zavedení podmíněné logiky žádná z těchto metrik nezlepší, je to signál, že logika spíš formulář komplikuje, než že mu pomáhá.

Kontrolní seznam před spuštěním formuláře

Před nasazením do produkce projděte formulář podle tohoto pořadí kroků.

  1. Ověřte, že žádná hodnota v select nebo radio poli nezůstává bez definovaného pravidla.
  2. Rozhodněte a zapište, co se stane se skrytými poli při odeslání: smažou se, nebo se odešlou jako prázdné.
  3. Projděte kombinace AND/OR pravidel, včetně vícestupňových podmínek, kde jedno pole ovlivňuje druhé a to třetí.
  4. Zkontrolujte responzivitu a případné CSS konflikty, které se objeví jen při zobrazení podmíněného pole na malé obrazovce.
  5. Otestujte scénář, kdy uživatel odpověď změní, a ověřte, že se předchozí skryté pole skutečně vyprázdní.

Nejčastější chybou bývá právě ignorování skrytých polí. Vývojář odladí zobrazení, ale zapomene ošetřit, co se s daty stane při odeslání, a formulář pak do databáze posílá hodnoty, které uživatel nikdy vědomě nezadal.

Osvědčené postupy z praxe implementace

Návrh, který funguje v ostrém provozu, vždy začíná mapou logiky, ne editorem formuláře. Designsystem říká totéž: nejdřív diagram stavů, pak kódování, pak testování skrytých dat.

Profesionální tip: Jasně si předem stanovte, jestli skryté pole má hodnotu po skrytí ztratit, nebo si ji uchovat pro případ, že se uživatel vrátí k předchozí volbě. Bez tohoto rozhodnutí vzniká nekonzistentní chování mezi jednotlivými poli formuláře.

U složitých podmínek je často lepší rozdělit formulář do několika kroků (wizard) než stavět jednu stránku s desítkami vzájemně závislých polí.

Kdy se podmíněná pole vyplatí a kdy je lepší zjednodušit

Podmíněná logika se vyplatí u dlouhých formulářů, vícejazyčných dotazníků nebo compliance formulářů, kde záleží na přesnosti odpovědi. U běžného kontaktního formuláře s pěti poli je ale zbytečná, klidová verze bez podmínek bude vždy rychlejší na údržbu.

Bezpečný formulář pro interní oznámení: řešení Ashio

Firmy, které musí zavést interní oznamovací kanál podle směrnice EU o ochraně oznamovatelů (2019/1937), řeší podobný problém jako každý tvůrce formuláře: jak zobrazit jen relevantní pole a zároveň neztratit důvěru uživatele, který cítí, že jeho data jsou v bezpečí. Nabízí přizpůsobitelné formuláře pro hlášení, kompletní auditní stopu k dané kauze a bezpečné uložení dat v evropských datových centrech v souladu s GDPR. Oznamovatel může podat hlášení anonymně a sledovat jeho stav v reálném čase, zatímco firma má přehled o všech případech na jednom místě s řízením přístupu podle role uživatele. Pokud potřebujete pro svou organizaci oznamovací kanál, který splňuje zákonné požadavky bez zásahu do zavedeného chodu firmy, projděte si přehled funkcí platformy Ashio a zjistěte, jak formulář nastavit pro vaši organizaci.

Kde najít další informace a návody

Kde najít další informace a návody — overview diagram

Pro hlubší ponor do syntaxe a konkrétních nastavení se vyplatí projít přímo dokumentaci nástrojů, které používáte. Podmínky polí ve službě Adobe Sign vysvětlují operátory a pravidlo pokrytí hodnot na reálných příkladech z podnikového prostředí. Návod na dynamické odkrývání částí formuláře ukazuje krok za krokem konfiguraci reklamačního formuláře v češtině. Kdo pracuje s WordPressem, ocení postup pro Caldera Forms a podmíněnou logiku nebo návod na podmíněné pole v Contact Form 7. Pro textové procesory je referenční příručkou dokumentace podmíněného textu v LibreOffice Writer.

Zdroje

Časté dotazy

Co jsou podmíněná pole ve formuláři?

Jsou to pole, která se zobrazí, skryjí nebo zablokují podle hodnoty jiného pole ve formuláři, čímž se dotazník automaticky přizpůsobuje odpovědím uživatele.

Jaké operátory se nejčastěji používají u podmíněných pravidel?

Nejběžnější jsou rovná se, není rovno, obsahuje a větší/menší než, přičemž pro složitější logiku se kombinují pomocí AND a OR.

Co se stane se skrytým povinným polem při odeslání formuláře?

Pravidlo pro povinnost musí být vázané na podmínku zobrazení, jinak formulář vyžaduje vyplnění pole, které uživatel nikdy neviděl.

Jak nastavit podmíněná pole v Contact Form 7?

Nejjednodušší cestou je plugin Conditional Fields for Contact Form 7, který přidá pravidla přímo do administrace, i když u velmi složité logiky má omezení.

Hodí se podmíněná pole pro formuláře na hlášení protiprávního jednání?

Ano, u compliance formulářů pomáhají zobrazit jen relevantní otázky podle typu incidentu, a platformy jako Ashio tuto logiku kombinují s anonymitou oznamovatele a auditní stopou.

Podmíněná pole ve formuláři: jak je nastavit a nezabít UX | Ashio