Popisi s višestrukim odabirom potvrdnih okvira: Omogućite korisnicima odabir više opcija

„Odaberite sve što se odnosi na vas.“ To je jedna od najčešćih uputa u obrascima, a potvrdne kućice su način na koji se to postiže. Popisi s višestrukim odabirom potvrdnih kućica omogućuju korisnicima odabir više opcija s unaprijed definiranog popisa, što je savršeno za interese, preferencije, usluge i bilo koji scenarij u kojem jedan odgovor nije dovoljan.

U ovom vodiču naučit ćete kako stvoriti učinkovite popise s višestrukim odabirom potvrdnih okvira za svoje WordPress obrasce.

Kada koristiti potvrdne okvire za višestruki odabir

Savršeno za

• Odabir interesa: „Koje te teme zanimaju?“
• Upit za uslugu: „Koje vas usluge zanimaju?“
• Postavke značajki: "Koje značajke trebate?"
• Kontakt metode: „Kako biste željeli da vas kontaktiramo?“
• Dijetetski zahtjevi: "Ima li kakvih dijetalnih ograničenja?"
• Vještine/stručnost: "Odaberite svoja područja stručnosti"
• Pitanja ankete: „Koje si od ovih probao/la?“

Ključne karakteristike

• Dopušten je višestruki odabir (za razliku od radio gumba)
• Nije moguć nijedan odabir (osim ako nije potrebno)
• Sve opcije vidljive odjednom
• Neovisni izbori (odabir jednog ne utječe na ostale)

Višestruki potvrdni okviri u odnosu na alternative

Izrada višestrukih potvrdnih okvira

Korak 1: Dodajte polje za potvrdni okvir

1. Otvorite svoj obrazac u A.F.B.
2. Vući Okvir polje u vaš obrazac
3. Kliknite za konfiguraciju

Korak 2: Napišite svoje pitanje

Primjeri oznaka:

• „Koje vas usluge zanimaju?“
• "Odaberite svoje postavke"
• "Koje značajke trebate?"
• "Kako ste čuli za nas?"

Tekst pomoći:

• "Odaberite sve što se odnosi na vas"
• "Izaberi koliko god želiš"
• "Provjerite sve relevantne opcije"

Korak 3: Dodajte svoje opcije

Svaku opciju unesite u novi redak:

SEO usluge web dizajna Marketing sadržaja Upravljanje društvenim mrežama E-mail marketing Plaćeno oglašavanje

Korak 4: Odaberite izgled

Vertikalni raspored

☐ Prva opcija ☐ Druga opcija ☐ Treća opcija ☐ Četvrta opcija ☐ Peta opcija

Najbolje za:

• Dulje oznake opcija
• Prikaz prilagođen mobilnim uređajima
• Jednostavno skeniranje
• 5+ opcija

Horizontalni raspored

☐ Opcija A ☐ Opcija B ☐ Opcija C ☐ Opcija D

Najbolje za:

• Kratke oznake
• 3-4 opcije
• Kompaktni zaslon

Izgled rešetke

☐ Prva opcija ☐ Druga opcija ☐ Treća opcija ☐ Četvrta opcija ☐ Peta opcija ☐ Šesta opcija

Najbolje za:

• Mnogo opcija (6-12)
• Oznake slične duljine
• Učinkovito korištenje prostora

Korak 5: Konfigurirajte pravila odabira

Obvezno polje

• Omogući ako korisnik mora odabrati barem jedan
• Greška ako nijedna nije odabrana prilikom slanja

Minimalni odabiri

• Postavite minimalni broj izbora
• „Molimo odaberite barem 2 opcije“

Maksimalni odabiri

• Ograniči koliko se može odabrati
• "Odaberite do 3 opcije"
• Prioritizacija snaga

Posebne značajke potvrdnog okvira

Opcija Odaberi sve

Dodajte potvrdni okvir "Odaberi sve":

Kako radi:

• Jedan klik odabire sve opcije
• Ponovnim klikom poništavate odabir svih
• Praktično za duge popise

Dobro za:

• Popisi gdje je uobičajeno odabrati sve
• „Da, sve me zanima“
• Pretplate na teme biltena

Omogući u postavkama: Uključite opciju "Odaberi sve"

Opcija „Ostalo“ s tekstnim okvirom

Dopusti prilagođene unose:

☐ Opcija A ☐ Opcija B ☐ Opcija C ☐ Ostalo: [________________]

Kako radi:

• "Ostalo" se pojavljuje kao posljednja opcija
• Kada je označeno, pojavljuje se tekstualno polje
• Korisnik upisuje svoj prilagođeni odgovor

Dobro za:

• Ne mogu se predvidjeti svi mogući odgovori
• Ankete i istraživanja
• Otkrivanje novih opcija

Omogući u postavkama: Uključite "Drugu opciju"

Opcija „Ništa od navedenog“

Izričito isključivanje:

