Mitme valikuga rippmenüüd: valige mitu valikut

Standardsed rippmenüüd sunnivad kasutajaid valima ainult ühe valiku. Aga mis siis, kui nad peavad valima mitu? Teenused, mis neid huvitavad, päevad, millal need on saadaval, funktsioonid, mida nad soovivad – paljudel küsimustel on mitu kehtivat vastust. Mitmikvaliku rippmenüüd võimaldavad kasutajatel valida mitu valikut ühelt ruumisäästlikult väljalt.

Selles juhendis saate teada, kuidas luua mitme valikuga rippmenüüsid, mis võimaldavad kasutajatel teie WordPressi vormides valida mitu valikut.

Mis on mitmikvaliku rippmenüü?

Standardne rippmenüü

• Klõpsake valikute avamiseks
• Vali ÜKS variant
• Rippmenüü sulgub
• Üks salvestatud väärtus

Mitme valiku rippmenüü

• Klõpsake valikute avamiseks
• Valige MITU valikut
• Jääb avatuks suurema valiku jaoks
• Salvestatud mitu väärtust

Visuaalne erinevus

Standard:

Teenused: [Veebidisain ▼] (Ainult üks valik)

Mitmikvalik:

Teenused: [Veebidisain, SEO, Turundus ▼] (Kuvatakse mitu valikut)

Millal kasutada mitmikvaliku rippmenüüsid

Täiuslik

• Huvitatud teenused: „Valige kõik vajalikud teenused”
• Saadaval olevad päevad: "Millised päevad sulle sobivad?"
• Soovitud omadused: „Valige funktsioonid, mis teid huvitavad”
• Kategooriad: „Valige kõik sobivad”
• Oskused/teadmised: "Millised on teie oskused?"
• Eelistused: „Valige oma eelistused”

Millal kasutada märkeruute

Otsustusjuhend

• 2–6 valikut: Kasutage märkeruute
• 7–15 valikut: Mitme valikuga rippmenüü
• 15+ valikut: Mitmikvalik otsingu abil

Mitme valikuga rippmenüüde loomine

1. samm: rippmenüü lisamine

1. Ava oma vorm rakenduses A.F.B.
2. Lohista Rippmenüü väli teie vormile
3. Klõpsake sätete konfigureerimiseks

2. samm: luba mitmikvalik

1. Leidke suvand „Luba mitu valikut”
2. Lülita SISSE
3. Rippmenüü aktsepteerib nüüd mitut valikut

3. samm: lisage valikud

Sisesta iga valik uuele reale:

Veebidisain SEO Sisuhaldus Sotsiaalmeedia E-posti turundus PPC reklaam Brändingu analüüs

4. samm: konfigureerige sätted

• Valmistaja: "Huvitatud teenused"
• Kohatäide: „Valige kõik sobivad”
• nõutav: Vajadusel vahetatav
• Abitekst: „Hoidke all Ctrl/Cmd, et valida mitu” (vajadusel)

5. samm: valikupiiride määramine (valikuline)

• Minimaalsed valikud: Vähemalt X valikut
• Maksimaalne valikute arv: Mitte rohkem kui X valikut

Mitme valiku konfiguratsiooni näited

Teenuste valik

Valmistaja: "Millised teenused teid huvitavad?"

Kohatäide: „Valige kõik sobivad”

nõutav: Jah

Minimaalsed valikud: 1

Valikud:

• Website Design
• Veebisaidi arendamine
• E-kaubandus
• SEO
• Sisu kirjutamine
• Sotsiaalmeedia haldamine
• Email Marketing
• Tasuline reklaam
• Branding
• Nõustamine

Saadaval olevad päevad

Valmistaja: "Mis päevadel te saadaval olete?"

Kohatäide: „Valige saadaolevad päevad”

nõutav: Jah

Minimaalsed valikud: 1

Valikud:

• Esmaspäev
• Teisipäev
• Kolmapäev
• Neljapäev
• Reede
• Laupäev
• Pühapäev

Oskused/ekspertiis

Valmistaja: "Valige oma eriala"

Kohatäide: „Valige kõik sobivad”

nõutav: Jah

Minimaalsed valikud: 1

Maksimaalne valikute arv: 5

Valikud:

• JavaScript
• Python
• PHP
• Reageerima
• Vue.js
• Node.js
• WordPress
• Database Management
• DevOps
• UI/UX disain

Dieedipiirangud

Valmistaja: "Kas on mingeid toitumispiiranguid?"

Kohatäide: „Valige, kui see on kohaldatav”

nõutav: Ei

Valikud:

• Taimetoitlane
• Vegan
• Gluteenivaba
• Piimavaba
• Pähkli allergia
• Kosher
• Halal
• Piiranguteta

Suhtluseelistused

Valmistaja: "Kuidas te soovite, et me teiega ühendust võtaksime?"

Kohatäide: "Valige eelistatud meetodid"

nõutav: Jah

Minimaalsed valikud: 1

Valikud:

