Liste 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 polja za potvrdu su način na koji se to postiže. Liste polja za potvrdu s višestrukim odabirom omogućavaju korisnicima da odaberu više opcija s unaprijed definirane liste, što je savršeno za interese, preferencije, usluge i bilo koji scenarij u kojem jedan odgovor nije dovoljan.

U ovom vodiču ćete naučiti kako kreirati efikasne liste višestrukog odabira za vaše WordPress obrasce.

Kada koristiti višestruke potvrdne okvire

Savršeno za

• Izbor interesa: "Koje teme vas zanimaju?"
• Upit za uslugu: "Koje usluge vas zanimaju?"
• Postavke funkcija: "Koje karakteristike su vam potrebne?"
• Metode kontakta: "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 iz ankete: "Koje od ovih si probao/la?"

Ključne karakteristike

• Dozvoljen je višestruki odabir (za razliku od radio dugmadi)
• Nije moguć nijedan odabir (osim ako nije potrebno)
• Sve opcije su vidljive odjednom
• Nezavisni izbori (odabir jednog ne utiče na ostale)

Potvrdni okviri za višestruki odabir u odnosu na alternative

Kreiranje višestrukog odabira potvrdnih okvira

Korak 1: Dodajte polje za potvrdu

1. Otvorite svoj obrazac u A.F.B.
2. kočnica Polje za potvrdu polje u vaš obrazac
3. Kliknite za konfiguraciju

Korak 2: Napišite svoje pitanje

Primjeri oznaka:

• "Koje usluge vas zanimaju?"
• "Odaberite svoje postavke"
• "Koje karakteristike su vam potrebne?"
• "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 red:

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

Korak 4: Odaberite raspored

Vertikalni raspored

☐ Opcija jedan ☐ Opcija dva ☐ Opcija tri ☐ Opcija četiri ☐ Opcija pet

Najbolji za:

• Duže oznake opcija
• Prikaz prilagođen mobilnim uređajima
• Jednostavno skeniranje
• 5+ opcija

Horizontal Layout

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

Najbolji za:

• Kratke oznake
• 3-4 opcija
• Kompaktni ekran

Raspored mreža

☐ Opcija jedan ☐ Opcija dva ☐ Opcija tri ☐ Opcija četiri ☐ Opcija pet ☐ Opcija šest

Najbolji za:

• Mnogo opcija (6-12)
• Oznake slične dužine
• Efikasno korištenje prostora

Korak 5: Konfigurišite pravila odabira

Obavezno 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 najmanje 2 opcije"

Maksimalni izbori

• Ograničite broj odabira
• "Odaberite do 3 opcije"
• Prioritizacija snaga

Posebne funkcije polja za potvrdu

Opcija Odaberi sve

Dodajte polje za potvrdu "Odaberi sve":

Kako radi:

• Jedan klik odabire sve opcije
• Ponovnim klikom poništavate odabir svih
• Pogodno za duge liste

Dobro za:

• Liste 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 tekstualnim okvirom

Dozvoli 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 kuca 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“

Eksplicitno 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 eksplicitno navodi „ništa se ne odnosi“
• Razlika od ostavljanja praznog

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 polja za potvrdu s višestrukim odabirom

Obrazac za interes za uslugu

Label: "Koje usluge vas 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
• ☐ Email 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

Dijetetski zahtjevi (Događaj)

Label: "Imate li neke dijetetske zahtjeve?"

Opcije:

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

Postavke: Opcionalno, 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
• ☐ Reagujte
• ☐ PHP
• ☐ WordPress
• ☐ Pajton
• ☐ SQL/Baze podataka
• ☐ Git/Kontrola verzija

Postavke: Raspored mreže (2 kolone), minimalno 3 potrebne

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: Opcija „Odaberi sve“ omogućena, opcionalno

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
• ☐ Online oglas
• ☐ Blog ili članak
• ☐ E-pošta
• ☐ Sajam/Događaj
• ☐ Ostalo: [________]