☐ Opcija A ☐ Opcija B ☐ Opcija C ☐ Ništa od navedenog

Kako radi:

• Odabirom opcije "Ništa" obično se poništava odabir ostalih
• Korisnik izričito navodi „ništa se ne odnosi“
• Razlikuje se od ostavljanja praznim

Dobro za:

• Ankete koje zahtijevaju konačan odgovor
• Razlikovanje "ništa" od "preskočeno"
• Obavezna pitanja tamo gdje se nijedno ne odnosi na vas

Primjeri potvrdnih okvira za višestruki odabir

Obrazac za interes za uslugu

Label: „Koje vas usluge zanimaju?“

Tekst pomoći: "Odaberite sve što se odnosi na vas"

Opcije:

• ☐ Dizajn web stranice
• ☐ Razvoj web stranice
• ☐ SEO optimizacija
• ☐ Pisanje sadržaja
• ☐ Marketing na društvenim mrežama
• ☐ E-mail marketing
• ☐ Plaćeno oglašavanje (PPC)
• ☐ Brendiranje i dizajn logotipa

Postavke: Obavezno, vertikalni raspored

Postavke kontakta

Label: „Kako biste više voljeli da vas kontaktiramo?“

Opcije:

• ☐ E-pošta
• ☐ Telefonski poziv
• ☐ Tekstualna poruka
• ☐ WhatsApp

Postavke: Obavezno (barem jedno), horizontalni raspored

Prehrambeni zahtjevi (događaj)

Label: „Imate li kakve prehrambene zahtjeve?“

Opcije:

• ☐ Vegetarijanac
• ☐ Veganski
• ☐ Bez glutena
• ☐ Bez mliječnih proizvoda
• ☐ Alergija na orašaste plodove
• ☐ Halal
• ☐ Košer
• ☐ Ostalo: [________]
• ☐ Ništa

Postavke: Neobavezno, omogućeno "Ostalo", vertikalni raspored

Procjena vještina (Prijava za posao)

Label: "Odaberite svoje tehničke vještine"

Tekst pomoći: "Označite sve što se odnosi na vas"

Opcije:

• ☐ HTML/CSS
• ☐ JavaScript
• ☐ Reagiraj
• ☐ PHP
• ☐ WordPress
• ☐ Python
• ☐ SQL/baze podataka
• ☐ Git/Kontrola verzija

Postavke: Raspored mreže (2 stupca), potrebno je najmanje 3

Teme biltena

Label: „O kojim temama biste željeli ažuriranja?“

Opcije:

• ☐ Vijesti iz industrije
• ☐ Ažuriranja proizvoda
• ☐ Savjeti i tutorijali
• ☐ Studije slučaja
• ☐ Događaji i webinari
• ☐ Posebne ponude

Postavke: Omogućena je opcija "Odaberi sve", neobavezno

Anketa: Kako ste čuli za nas?

Label: "Kako ste čuli za nas?"

Tekst pomoći: "Odaberite sve što se odnosi na vas"

Opcije:

• ☐ Google pretraga
• ☐ Društvene mreže (Facebook, Instagram itd.)
• ☐ Prijatelj ili kolega
• ☐ Oglas na internetu
• ☐ Blog ili članak
• ☐ E-pošta
• ☐ Sajam/događaj
• ☐ Ostalo: [________]

Postavke: Obavezno, omogućeno "Ostalo"

Određivanje prioriteta značajki

Label: „Koja su vaša tri glavna prioriteta?“

Tekst pomoći: "Odaberi točno 3 opcije"

Opcije:

• ☐ Brzina/Performanse
• ☐ Sigurnost
• ☐ Jednostavnost korištenja
• ☐ Prilagođavanje
• ☐ Podrška korisnicima
• ☐ Cijena
• ☐ Mogućnosti integracije
• ☐ Kompatibilnost s mobilnim uređajima

Postavke: Minimalno 3, maksimalno 3

Osmišljavanje učinkovitih popisa opcija

Pisanje dobrih opcija

Budi precizan

Nejasno: „Marketinške usluge“

Specifično: „Marketing na društvenim mrežama“, „E-mail marketing“, „SEO“

Neka oznake budu sažete

Predugo: "Usluge optimizacije za tražilice za vašu web stranicu"

Bolje: "SEO usluge"

Koristite paralelnu strukturu

Nedosljedno:

• Web dizajn
• Trebam SEO pomoć
• Sadržaj

dosljedno:

• Web Design
• SEO Services
• Sadržaj pisanja

Logički poredak

• Abecedno (za duge popise)
• Po popularnosti (od najčešćih prvo)
• Grupiranje po kategorijama
• Prema redoslijedu tijeka rada

Koliko opcija?

Poruke o validaciji

Obvezno polje

"Molimo odaberite barem jednu opciju"

Minimalno nije ispunjeno

„Molimo odaberite barem [X] opcija“

Prekoračen maksimum

„Možete odabrati najviše [X] opcija“