• E-POST
• Telefonikõnede
• Tekstisõnum
• WhatsApp
• Video Call

Ürituse huvid

Valmistaja: "Millised sessioonid teid huvitavad?"

Kohatäide: „Vali sessioonid, milles osaleda”

nõutav: Jah

Minimaalsed valikud: 1

Valikud:

• Peakõne
• Töötuba A: Turundus
• Töötuba B: Müük
• Töötuba C: Tehnoloogia
• Paneeldiskussioon
• Võrgustiku loomine Lõunasöök
• lõputseremoonia

Valikupiirid

Minimaalsed valikud

Miks seda kasutada:

• Veenduge, et olete valinud vähemalt ühe valiku
• Nõua mitut vastust
• Sisulise sisendi valideerimine

Levinumad seaded:

• Min 1: „Vali vähemalt üks”
• Min 2: „Vali vähemalt kaks valikut”
• 3. minut: „Vali oma 3 parimat”

Maksimaalne valik

Miks seda kasutada:

• Piira fookuse valikuid
• "Vali oma kolm parimat"
• Ressursipiirangud
• Vältige käitumist „vali kõik”

Levinumad seaded:

• Maksimaalselt 3: „Vali kuni 3”
• Max 5: „Vali mitte rohkem kui 5”
• Maksimaalselt saadaolevaid vasteid

Valideerimissõnumid

• "Palun vali vähemalt üks variant"
• "Palun vali vähemalt 3 valikut"
• "Saate valida maksimaalselt viis valikut."
• "Palun valige 2 kuni 5 valiku vahel"

Kasutajakogemuse kaalutlused

Selged juhised

Sildil:

• „Valige kõik sobivad”
• „Vali mitu valikut”
• "Vali oma kolm parimat"

Kohatäite asemel:

• „Klõpsake mitme valimiseks…“
• „Vali valikud…“

Abitekstis:

• "Saate valida mitu valikut"
• "Valige 1–5 valikut"
• „Mitme valimiseks hoidke all Ctrl-klahvi (Macis Cmd-klahvi)”

Näita valitud arvu

Kuva valitud üksuste arv:

• "Valitud on 3 eset"
• „Veebidisain, SEO ja veel 2”
• Praeguste valikute selge visuaalne kuvamine

Lihtne valiku tühistamine

• Valiku tühistamiseks klõpsake valitud üksusel
• Iga valitud üksuse juures nupp „X”
• Valik „Tühjenda kõik”

Otsi pikki loendeid

10+ valiku jaoks lisa otsing:

• Filtreerimisvalikute sisestamiseks tippige
• Leia esemeid kiiresti
• Hädavajalik enam kui 20 valiku jaoks

Mitmikvalik vs. muud väljatüübid

Mitme valikuga rippmenüü vs. märkeruudud

Valige mitmikvalik, kui:

• 7+ valikut
• Piiratud vormiruum
• Valikud ei pea kõik nähtavad olema
• Soovitakse puhtamat visuaalset välimust

Märkeruutude valimine järgmistel juhtudel:

• 6 või vähem valikut
• Kasutajad peaksid nägema kõiki valikuid
• Kiire skaneerimine on oluline
• Eelistatud on lihtsam suhtlus

Mitmikvalik vs. mitu üksikut rippmenüüd

Halb lähenemine:

Esimene valik: [Rippmenüü] Teine valik: [Rippmenüü] Kolmas valik: [Rippmenüü]

Parem lähenemine:

Valige oma valikud: [Mitme valiku rippmenüü] (maksimaalselt 3 valikut)

Mitmikvalik vs. raadionupud

Raadionupud = ainult üks valik. Ärge kunagi kasutage neid mitmikvastuste puhul.

Mobiilseadmetega seotud kaalutlused

Puutetundlik valik

• Suured puudutuseesmärgid
• Lihtne valida/valiku tühistada
• Selge visuaalne tagasiside

Natiivne vs. kohandatud

• Natiivne mitmikvalik võib mobiilis ebamugav olla
• Kohandatud rippmenüüd on sageli paremad kasutajakogemuse jaoks
• Kaaluge märkeruutu mobiilseadmes

Valitud üksuste kuvamine

• Kuva valikud selgelt
• Ärge ajage konteinerit üle
• „3 valitud” vs kõigi nimede loetlemine

Andmetöötlus

Kuidas andmeid salvestatakse

Mitu valikut salvestatakse tavaliselt järgmiselt:

• Komaga eraldatud: „Veebidisain, SEO, turundus”
• Massiiv: [„Veebidisain”, „SEO”, „Turundus”]
• Üksikud kirjed valiku kohta

Meiliteatised

Teavitusmeilides:

Teenused, millest olete huvitatud: - Veebidisain - SEO - Sisuturundus

CSV-eksport

Eksporditud kui:

• Üks veerg: „Veebidisain, SEO, turundus”
• Või mitu veergu valiku kohta

Esildiste filtreerimine

• Filtreeri konkreetse valiku järgi
• Leia kõik, kes valisid „SEO”
• Kasulik segmenteerimiseks