Postavke: Obavezno, omogućeno "Ostalo"

Određivanje prioriteta funkcija

Label: "Koja su vaša tri glavna prioriteta?"

Tekst pomoći: "Odaberite tačno 3 opcije"

Opcije:

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

Postavke: Minimalno 3, maksimalno 3

Dizajniranje efikasnih lista opcija

Pisanje dobrih opcija

Budite specifični

Nejasno: "Marketinške usluge"

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

Neka oznake budu koncizne

Predugo: "Usluge optimizacije za pretraživače za vašu web stranicu"

Bolje: "SEO usluge"

Koristite paralelnu strukturu

Nedosljedno:

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

dosljedno:

• Web Design
• SEO usluge
• Sadržaj pisanja

Logički poredak

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

Koliko opcija?

Poruke o validaciji

Obavezno polje

"Molimo odaberite barem jednu opciju"

Minimalno nije ispunjeno

"Molimo odaberite najmanje [X] opcija"

Prekoračen maksimum

"Možete odabrati maksimalno [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 dozvoljeno višestruko odabiranje.

2. Za otvorena pitanja razmislite o opciji „Ostalo“

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

3. Koristite „Ništa“ kada je prikladno

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

4. Uskladite raspored sa sadržajem

• Kratke opcije → Horizontalno ili Mreža
• Duge opcije → Vertikalno
• Mnogo opcija → Mreža

5. Nemojte unaprijed provjeravati opcije

Omogućite korisnicima da sami naprave svoj izbor. Prethodna provjera može:

• Iskrivljeni rezultati
• Osjećam se manipulativno
• Kršenje GDPR-a za pristanak na marketing

6. Postavite granice kada je potrebno

Ako želite prioritizaciju, ograničite izbore:

• "Izaberite svoja top 3" sa maksimalno 3
• Prisiljava na promišljene izbore

7. Opcije povezane s grupom

Za dugačke liste, razmislite o više polja za potvrdu po kategorijama umjesto jedne ogromne liste.

Razmatranja za mobilne uređaje

Dizajn prilagođen dodiru

• Dovoljno velike mete za dodirivanje
• Adekvatan razmak između opcija
• Klikom na oznaku označavate okvir

Poželjan vertikalni raspored

Na ekranima mobilnih uređaja:

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

Rješavanje problema

Opcije se ne spremaju

• Provjerite da li su opcije ispravno dodane
• Provjerite ima li praznih redova
• Sačuvaj obrazac i osvježi

Odaberi sve što ne radi

• Funkcija provjere je omogućena
• Provjerite JavaScript konflikte
• Obriši keš

Raspored se ne prikazuje ispravno

• Provjerite postavke rasporeda
• CSS teme može biti prepisan
• Testiraj sa zadanom temom

Često Postavljena Pitanja

Koliko opcija je previše?

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

Trebam li koristiti polja za potvrdu ili padajući izbornik s višestrukim odabirom?

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

Mogu li postaviti i minimum i maksimum?

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

Kako da napravim tačno 3 obavezna?

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

Šta ako korisnicima treba opcija koja nije navedena?

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

rezime

Kreiranje lista za višestruki odabir potvrdnih okvira:

1. Dodaj polje za potvrdu – Prevucite u obrazac
2. Napišite jasno pitanje – Uključite „odaberite 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žasto
5. Konfigurišite pravila odabira – Obavezno, min/maks ako je potrebno
6. Omogući posebne opcije – Odaberi sve, Ostalo, Ništa
7. Testirajte na mobilnom uređaju – Osigurajte upotrebljivost

zaključak

Liste s višestrukim odabirom su ključne za prikupljanje više preferencija, interesa i izbora. Uz pravilan dizajn opcija, odgovarajuće rasporede i pametne funkcije poput "Odaberi sve" i "Ostalo", kreirat ćete korisnički prilagođena polja za odabir koja prikupljaju potrebne podatke.

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

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