prepínacie tlačidlá
Zbierajte jednotlivé odpovede prehľadne a štýlovo. Od jednoduchých otázok typu áno/nie až po zložité otázky s viacerými možnosťami s flexibilným rozložením, vlastnými možnosťami a inteligentnými funkciami – pole s prepínačmi zabezpečuje, že používatelia si z vášho zoznamu vyberú presne jednu odpoveď.
Ideálne pre otázky s možnosťou výberu z jednej odpovede
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
🎨 Flexibilné možnosti rozloženia
Tri profesionálne rozloženia:
- Vertikálne (skladané) – Možnosti sa zobrazujú jedna na riadok, vertikálne naskladané. Najtradičnejšie a najčitateľnejšie rozloženie pre dlhé popisky možností.
- Horizontálne (vložené) – Možnosti sa zobrazujú vedľa seba v riadku. Ideálne pre krátke štítky a kompaktné formuláre.
- Mriežka (2 stĺpce) – Možnosti usporiadané v dvojstĺpcovej mriežke. Šetrí miesto a zároveň zachováva čitateľnosť.
Vyberte na základe:
- Vertikálne: Dlhé popisky možností, podrobné možnosti, tradičné formuláre
- Horizontálne: 2 – 5 krátkych možností (Áno/Nie, Muž/Žena atď.)
- Mriežka: 4+ možnosti strednej dĺžky, vyvážené rozloženie
Responzívne správanie:
Všetky rozloženia sa automaticky prispôsobujú obrazovkám mobilných zariadení a v prípade potreby sa vertikálne stohujú pre lepšiu dotykovú interakciu.
🎲 Náhodné poradie možností
Randomizácia podľa stupňa prieskumu
Pri každom načítaní formulára premiešajte poradie možností. Eliminuje skreslenie pozícií v prieskumoch, anketách a výskumných formulároch.
Prečo náhodne používať?
- Zabraňuje skresleniu poradia v prieskumoch
- Zabezpečuje spravodlivé rozdelenie výberu
- Profesionálna výskumná metodológia
- Zlepšuje kvalitu údajov
Ideálne pre:
- Formuláre a dotazníky prieskumov
- A/B testovanie a výskum
- Prieskum a hlasovanie
- Štúdie preferencií
Inteligentné správanie:
Špeciálne možnosti ako „Iné“ a „Žiadna z vyššie uvedených možností“ môžu zostať na konci, aj keď sú hlavné možnosti náhodne zoradené.
❌ Možnosť „Žiadna z vyššie uvedených možností“
Explicitné nevyberanie
Na koniec zoznamu pridajte možnosť „Žiadna z vyššie uvedených možností“ alebo „Nevzťahuje sa“. Používateľom to jasne ukáže, ako označiť, že sa na nich nevzťahujú žiadne možnosti.
Prečo toto zahrnúť?
- Zabraňuje núteným výberom
- Zlepšuje presnosť údajov
- Zobrazuje všetky pokryté základne
- Znižuje opustenie formulára
Ideálne pre:
- Voliteľné preferenčné otázky
- Otázky v štýle „Vyberte všetky, ktoré sa vzťahujú“
- Kvalifikačné dámy
- Výbery záujmov
Inteligentné určovanie polohy:
Možnosť „Žiadne“ sa vždy zobrazí posledná, čím sa jasne oddelí od bežných možností.
🔧 Jednoduchá správa možností
Úplná kontrola nad možnosťami:
- Pridať možnosti – Zadajte text a kliknite na tlačidlo „Pridať možnosť“ alebo stlačte kláves Enter. Vytvorte si zoznam za pár sekúnd.
- Možnosti úprav – Aktualizujte zobrazovaný text (čo vidia používatelia) aj hodnoty (čo sa odosiela) nezávisle.
- Zmena poradia možností – Pomocou šípok nahor/nadol môžete možnosti usporiadať v dokonalom poradí.
- Odstrániť možnosti – Možnosti odstránite jedným kliknutím. Žiadna možnosť nie je trvalá.
Zobrazenie verzus hodnota:
- Štítok: Čo vidia používatelia (napr. „Vynikajúce služby“)
- Hodnota: Čo je uložené v databáze (napr. „excellent_service“)
Hromadná budova:
Rýchle pridanie viacerých možností zadaním textu, stlačením klávesu Enter, zadaním textu a stlačením klávesu Enter – rýchle vytvorenie možností pre dlhé zoznamy.
✅ Predvolený výber
Predbežný výber možnosti
Vyberte, ktorý prepínač sa má predvolene vybrať pri načítaní formulára. Navádza používateľov k bežným odpovediam alebo zvýrazňuje odporúčané možnosti.
Prípady použitia:
Vopred vyberte najbežnejšiu odpoveď na rýchle dokončenie
Zvýraznite odporúčanú možnosť (napr. program „Najlepšia hodnota“)
Nastaviť predvolenú možnosť zmluvy (podmienky akceptované)
Navádzanie používateľov k preferovanej voľbe
Alebo Žiadne predvolené:
Nechajte všetky možnosti nevybrané, čo vyžaduje, aby používatelia aktívne vykonali výber. Ideálne pre otázky vyžadujúce vedomý výber.
✏️ Možnosť „Iné“ s textovým vstupom
Vlastná kolekcia odpovedí
Pridajte možnosť „Iné“, ktorá po výbere zobrazí textový vstup. Používatelia si môžu zadať vlastnú odpoveď, ak im nevyhovuje žiadna z prednastavených možností.
Prispôsobiteľný štítok:
- Zmeňte text označenia „Iné“ podľa svojich potrieb:
- „Iné (prosím, špecifikujte)“
- „Niečo iné“
- „Vlastná odpoveď“
- „Neuvedené“
Ako To Funguje:
Keď používatelia vyberú možnosť „Iné“, okamžite sa zobrazí textové pole, do ktorého môžu zadať svoju vlastnú odpoveď. Odošlú sa výber „Iné“ aj ich text.
Prípady použitia:
- „Ako ste sa o nás dozvedeli?“ s vlastným zdrojom odporúčaní
- Preferencia produktu s neuvedenými možnosťami
- Kategórie spätnej väzby s položkou „Iné obavy“
- Akýkoľvek zoznam, ktorý nedokáže pokryť všetky možnosti
🔀 Podmienená logika
Dynamická viditeľnosť prepínačov
Zobraziť alebo skryť polia prepínačov na základe iných hodnôt formulára. Vytvárať inteligentné formuláre, ktoré sa prispôsobujú výberom používateľa.
Pokročilé logické pravidlá:
- Logika A – Všetky podmienky musia byť splnené
- Logika ALEBO – Akciu môže spustiť akákoľvek podmienka.
- 8 operátorov – Rovná sa, Nerovná sa, Väčšie ako, Menšie ako, Obsahuje, Je prázdne a ďalšie
Prípady použitia:
- Zobraziť možnosti produktu iba vtedy, keď je vybraný typ produktu
- Zobraziť preferencie dopravy, keď je spôsob dopravy „Expresná“
- Skryť platobné plány, keď je celková hodnota objednávky nižšia ako 100 USD
- Zobraziť ďalšie otázky na základe pôvodnej odpovede
🎯 Vylepšený používateľský zážitok
Vstavané inteligentné funkcie:
- Vynútenie jedného výberu – Naraz je možné vybrať iba jednu možnosť (štandardné správanie prepínača)
- Povinné overenie – výber je povinný s jasnými chybovými hláseniami
- Navigácia na klávesnici – šípky sa pohybujú medzi možnosťami prístupnosti
- Vlastné CSS triedy – Použite vlastný štýl, ktorý zodpovedá vašej značke
- Podpora prístupnosti – štítky ARIA, kompatibilné s čítačkou obrazovky
- Optimalizované pre mobilné zariadenia – vhodné pre dotykové ovládanie s väčšími cieľovými plochami
- Vizuálna spätná väzba – Jasná indikácia vybranej možnosti
- Podpora textu nápovedy – Pridajte popisy na objasnenie možností
Jednoduché nastavenie v 3 krokoch
Pripravte si pole pre prepínače za pár minút
Pridajte pole prepínačov
Presuňte pole Prepínače zo sekcie Základné polia do formulára.
Pridajte svoje možnosti
Zadajte popisy možností a kliknite na tlačidlo „Pridať možnosť“ a vytvorte si zoznam. Zmeňte poradie pomocou šípok, upravte popisy a hodnoty podľa potreby.
Vyberte rozloženie a funkcie
Vyberte štýl rozloženia (vertikálny, horizontálny alebo mriežkový), voliteľne pridajte možnosť „Iné“ alebo „Žiadna z vyššie uvedených možností“, v prípade potreby nastavte predvolený výber.
???? To je všetko! Vaše prepínače sú pripravené na výber s jednou možnosťou.
Aplikácie v reálnom svete
Prieskumy a spätná väzba
* Hodnotenia spokojnosti (veľmi spokojný až veľmi nespokojný)
* Stupnice súhlasu (rozhodne súhlasím až rozhodne nesúhlasím)
* Otázky týkajúce sa frekvencie (denne, týždenne, mesačne, zriedkavo, nikdy)
* Hodnotiace otázky (1 – 5 hviezdičiek, od vynikajúceho po zlé)
E-commerce
* Výber veľkosti produktu (Malá, Stredná, Veľká, XL)
* Farebné preferencie
* Výber spôsobu dopravy
* Možnosti darčekového balenia
Registračné formuláre
* Výber pohlavia
* Výber vekového rozpätia
* Úroveň skúseností (začiatočník, mierne pokročilý, pokročilý)
* Výber úrovne členstva
Podnikové aplikácie
* Úroveň priority (Vysoká, Stredná, Nízka)
* Výber oddelenia
* Preferovaný kontakt (e-mail, telefón, SMS)
* Možnosti rozpočtu
Vzdelávanie a školenia
* Výber úrovne kurzu
* Preferované tempo učenia
* Dostupnosť naplánovaných termínov
* Typ certifikácie
Zdravotná starostlivosť a wellness
* Výber typu stretnutia
* Výber poskytovateľa poistenia
* Závažnosť príznakov (mierna, stredná, ťažká)
* Preferencia konzultácie
Možnosti kompletného poľa
Základná konfigurácia
- Popis poľa – Otázka alebo názov zobrazený nad prepínačmi
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Povinné pole – Výber je povinný
- Zástupný symbol – Nevzťahuje sa na prepínače
Rozloženie a prezentácia
- Štýl rozloženia
- Vertikálne (vrstvené) – jeden na riadok
- Horizontálne (v rade) – vedľa seba
- Mriežka (2 stĺpce) – vyvážené rozloženie
Možnosti prepínača
- Pridať možnosti – Vytvorte si zoznam možností
- Zobrazený text – čo vidia používatelia
- Hodnota – Čo sa odosiela s formulárom
- Zmeniť poradie – Presunúť možnosti nahor/nadol
- Odstrániť – Odstrániť možnosti
Predvolený výber
Predvolená vybraná hodnota – Vopred vyberte možnosť alebo nechajte prázdne, ak nemáte predvolenú hodnotu
Špeciálne možnosti
- Pridať možnosť „Iné“ – Povoliť vlastné zadávanie textu
- Označenie inej možnosti – Prispôsobte text „Iné“ (predvolene: „Iné (uveďte)“)
- Pridať možnosť „Žiadna z vyššie uvedených možností“ – Na koniec pridať explicitnú možnosť nevyberania
Pokročilé funkcie
Náhodné poradie – Zobraziť možnosti v náhodnom poradí (užitočné pre prieskumy, aby sa zabránilo skresleniu poradia)
Podmienená logika
- Povoliť podmienenú logiku – zobraziť/skryť na základe podmienok
- Logický typ
- Všetky podmienky musia byť splnené (A)
- Môže byť splnená akákoľvek podmienka (ALEBO)
- Pravidlá podmienok
- Zobraziť/Skryť – Akcia, ktorú treba vykonať
- Pole – Ktoré pole sa má skontrolovať
- Operátor – Rovná sa, Nerovná sa, Obsahuje, Väčšie ako, Menšie ako, Je prázdne, Nie je prázdne
- Hodnota – Porovnávacia hodnota
- Viaceré podmienky – Pridajte neobmedzený počet pravidiel
Ďalšie možnosti
- Skryté pole – Skrytie poľa, ale zahrnutie vybranej hodnoty do odoslaní
- Vlastné triedy CSS – Použitie vlastného štýlu
- Atribúty prístupnosti – štítky a popisy ARIA
Prečo si vybrať naše pole prepínačov?
✅ Flexibilné rozloženie – Vertikálne, horizontálne alebo mriežkové usporiadanie
✅ Funkcie prieskumu – Náhodné poradie pre nestranné výsledky
✅ Užívatelsky prívetivý – Možnosť „Iné“ pre vlastné odpovede
✅ Kompletná kontrola – Jednoduché možnosti pridávania, úpravy, zmeny poradia a odstránenia
✅ Inteligentné predvolené nastavenia – Vopred vyberte bežné alebo odporúčané možnosti
✅ profesionálny – „Žiadna z vyššie uvedených možností“ pre riadne prieskumy
✅ Optimalizácia pre mobilné zariadenia – Dotykové ovládanie s perfektnými cieľmi klepnutia
✅ Prístupný – Podpora navigácie pomocou klávesnice a čítačky obrazovky
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aký je rozdiel medzi prepínačmi a zaškrtávacími políčkami?
Prepínače umožňujú iba jeden výber. Začiarkavacie políčka umožňujú viacero výberov. Prepínač použite pre „vybrať jeden“ a začiarkavacie políčka pre „vybrať ľubovoľný“.
Otázka: Môžu používatelia zmeniť svoj výber rádia?
Áno. Výberom nového prepínača sa automaticky zruší výber predchádzajúceho prepínača.
Otázka: Kedy by som mal použiť vertikálne alebo horizontálne rozloženie?
Vertikálne rozloženie použite pre dlhšie zoznamy alebo dlhé štítky, horizontálne pre krátke skupiny s dvoma alebo tromi možnosťami a mriežkové rozloženie pre stredne veľké skupiny možností.
Otázka: Ako funguje možnosť „Iné“?
Výberom možnosti „Iné“ sa zobrazí textové pole, do ktorého používatelia zadávajú vlastnú odpoveď. Odosiela sa výber aj text.
Otázka: Čo robí funkcia náhodného poradia?
Pri každom načítaní formulára sa poradie možností zmení, aby sa znížilo skreslenie v odpovediach.
Otázka: Mám nastaviť predvolený výber?
Nastavte jednu možnosť, ak chcete urýchliť dokončenie alebo usmerniť používateľov. Nechajte prázdne, ak potrebujete, aby sa vedome rozhodli.
Otázka: Na čo slúži možnosť „Žiadna z vyššie uvedených možností“?
Umožňuje používateľom označiť, že sa na ne nevzťahuje žiadna z uvedených možností, čím sa zlepšuje presnosť a zabraňuje sa vynúteným odpovediam.
Otázka: Môžem mať odlišný zobrazovaný text a odoslané hodnoty?
Áno. Používateľom sa zobrazuje zobrazený text a hodnota uložená v odoslaných údajoch môže byť prehľadnejšia alebo štruktúrovanejšia.
Otázka: Ako môžem zmeniť poradie možností prepínačov?
Pomocou šípok nahor a nadol vedľa každej možnosti ich presuňte do požadovaného poradia.
Otázka: Môžu byť prepínače povinné?
Áno. Povoľte „Povinné pole“ a používatelia musia pred odoslaním vybrať jednu z možností.
Otázka: Fungujú prepínače na mobilných zariadeniach?
Áno. Používajú dotykové ovládanie a na malých obrazovkách sa automaticky zobrazujú vertikálne.
Otázka: Môžem použiť podmienenú logiku s prepínačmi?
Áno. Zobraziť alebo skryť polia na základe toho, ktorá možnosť je vybratá pomocou podmienky „Rovná sa“ alebo podobných podmienok.
