Zoznamy začiarkavacích políčok s viacerými možnosťami: Umožnite používateľom vybrať si viacero možností

„Vyberte všetky možnosti, ktoré sa vzťahujú na daný prípad.“ Je to jeden z najbežnejších pokynov vo formulároch – a zaškrtávacie políčka sú spôsob, akým sa to robí. Zoznamy zaškrtávacích políčok s možnosťou výberu viacerých možností umožňujú používateľom vybrať si viacero možností z vopred definovaného zoznamu, čo je ideálne pre záujmy, preferencie, služby a akýkoľvek scenár, kde jedna odpoveď nestačí.

V tejto príručke sa naučíte, ako vytvoriť efektívne zoznamy s viacerými výberovými políčkami pre vaše formuláre WordPress.

Kedy použiť zaškrtávacie políčka s viacerými možnosťami výberu

Ideálne pre

• Výber záujmov: „Ktoré témy vás zaujímajú?“
• Dopyt na službu: „O ktoré služby máte záujem?“
• Predvoľby funkcií: „Aké funkcie potrebujete?“
• Kontaktné metódy: „Ako by ste chceli, aby sme vás kontaktovali?“
• Diétne požiadavky: „Akékoľvek diétne obmedzenia?“
• Zručnosti/odbornosť: „Vyberte si oblasti svojej odbornosti“
• Otázky prieskumu: „Ktoré z týchto si už vyskúšal/a?“

Kľúčové vlastnosti

• Viacero možností je povolených (na rozdiel od prepínačov)
• Nulový výber možný (pokiaľ nie je potrebný)
• Všetky možnosti viditeľné naraz
• Nezávislé voľby (výber jednej neovplyvní ostatné)

Zaškrtávacie políčka s viacerými možnosťami výberu vs. alternatívy

Vytvorenie zaškrtávacích políčok s viacerými výbermi

Krok 1: Pridanie poľa zaškrtávacieho políčka

1. Otvorte formulár v A.F.B.
2. Ťahať Checkbox pole do vášho formulára
3. Kliknite pre konfiguráciu

Krok 2: Napíšte svoju otázku

Príklady označení:

• „Ktoré služby vás zaujímajú?“
• „Vyberte si svoje preferencie“
• „Aké funkcie potrebujete?“
• „Ako ste sa o nás dozvedeli?“

Pomocný text:

• „Vyberte všetky možnosti, ktoré sa vzťahujú na daný problém“
• „Vyber si toľko, koľko chceš“
• „Skontrolujte všetky relevantné možnosti“

Krok 3: Pridajte svoje možnosti

Každú možnosť zadajte na novom riadku:

SEO služby pre webdizajn Obsahový marketing Správa sociálnych médií E-mailový marketing Platená reklama

Krok 4: Vyberte rozloženie

Vertikálne rozloženie

☐ Možnosť jedna ☐ Možnosť dva ☐ Možnosť tri ☐ Možnosť štyri ☐ Možnosť päť

Najlepšie pre:

• Dlhšie popisky možností
• Zobrazenie optimalizované pre mobilné zariadenia
• Jednoduché skenovanie
• 5+ možností

Horizontálne rozloženie

☐ Možnosť A ☐ Možnosť B ☐ Možnosť C ☐ Možnosť D

Najlepšie pre:

• Krátke štítky
• 3-4 možnosti
• Kompaktný displej

layout Grid

☐ Možnosť jedna ☐ Možnosť dva ☐ Možnosť tri ☐ Možnosť štyri ☐ Možnosť päť ☐ Možnosť šesť

Najlepšie pre:

• Veľa možností (6 – 12)
• Štítky s podobnou dĺžkou
• Efektívne využitie priestoru

Krok 5: Konfigurácia pravidiel výberu

Požadované pole

• Povoliť, ak musí používateľ vybrať aspoň jeden
• Chyba, ak pri odoslaní nebol vybraný žiadny

Minimálny výber

• Nastaviť minimálny počet možností
• „Vyberte aspoň 2 možnosti“

Maximálny výber

