Vairāku atlases izvēles rūtiņu saraksti: ļaujiet lietotājiem izvēlēties vairākas opcijas
“Atzīmējiet visus atbilstošos.” Šis ir viens no visizplatītākajiem norādījumiem veidlapās, un izvēles rūtiņas ir veids, kā to panākt. Vairāku atlases izvēles rūtiņu saraksti ļauj lietotājiem izvēlēties vairākas opcijas no iepriekš definēta saraksta, kas ir ideāli piemērots interesēm, preferencēm, pakalpojumiem un jebkuram citam scenārijam, kad viena atbilde nav pietiekama.
Šajā rokasgrāmatā jūs uzzināsiet, kā izveidot efektīvus vairāku atlases rūtiņu sarakstus savām WordPress veidlapām.
Kad lietot vairāku atlases lodziņus
Lieliski piemērots
- Interešu izvēle: "Kuras tēmas jūs interesē?"
- Pakalpojuma pieprasījums: "Kuri pakalpojumi jūs interesē?"
- Funkciju preferences: "Kādas funkcijas jums ir nepieciešamas?"
- Kontakta metodes: "Kā jūs vēlētos, lai mēs ar jums sazinātos?"
- Uztura prasības: "Vai ir kādi uztura ierobežojumi?"
- Prasmes/kompetence: "Izvēlieties savas kompetences jomas"
- Aptaujas jautājumi: "Kuru no šiem tu esi izmēģinājis?"
Galvenās īpašības
- Atļautas vairākas atlases (atšķirībā no radiopogām)
- Nav iespējama neviena izvēle (ja vien tas nav nepieciešams)
- Visas opcijas ir redzamas vienlaikus
- Neatkarīgas izvēles (vienas izvēle neietekmē citas)
Vairāku atlases izvēles rūtiņu salīdzinājums ar alternatīvām
| Izvēles rūtiņas | radio pogas | Vairāku atlases elementu nolaižamais saraksts |
|---|---|---|
| Vairākas atlases | Tikai viena izvēle | Vairākas atlases |
| Visas opcijas ir redzamas | Visas opcijas ir redzamas | Opcijas ir paslēptas, līdz uz tām noklikšķina |
| Vislabāk 3–10 variantiem | Vislabāk 2–5 variantiem | Labi piemērots daudzām iespējām |
| Viegli skenēt | Viegli skenēt | Kompakts, bet nepieciešama mijiedarbība |
Vairāku atlases izvēles rūtiņu izveide
1. darbība. Pievienojiet izvēles rūtiņas lauku
- Atveriet savu veidlapu sadaļā A.F.B.
- Vilkt Rūtiņa lauks jūsu veidlapai
- Noklikšķiniet, lai konfigurētu
2. solis: uzrakstiet savu jautājumu
Etiķešu piemēri:
- "Kuri pakalpojumi jūs interesē?"
- "Izvēlieties savas preferences"
- "Kādas funkcijas jums ir nepieciešamas?"
- "Kā jūs par mums uzzinājāt?"
Palīdzības teksts:
- “Atzīmējiet visus atbilstošos”
- "Izvēlies tik daudz, cik vēlies"
- "Pārbaudiet visas atbilstošās opcijas"
3. solis: pievienojiet savas opcijas
Ievadiet katru opciju jaunā rindā:
Tīmekļa vietņu dizains SEO pakalpojumi Satura mārketings Sociālo mediju pārvaldība E-pasta mārketings Apmaksāta reklāma
4. darbība. Izvēlieties izkārtojumu
Vertikāls izkārtojums
☐ Pirmais variants ☐ Otrais variants ☐ Trešais variants ☐ Ceturtais variants ☐ Piektais variants
Labākais:
- Garākas opciju etiķetes
- Mobilajām ierīcēm draudzīgs displejs
- Vienkārša skenēšana
- Vairāk nekā 5 XNUMX iespēju
Horizontālais izkārtojums
☐ A variants ☐ B variants ☐ C variants ☐ D variants
Labākais:
- Īsas etiķetes
- 3–4 iespējas
- Kompakts displejs
Režģa izkārtojums
☐ Pirmais variants ☐ Otrais variants ☐ Trešais variants ☐ Ceturtais variants ☐ Piektais variants ☐ Sestais variants
Labākais:
- Daudz iespēju (6–12)
- Līdzīga garuma etiķetes
- Efektīva telpas izmantošana
5. darbība. Atlases noteikumu konfigurēšana
Obligāts lauks
- Iespējot, ja lietotājam ir jāizvēlas vismaz viens
- Kļūda, ja iesniegšanas laikā nekas nav atlasīts
Minimālā atlase
- Iestatiet minimālo izvēļu skaitu
- "Lūdzu, izvēlieties vismaz 2 iespējas"
Maksimālā atlase
- Ierobežojiet, cik daudz var atlasīt
- "Izvēlieties ne vairāk kā 3 iespējas"
- Spēku prioritāšu noteikšana
Īpašas izvēles rūtiņas funkcijas
Atlasīt visu opciju
Pievienojiet izvēles rūtiņu “Atlasīt visu”:
Kā tas darbojas:
- Ar vienu klikšķi tiek atlasītas visas opcijas
- Noklikšķinot vēlreiz, tiek noņemta visu atlase
- Ērti gariem sarakstiem
Labs:
- Saraksti, kuros bieži tiek atlasīts viss
- "Jā, mani interesē viss"
- Informatīvā biļetena tēmu abonementi
Iespējot iestatījumos: Ieslēgt opciju “Atlasīt visu”
Opcija “Cits” ar teksta lodziņu
Atļaut pielāgotus ierakstus:
☐ A variants ☐ B variants ☐ C variants ☐ Cits: [_________________]
Kā tas darbojas:
- “Cits” tiek rādīts kā pēdējā iespēja
- Ja atzīmēts, parādās teksta lauks
- Lietotājs ieraksta savu pielāgoto atbildi
Labs:
- Nevar paredzēt visas iespējamās atbildes
- Aptaujas un pētījumi
- Jaunu iespēju atklāšana
Iespējot iestatījumos: Ieslēgt “Cita opcija”
Iespēja “Neviens no iepriekšminētajiem”
Skaidra atteikšanās:
☐ A variants ☐ B variants ☐ C variants ☐ Neviens no iepriekšminētajiem
Kā tas darbojas:
- Atlasot “Neviens”, parasti tiek noņemta citu elementu atlase.
- Lietotājs nepārprotami norāda, ka “nav piemērojams”.
- Atšķiras no tukšas atstāšanas
Labs:
- Aptaujas, kurām nepieciešama nepārprotama atbilde
- Atšķirība starp “nav” un “izlaists”
- Obligāti jautājumi, kur neviens, iespējams, neattieksies
Vairāku atlases izvēles rūtiņu piemēri
Pakalpojumu interešu veidlapa
Etiķete: "Kuri pakalpojumi jūs interesē?"
Palīdzības teksts: “Atzīmējiet visus atbilstošos”
Iespējas:
- ☐ Mājaslapas dizains
- ☐ Tīmekļa vietnes izstrāde
- ☐ SEO optimizācija
- ☐ Satura rakstīšana
- ☐ Sociālo mediju mārketings
- ☐ E-pasta mārketings
- ☐ Apmaksāta reklāma (PPC)
- ☐ Zīmola un logotipa dizains
Iestatījumi: Obligāti, vertikāls izkārtojums
Kontaktinformācijas preferences
Etiķete: "Kā jūs vēlētos, lai mēs ar jums sazināmies?"
Iespējas:
- ☐ E-pasts
- ☐ Telefona zvans
- ☐ Īsziņa
Iestatījumi: Obligāti (vismaz viens), horizontāls izkārtojums
Uztura prasības (pasākums)
Etiķete: "Vai jums ir kādas diētas prasības?"
Iespējas:
- ☐ Veģetārietis
- ☐ Vegāns
- ☐ Bez glutēna
- ☐ Bez piena produktiem
- ☐ Riekstu alerģija
- ☐ Halāls
- ☐ Košers
- ☐ Cits: [_________]
- ☐ Nav
Iestatījumi: Neobligāts, iespējots iestatījums “Cits”, vertikāls izkārtojums
Prasmju novērtējums (darba pieteikums)
Etiķete: "Izvēlieties savas tehniskās prasmes"
Palīdzības teksts: "Atzīmējiet visus atbilstošos variantus"
Iespējas:
- ☐ HTML/CSS
- ☐ JavaScript
- ☐ Reaģēt
- ☐ PHP
- ☐ WordPress
- ☐ Python
- ☐ SQL/Datubāzes
- ☐ Git/Versiju kontrole
Iestatījumi: Režģa izkārtojums (2 kolonnas), nepieciešamas vismaz 3 kolonnas
Biļetena tēmas
Etiķete: "Par kādām tēmām vēlaties saņemt jaunumus?"
Iespējas:
- ☐ Nozares jaunumi
- ☐ Produkta atjauninājumi
- ☐ Padomi un pamācības
- ☐ Gadījumu izpēte
- ☐ Pasākumi un tīmekļa semināri
- ☐ Īpašie piedāvājumi
Iestatījumi: Opcija “Atlasīt visu” ir iespējota, nav obligāta
Aptauja: Kā jūs par mums uzzinājāt?
Etiķete: "Kā jūs par mums uzzinājāt?"
Palīdzības teksts: “Atzīmējiet visus atbilstošos”
Iespējas:
- ☐ Google meklēšana
- ☐ Sociālie tīkli (Facebook, Instagram u. c.)
- ☐ Draugs vai kolēģis
- ☐ Tiešsaistes reklāma
- ☐ Blogs vai raksts
- ☐ E-pasts
- ☐ Tirdzniecības izstāde/pasākums
- ☐ Cits: [_________]
Iestatījumi: Obligāti, iespējota opcija “Cits”
Funkciju prioritāšu noteikšana
Etiķete: "Kādas ir jūsu trīs galvenās prioritātes?"
Palīdzības teksts: "Izvēlieties tieši 3 iespējas"
Iespējas:
- ☐ Ātrums/Veiktspēja
- ☐ Drošība
- ☐ Lietošanas ērtums
- ☐ Pielāgošana
- ☐ Klientu atbalsts
- ☐ Cena
- ☐ Integrācijas iespējas
- ☐ Mobilo ierīču saderība
Iestatījumi: Minimums 3, maksimums 3
Efektīvu opciju sarakstu izstrāde
Labu iespēju rakstīšana
Esi konkrēts
Neskaidrs: "Mārketinga pakalpojumi"
Specifiski: “Sociālo mediju mārketings”, “E-pasta mārketings”, “SEO”
Saglabājiet etiķetes kodolīgas
Pārāk ilgi: “Meklētājprogrammu optimizācijas pakalpojumi jūsu vietnei”
Labāk: "SEO pakalpojumi"
Izmantot paralēlo struktūru
Nekonsekvents:
- Web dizains
- Man nepieciešama SEO palīdzība
- saturs
Konsekventa:
- Web dizains
- SEO pakalpojumi
- Satura rakstīšana
Loģiski sakārtot
- Alfabētiskā secībā (gariem sarakstiem)
- Pēc popularitātes (vispirms visizplatītākie)
- Pēc kategoriju grupēšanas
- Pēc darbplūsmas secības
Cik daudz iespēju?
| Skaitīt | Ieteikums |
|---|---|
| 2-3 | Apsveriet, vai ir nepieciešamas izvēles rūtiņas |
| 4-7 | Ideāli piemērots izvēles rūtiņām |
| 8-12 | Izmantojiet režģa izkārtojumu, apsveriet grupēšanu |
| 12+ | Apsveriet vairāku atlases nolaižamo izvēlni vai kategorijas |
Validācijas ziņojumi
Obligāts lauks
"Lūdzu, izvēlieties vismaz vienu iespēju"
Minimālais limits nav sasniegts
“Lūdzu, atlasiet vismaz [X] opcijas”
Maksimālais pārsniegts
"Varat atlasīt ne vairāk kā [X] opcijas"
Pielāgoti ziņojumi
Pielāgojiet savam jautājumam:
- "Lūdzu, pastāstiet mums, kuri pakalpojumi jūs interesē"
- "Izvēlieties savas 3 galvenās prioritātes"
- "Izvēlieties vismaz vienu saziņas veidu"
Labākā pieredze
1. Vienmēr pievienojiet “Atlasīt visus piemērojamos”
Etiķetē vai palīdzības tekstā skaidri norādiet, ka ir atļauta vairākkārtēja atlase.
2. Atvērtajos jautājumos apsveriet iespēju “Cits”
Ja nevarat uzskaitīt visas iespējas, pievienojiet opciju “Cits”, izmantojot teksta ievadi.
3. Ja nepieciešams, izmantojiet “Nav”
Jautājumos, uz kuriem neviens no apgalvojumiem nav derīgs, norādiet to skaidri.
4. Pielāgojiet izkārtojumu saturam
- Īsas opcijas → Horizontāli vai Režģis
- Garas opcijas → Vertikāla
- Daudz iespēju → Režģis
5. Nepārbaudiet opcijas iepriekš
Ļaujiet lietotājiem veikt savas izvēles. Iepriekšēja pārbaude var:
- Sagrozīt rezultātus
- Jūtos manipulatīvs
- Pārkāpj GDPR attiecībā uz mārketinga piekrišanu
6. Nosakiet ierobežojumus, kad tas nepieciešams
Ja vēlaties prioritāšu noteikšanu, ierobežojiet atlasi:
- “Izvēlies 3 labākos”, ne vairāk kā 3
- Piespiež pārdomātas izvēles
7. Ar grupu saistītās opcijas
Gariem sarakstiem apsveriet vairāku izvēles rūtiņu lauku izmantošanu pa kategorijām, nevis vienu milzīgu sarakstu.
Mobilo ierīču apsvērumi
Pieskārienam draudzīgs dizains
- Pietiekami lieli pieskāriena mērķi
- Pietiekama atstarpe starp opcijām
- Noklikšķinot uz etiķetes, tiek atzīmēta rūtiņa.
Vēlamais vertikālais izkārtojums
Mobilo ierīču ekrānos:
- Horizontālie izkārtojumi neveikli aptver
- Vertikāli ir vieglāk lasīt
- Testēšana uz reālām ierīcēm
Problēmu novēršana
Opcijas netiek saglabātas
- Pārliecinieties, vai opcijas ir pievienotas pareizi
- Pārbaudiet tukšas rindas
- Saglabāt veidlapu un atsvaidzināt
Atlasīt visu, kas nedarbojas
- Pārbaudiet, vai funkcija ir iespējota
- Pārbaudiet JavaScript konfliktus
- Iztīrīt kešatmiņu
Izkārtojums netiek pareizi attēlots
- Pārbaudiet izkārtojuma iestatījumu
- Tēmas CSS var ignorēt
- Testēt ar noklusējuma tēmu
Biežāk uzdotie jautājumi
Cik daudz iespēju ir par daudz?
Vairāk nekā 12 iespējas kļūst pārāk sarežģītas. Apsveriet grupēšanu kategorijās, vairāku izvēles rūtiņu lauku izmantošanu vai pārslēgšanos uz vairāku atzīmju nolaižamo izvēlni.
Vai man vajadzētu izmantot izvēles rūtiņas vai vairāku elementu nolaižamo izvēlni?
Atzīmējiet izvēles rūtiņas, ja opciju ir maz (3–10) un vēlaties, lai tās visas būtu redzamas. Ja opciju ir daudz un vieta ir ierobežota, izmantojiet vairāku opciju nolaižamo sarakstu.
Vai varu iestatīt gan minimumu, gan maksimumu?
Jā. Piemērs: “Izvēlieties no 2 līdz 5 iespējām” ar min=2 un max=5.
Kā es varu panākt, lai tieši 3 būtu obligāti?
Iestatiet gan minimumu, gan maksimumu uz 3. Lietotājiem ir jāizvēlas tieši 3 opcijas.
Ko darīt, ja lietotājiem ir nepieciešama opcija, kas nav norādīta sarakstā?
Iespējojiet opciju “Cits”, kas nodrošina teksta lauku pielāgotām ierakstiem.
Kopsavilkums
Vairāku atlases izvēles rūtiņu sarakstu izveide:
- Pievienot izvēles rūtiņas lauku – Velciet, lai veidotu
- Uzrakstiet skaidru jautājumu – Iekļaujiet “atzīmējiet visus atbilstošos”
- Pievienojiet labi uzrakstītas opcijas – Kodolīgs, paralēls, sakārtots
- Izvēlieties atbilstošu izkārtojumu – Vertikāli, horizontāli vai režģa formā
- Konfigurēt atlases noteikumus – Obligāti, min./maks., ja nepieciešams
- Iespējot īpašās opcijas – Atlasīt Visu, Citu, Nevienu
- Tests mobilajā tālrunī – Nodrošiniet lietojamību
Secinājumi
Vairāku atzīmju izvēles rūtiņu saraksti ir būtiski vairāku preferenču, interešu un izvēļu apkopošanai. Ar pareizu opciju dizainu, atbilstošiem izkārtojumiem un viedām funkcijām, piemēram, “Atlasīt visu” un “Cits”, jūs izveidosiet lietotājam draudzīgus atlases laukus, kas apkopos nepieciešamos datus.
Automātiska veidlapu veidotāja Nodrošina pilnvērtīgus izvēles rūtiņu laukus ar vertikālu, horizontālu un režģa izkārtojumu, opciju “Atlasīt visu”, “Cits” ar teksta lodziņu, “Neviens no iepriekš minētajiem” un min./maks. atlases ierobežojumus. Viss nepieciešamais profesionāliem vairāku atzīmju jautājumiem.
Vai esat gatavs izveidot vairāku atlases veidlapu? Lejupielādēt automātisko veidlapu veidotāju un ļaujiet lietotājiem izvēlēties visus atbilstošos variantus.