Prilagođene poruke

Prilagodite svom pitanju:

• „Molimo vas da nam kažete koje vas usluge zanimaju“
• "Odaberite svoja 3 glavna prioriteta"
• "Odaberite barem jedan način kontakta"

Najbolje prakse

1. Uvijek dodajte „Odaberite sve što se odnosi na vas“

U naljepnici ili tekstu pomoći jasno navedite da je dopušteno više odabira.

2. Za otvorena pitanja razmislite o "Ostalom"

Ako ne možete navesti svaku mogućnost, dodajte opciju „Ostalo“ s unosom teksta.

3. Koristite „Ništa“ kada je prikladno

Za pitanja gdje nijedan primjenjivi odgovor nije valjan, navedite ga eksplicitno.

4. Uskladite izgled sa sadržajem

• Kratke opcije → Vodoravno ili Mreža
• Duge opcije → Okomito
• Mnogo opcija → Mreža

5. Nemojte unaprijed provjeravati opcije

Neka korisnici sami odaberu. Prethodna provjera može:

• Iskrivljeni rezultati
• Osjećam se manipulativno
• Kršenje GDPR-a za marketinšku privolu

6. Postavite granice kada je potrebno

Ako želite određivanje prioriteta, ograničite odabire:

• "Odaberi svoja top 3" s maksimalno 3
• Prisiljava na promišljene izbore

7. Opcije povezane s grupom

Za duge popise, razmislite o više polja za potvrdu po kategoriji umjesto jednog ogromnog popisa.

Razmatranja za mobilne uređaje

Dizajn prilagođen dodiru

• Dovoljno velike mete dodira
• Dovoljan razmak između opcija
• Klikom na oznaku označava se okvir

Poželjan vertikalni raspored

Na mobilnim ekranima:

• Horizontalni rasporedi se nespretno prelamaju
• Vertikalno je lakše čitati
• Testiranje na stvarnim uređajima

Rješavanje problema

Opcije se ne spremaju

• Provjerite jesu li opcije ispravno dodane
• Provjerite ima li praznih redaka
• Spremi obrazac i osvježi

Odaberi sve što ne radi

• Funkcija provjere je omogućena
• Provjerite ima li JavaScript sukoba
• Clear cache

Izgled se ne prikazuje ispravno

• Provjerite postavke izgleda
• CSS teme može nadjačati
• Testiraj s zadanom temom

Često postavljana pitanja

Koliko je opcija previše?

Više od 12 opcija postaje previše. Razmislite o grupiranju u kategorije, korištenju više polja za odabir ili prelasku na padajući izbornik s višestrukim odabirom.

Trebam li koristiti potvrdne okvire ili padajući izbornik s višestrukim odabirom?

Potvrdni okviri kada je opcija malo (3-10) i želite da sve budu vidljive. Padajući izbornik za višestruki odabir kada je opcija mnogo, a prostor ograničen.

Mogu li postaviti i minimum i maksimum?

Da. Primjer: „Odaberite između 2 i 5 opcija“ s min=2 i max=5.

Kako da napravim točno 3 obavezna?

Postavite i minimum i maksimum na 3. Korisnici moraju odabrati točno 3 opcije.

Što ako korisnicima treba opcija koja nije navedena?

Omogućite opciju "Ostalo" koja pruža tekstualno polje za prilagođene unose.

Rezime

Izrada popisa s višestrukim odabirom potvrdnih okvira:

1. Dodaj polje za potvrdu – Povucite u obrazac
2. Napišite jasno pitanje – Uključite „označite sve što se odnosi na vas“
3. Dodajte dobro napisane opcije – Sažeto, paralelno, uređeno
4. Odaberite odgovarajući raspored – Vertikalno, horizontalno ili mrežno
5. Konfiguriraj pravila odabira – Obavezno, min/maks ako je potrebno
6. Omogući posebne opcije – Odaberi sve, Ostalo, Ništa
7. Testiranje na mobitelu – Osigurati upotrebljivost

Zaključak

Popisi s višestrukim odabirom potvrdnih okvira ključni su za prikupljanje više preferencija, interesa i izbora. Pravilnim dizajnom opcija, odgovarajućim rasporedima i pametnim značajkama poput "Odaberi sve" i "Ostalo" stvorit ćete korisnički prilagođena polja za odabir koja prikupljaju potrebne podatke.

Automatski alat za izradu obrazaca Pruža potpuno opremljena polja za potvrdne okvire s vertikalnim, horizontalnim i mrežnim rasporedom, opcijom Odaberi sve, "Ostalo" s tekstnim okvirom, "Ništa od navedenog" i minimalnim/maksimalnim ograničenjima odabira. Sve što vam je potrebno za profesionalna pitanja s višestrukim odabirom.

Spremni za izradu obrazaca s višestrukim odabirom? Preuzmite Auto Form Builder i neka korisnici odaberu sve što se odnosi na njih.