• Obmedziť počet vybraných položiek
• „Vyberte maximálne 3 možnosti“
• Prioritizácia síl

Špeciálne funkcie zaškrtávacieho políčka

Možnosť Vybrať všetko

Pridajte zaškrtávacie políčko „Vybrať všetko“:

Ako to funguje:

• Jedným kliknutím vyberiete všetky možnosti
• Opätovným kliknutím sa zruší výber všetkých
• Vhodné pre dlhé zoznamy

Dobré na:

• Zoznamy, v ktorých je bežné vybrať všetko
• „Áno, zaujíma ma všetko“
• Prihlásenie sa na odber tém newslettera

Povoliť v nastaveniach: Zapnúť možnosť „Vybrať všetko“

Možnosť „Iné“ s textovým poľom

Povoliť vlastné položky:

☐ Možnosť A ☐ Možnosť B ☐ Možnosť C ☐ Iné: [________________]

Ako to funguje:

• „Iné“ sa zobrazuje ako posledná možnosť
• Po začiarknutí sa zobrazí textové pole
• Používateľ zadá svoju vlastnú odpoveď

Dobré na:

• Nedá sa predpovedať všetky možné odpovede
• Prieskumy a výskum
• Objavovanie nových možností

Povoliť v nastaveniach: Zapnite „Inú možnosť“

Možnosť „Žiadna z vyššie uvedených“

Výslovné odhlásenie:

☐ Možnosť A ☐ Možnosť B ☐ Možnosť C ☐ Žiadna z vyššie uvedených možností

Ako to funguje:

• Výberom možnosti „Žiadne“ sa zvyčajne zruší výber ostatných
• Používateľ výslovne uvedie „žiadne sa nevzťahujú“
• Rôzne ako ponechanie prázdneho

Dobré na:

• Prieskumy vyžadujúce definitívnu odpoveď
• Rozlišovanie medzi „žiadne“ a „preskočené“
• Povinné otázky, kde sa žiadna z nich nemusí hodiť

Príklady zaškrtávacích políčok s viacerými výbermi

Formulár záujmu o službu

Label: „O ktoré služby máte záujem?“

Pomocný text: „Vyberte všetky možnosti, ktoré sa vzťahujú na daný problém“

Voľby:

• ☐ Dizajn webových stránok
• ☐ Vývoj webových stránok
• ☐ SEO optimalizácia
• ☐ Písanie obsahu
• ☐ Marketing na sociálnych sieťach
• ☐ E-mailový marketing
• ☐ Platená reklama (PPC)
• ☐ Branding a dizajn loga

Nastavenie: Povinné, vertikálne rozloženie

Predvoľby kontaktu

Label: „Ako by ste uprednostnili, aby sme vás kontaktovali?“

Voľby:

• ☐ E-mail
• ☐ Telefonický hovor
• ☐ Textová správa
• ☐ WhatsApp

Nastavenie: Povinné (aspoň jedno), Horizontálne rozloženie

Diétne požiadavky (podujatie)

Label: „Máte nejaké diétne požiadavky?“

Voľby:

• ☐ Vegetariánsky
• ☐ Vegánsky
• ☐ Bezlepkové
• ☐ Bez mliečnych výrobkov
• ☐ Alergia na orechy
• ☐ Halal
• ☐ Kóšer
• ☐ Iné: [________]
• ☐ Žiadne

Nastavenie: Voliteľné, povolené „Iné“, vertikálne rozloženie

Posúdenie zručností (žiadosť o zamestnanie)

Label: „Vyberte si svoje technické zručnosti“

Pomocný text: „Zaškrtnite všetko, čo sa vzťahuje“

Voľby:

• ☐ HTML/CSS
• ☐ JavaScript
• ☐ Reagovať
• ☐ PHP
• ☐ WordPress
• ☐ Pytón
• ☐ SQL/Databázy
• ☐ Git/Správa verzií

Nastavenie: Mriežkové rozloženie (2 stĺpce), minimálne 3 požadované

Témy newslettera

Label: „O ktorých témach by ste chceli mať aktuálne informácie?“