Ühised mustrid

Muster 1: Nõutav mitmikvalik

Vajalikud teenused (vali vähemalt üks): [Mitme valikuga rippmenüü] Nõutav: Jah Min: 1

Muster 2: Piiratud valik

Valige oma 3 peamist prioriteeti: [Mitme valiku rippmenüü] Min: 3 Max: 3

Muster 3: Valikuline mitmikvalik

Kas on mingeid toitumispiiranguid? (valikuline) [Mitme valiku rippmenüü] Nõutav: Ei

Muster 4: „Vali kõik” piirangutega

Millised funktsioonid teid huvitavad? (maksimaalselt 5) [Mitme valiku rippmenüü] Maks: 5 Abitekst: "Valige kuni 5 funktsiooni"

kättesaadavus

Klaviatuuril navigeerimine

• Rippmenüüsse jõudmiseks puudutage tabulaatorit
• Nooleklahvid valikute navigeerimiseks
• Valimiseks/valiku tühistamiseks tühik/Enter
• Valiku juurde liikumiseks tippige

Ekraanilugeja tugi

• Kuuluta „vali mitu” või „vali mitu”
• Loe valitud arvu
• Teata valiku muudatustest

Tühjenda sildid

• Silt näitab, et mitu valikut on lubatud
• „Valige kõik sobivad”
• „Vali mitu valikut”

Näpunäited stiilimise kohta

Valitud üksuste kuvamine

• Sildid/kiibid iga valiku kohta
• Selge visuaalne eristamine
• Eemaldage nupp igalt

Rippmenüü välimus

• Valitud üksuste kõrval olevad linnukesed
• Valitud elementide esiletõstetud taust
• Tühjenda hõljumisolekud

Järjepidev disain

• Sobita teiste vormiväljade stiilidega
• Sama ääris, täitevärv, värvid
• Kooskõlas üksikute rippmenüüdega

Probleemid

Valikud ei salvestu

• Veenduge, et mitmikvalik oleks lubatud
• Kontrollige vormi esitamise käitlemist
• Test vormi eelvaatega

Saab valida ainult ühe

• Mitmikvaliku suvand pole lubatud
• Kontrolli välja seadeid
• Võib-olla kasutatakse valet väljatüüpi

Valideerimine ei tööta

• Min/max sätete kontrollimine
• Märkige vajalik lüliti
• Testige erinevaid valikute arvusid

Kuvaprobleemid mobiilseadmetes

• Testi päris mobiilseadmes
• Kontrollige rippmenüü laiust
• Veenduge, et valikud oleksid nähtavad

Korduma kippuvad küsimused

Mitu valikut saavad kasutajad valida?

Vaikimisi piiramatu. Määrake maksimum, kui soovite valikuid piirata (nt „Vali kuni 3”).

Kas peaksin kasutama mitmikvalikut või märkeruute?

Märkeruudud 6 või vähema valiku jaoks (kõik nähtavad). Valige mitu valikut 7 või vähema valiku korral või kui ruum on piiratud.

Kas ma saan nõuda minimaalset valikute arvu?

Jah. Määrake minimaalsed valikud, et tagada kasutajatele vähemalt X valiku valimine.

Kuidas salvestatakse mitu valikut?

Tavaliselt komadega eraldatud väärtustena või massiivina. Kuvatakse esitatud failides ja eksportides loendina.

Kas ma saan rippmenüüsse otsingu lisada?

Paljud vormide koostajad toetavad otsitavaid rippmenüüsid. Hädavajalik enam kui 15 valiku puhul.

kokkuvõte

Mitme valikuga rippmenüüde loomine:

1. Lisa rippmenüü väli – Esimene standardne rippmenüü
2. Luba mitmikvalik – Luba mitu valikut
3. Lisa valikuid – Kõik saadaolevad valikud
4. Määra selge silt – „Valige kõik sobivad”
5. Lisa kohatäide – Juhendage kasutajaid valima
6. Valikupiiride määramine – Vajadusel min/max
7. Lisa abitekst – Selgitage valikureegleid
8. Testige põhjalikult – Erinevad valikuarvud

Järeldus

Mitme valikuga rippmenüüd lahendavad elegantselt probleemi „vali mitu”. Need säästavad ruumi võrreldes pikkade märkeruutude loenditega, hoiavad vormid korras ja võimaldavad kasutajatel valida täpselt seda, mis neile kehtib. Kasutage neid teenuste, päevade, funktsioonide, eelistuste jaoks – iga küsimuse jaoks, millele on mitu kehtivat vastust ja loend on märkeruutude jaoks liiga pikk.

Automaatne vormide koostaja toetab mitme valikuga rippmenüüsid valikupiirangute ja otsitavate suvanditega. Looge paindlikke vorme, mis koondavad mitu valikut ühte kasutajasõbralikku väljale.

Kas olete valmis mitme valikuga vormide jaoks? Laadige alla automaatne vormide koostaja ja laske kasutajatel hõlpsalt mitu valikut valida.