Voľby:

• ☐ Novinky z odvetvia
• ☐ Aktualizácie produktov
• ☐ Tipy a návody
• ☐ Prípadové štúdie
• ☐ Podujatia a webináre
• ☐ Špeciálne ponuky

Nastavenie: Možnosť „Vybrať všetko“ je povolená, voliteľné

Prieskum: Ako ste sa o nás dozvedeli?

Label: „Ako ste sa o nás dozvedeli?“

Pomocný text: „Vyberte všetky možnosti, ktoré sa vzťahujú na daný problém“

Voľby:

• ☐ Vyhľadávanie Google
• ☐ Sociálne médiá (Facebook, Instagram atď.)
• ☐ Priateľ alebo kolega
• ☐ Online reklama
• ☐ Blog alebo článok
• ☐ E-mail
• ☐ Veľtrh/podujatie
• ☐ Iné: [________]

Nastavenie: Povinné, povolená možnosť „Iné“

Uprednostňovanie funkcií

Label: „Aké sú vaše 3 najdôležitejšie priority?“

Pomocný text: „Vyberte presne 3 možnosti“

Voľby:

• ☐ Rýchlosť/Výkon
• ☐ Bezpečnosť
• ☐ Jednoduchosť používania
• ☐ Prispôsobenie
• ☐ Zákaznícka podpora
• ☐ Cena
• ☐ Možnosti integrácie
• ☐ Kompatibilita s mobilnými zariadeniami

Nastavenie: Minimálne 3, maximálne 3

Navrhovanie efektívnych zoznamov možností

Písanie dobrých možností

Byť špecifický

Nejasné: „Marketingové služby“

špecifická: „Marketing na sociálnych sieťach“, „E-mailový marketing“, „SEO“

Udržujte štítky stručné

Príliš dlho: „Služby optimalizácie pre vyhľadávače pre vašu webovú stránku“

lepší: "SEO služby"

Použite paralelnú štruktúru

Nekonzistentné:

• Web design
• Potrebujem pomoc so SEO
• obsah

konzistentné:

• Web Design
• SEO služby
• Písanie obsahu

Logické poradie

• Abecedne (pre dlhé zoznamy)
• Podľa popularity (od najbežnejších)
• Zoskupenie podľa kategórií
• Podľa poradia pracovného postupu

Koľko možností?

Overovacie správy

Požadované pole

„Vyberte aspoň jednu možnosť“

Minimálne nebolo splnené

„Vyberte aspoň [X] možností“

Prekročené maximum

„Môžete vybrať maximálne [X] možností“

Vlastné správy

Prispôsobte svojej otázke:

• „Prosím, povedzte nám, o ktoré služby máte záujem“
• „Vyberte si svoje 3 najdôležitejšie priority“
• „Vyberte aspoň jeden spôsob kontaktu“

Osvedčené postupy

1. Vždy pridajte „Vyberte všetky platné možnosti“

V popise alebo texte pomocníka jasne uveďte, že je povolených viacero možností.

2. V prípade otvorených otázok zvážte možnosť „Iné“

Ak nemôžete vymenovať všetky možnosti, pridajte možnosť „Iné“ s textovým vstupom.

3. V prípade potreby použite „Žiadne“

V prípade otázok, kde žiadna z relevantných odpovedí nie je platnou odpoveďou, uveďte ju explicitne.

4. Prispôsobte rozloženie obsahu

• Krátke možnosti → Horizontálne alebo Mriežka
• Dlhé možnosti → Vertikálne
• Veľa možností → Mriežka

5. Nepreverujte si možnosti vopred

Nechajte používateľov robiť vlastné výbery. Predbežná kontrola môže:

• Skreslené výsledky
• Cítim sa manipulatívne
• Porušenie GDPR v súvislosti so súhlasom s marketingom

6. Stanovte si limity, keď je to potrebné

Ak chcete uprednostniť, obmedzte výbery:

• „Vyberte si svoje top 3“ s maximálnym počtom 3
• Núti k premysleným rozhodnutiam

7. Možnosti súvisiace so skupinou

V prípade dlhých zoznamov zvážte radšej viacero políčok podľa kategórie ako jeden obrovský zoznam.

Úvahy o mobilných zariadeniach

Dizajn s dotykovým ovládaním

• Dostatočne veľké cieľové body klepnutia
• Dostatočný rozstup medzi možnosťami
• Kliknutím na štítok sa začiarkne políčko

Preferované vertikálne rozloženie

Na mobilných obrazovkách:

• Horizontálne rozloženia sa nešikovne zalamujú
• Vertikálne je ľahšie čitateľné
• Testovanie na skutočných zariadeniach

Riešenie problémov

Možnosti sa neukladajú

• Uistite sa, že možnosti sú pridané správne
• Skontrolujte prázdne riadky
• Uložiť formulár a obnoviť

Vybrať všetko nefunguje

• Funkcia overenia je povolená
• Kontrola konfliktov v JavaScripte
• vymazať vyrovnávaciu pamäť

Rozloženie sa nezobrazuje správne

• Skontrolujte nastavenie rozloženia
• CSS témy môže prepísať
• Test s predvolenou témou

Často kladené otázky

Koľko možností je priveľa?

Viac ako 12 možností je zahlcujúcich. Zvážte zoskupenie do kategórií, použitie viacerých zaškrtávacích polí alebo prepnutie na rozbaľovaciu ponuku s viacerými možnosťami výberu.

Mám použiť zaškrtávacie políčka alebo rozbaľovaciu ponuku s viacerými možnosťami výberu?

Začiarkavacie políčka, keď je málo možností (3 – 10) a chcete, aby boli všetky viditeľné. Rozbaľovacia ponuka s výberom viacerých možností, keď je veľa možností a priestor je obmedzený.

Môžem nastaviť minimum aj maximum?

Áno. Príklad: „Vyberte si z 2 až 5 možností“ s min=2 a max=5.

Ako splním požiadavky presne na 3?

Nastavte minimum aj maximum na 3. Používatelia musia vybrať presne 3 možnosti.

Čo ak používatelia potrebujú možnosť, ktorá nie je uvedená?

Povoľte možnosť „Iné“, ktorá poskytuje textové pole pre vlastné položky.

zhrnutie

Vytvorenie zoznamov zaškrtávacích políčok s viacerými možnosťami výberu:

1. Pridať pole začiarkavacie políčko – Presunutím vytvorte formulár
2. Napíšte jasnú otázku – Uveďte „vyberte všetky, ktoré sa vzťahujú“
3. Pridajte dobre napísané možnosti – Stručné, paralelné, usporiadané
4. Vyberte vhodné rozloženie – Vertikálne, horizontálne alebo mriežkové
5. Konfigurácia pravidiel výberu – Povinné, min/max ak je to potrebné
6. Povoliť špeciálne možnosti – Vybrať všetko, Iné, Žiadne
7. Test na mobile – Zabezpečiť použiteľnosť

Záver

Zoznamy s viacerými zaškrtávacími políčkami sú nevyhnutné na zhromažďovanie viacerých preferencií, záujmov a možností. Vďaka správnemu návrhu možností, vhodnému rozloženiu a inteligentným funkciám, ako sú „Vybrať všetko“ a „Iné“, vytvoríte užívateľsky prívetivé polia výberu, ktoré zhromažďujú potrebné údaje.

Automatický tvorca formulárov poskytuje plnohodnotné zaškrtávacie políčka s vertikálnym, horizontálnym a mriežkovým rozložením, možnosťou Vybrať všetko, možnosťou „Iné“ s textovým poľom, možnosťou „Žiadna z vyššie uvedených možností“ a minimálnymi/maximálnymi limitmi výberu. Všetko, čo potrebujete pre profesionálne otázky s viacerými výbermi.

Ste pripravení vytvoriť formuláre s viacerými možnosťami výberu? Stiahnite si automatický nástroj na tvorbu formulárov a nechajte používateľov vybrať si všetky možnosti, ktoré sa vzťahujú na danú oblasť.