Kako ustvariti spustne menije v obrazcih WordPress

Spustni meniji so delovni konji obrazcev. Izbira države, izbira kategorije, prednostna razvrstitev – kadar koli morajo uporabniki izbirati z vnaprej določenega seznama, spustni meniji pomagajo. Prihranijo prostor, standardizirajo podatke in uporabnike vodijo do veljavnih možnosti. Takole ustvarite učinkovite spustne menije v obrazcih WordPressa.

Zakaj uporabljati spustne menije?

Prednosti pred besedilnimi polji

• Standardizirani podatki: Brez tipkarskih napak ali različic
• Vodena izbira: Uporabniki vidijo razpoložljive možnosti
• Prostorsko učinkovita: Strnjeno, dokler ni bilo kliknjeno
• Prijazen do mobilnih naprav: Izvorni izbirnik na telefonih
• Hitrejši zaključek: Klik v primerjavi z vrsto

Prednosti pred radijskimi gumbi

• Boljše za dolge sezname: 6+ možnosti se prilegajo majhnemu prostoru
• Čistejši videz: Manj vizualne nereda
• Pomikanje: Obvladajte na desetine možnosti

Kdaj uporabiti spustne menije

• 6+ možnosti (manj = upoštevajte izbirne gumbe)
• Predhodno določene, znane možnosti
• Zahtevana je ena izbira
• Prostor je omejen
• Standardizacija podatkov je pomembna

Ustvarjanje osnovnega spustnega menija

1. korak: Dodajte spustno polje

1. Odprite obrazec v A.F.B.
2. Najdi Spustitev v vrstah polj
3. Povlecite v obrazec

2. korak: Konfigurirajte oznako

Oznaka: »Kako ste izvedeli za nas?« Nadomestno besedilo: »Izberite možnost ...« Obvezno: Da/Ne

3. korak: dodajte možnosti

Vsako možnost vnesite v novo vrstico:

Iskanje Google Družbeni mediji Prijatelj ali sodelavec Oglas Blog ali članek Drugo

4. korak: Predogled in testiranje

1. Shrani obrazec
2. Predogled na čelnem delu
3. Kliknite spustni meni za preverjanje možnosti
4. Oddajte testni vnos

Možnosti konfiguracije spustnega menija

Osnovne nastavitve

• Label: Vprašanje ali poziv
• Nadomestno besedilo: Privzeto besedilo (npr. »Izberi ...«)
• Zahtevano: Izbrati morate za oddajo
• Besedilo pomoči: Dodatna navodila

Možnosti Nastavitve

• Seznam možnosti: Razpoložljive možnosti
• Privzeto izbrano: Predizbrana možnost
• Iskanje: Vnesite za filtriranje
• Večkratna izbira: Izberite več

Dodajanje možnosti spustnega menija

Preprost seznam

Možnost 1 Možnost 2 Možnost 3 Možnost 4

Z vrednostmi, ki se razlikujejo od oznak

Eno razstavite, drugo shranite:

Prikaz: »Združene države« Vrednost: »ZDA« Prikaz: »Združeno kraljestvo« Vrednost: »UK«

Združene možnosti (Optgroups)

--- Severna Amerika --- Združene države Amerike Kanada Mehika --- Evropa --- Združeno kraljestvo Nemčija Francija

Veliko možnosti

Za dolge sezname upoštevajte:

• Abecedni vrstni red
• Najprej najpogostejše možnosti
• Iskanje omogočeno
• Logične skupine

Nadomestno besedilo

Kaj je nadomestno besedilo?

Besedilo, ki se prikaže, preden uporabnik izbere možnost:

[Izberite možnost ... ▼] ← Nadomestno besedilo

Dobri primeri nadomestnih besedil

"Izberite svojo državo ..." "Izberite kategorijo ..." "Izberite časovni okvir ..." "-- Izberite --" "Izberite eno"

Najboljše prakse za nadomestne označbe

• Naj bo kratek
• Jasno povejte, da gre za poziv
• Ne uporabljajte kot veljavno možnost
• Razmislite o obliki »– Izberi –«

Iskalni spustni meniji

Kaj je mogoče iskati?

Uporabniki lahko vnesejo besedilo za filtriranje možnosti:

[Vnesite iskalni niz ... ▼] Uporabniški tipi: "ger" Prikazuje: Nemčija, Alžirija, Niger

Kdaj omogočiti iskanje

• 20+ možnosti
• Seznami držav/zvezne države
• Katalogi izdelkov
• Vsak dolg seznam

Omogočanje iskanja

1. Izberite spustno polje
2. Poiščite možnost »Iskanje«
3. Preklopite na VKLOP

Iskalna uporabniška izkušnja

1. Uporabnik klikne spustni meni 2. Prikaže se vnos besedila 3. Uporabnik vnese delno ujemanje 4. Možnosti se filtrirajo v realnem času 5. Uporabnik izbere s filtriranega seznama

Spustni meniji z več izbirami

Enojna v primerjavi z večkratno izbiro

Ena izbira: Uporabnik izbere ENO možnost Večkratna izbira: Uporabnik izbere VEČ možnosti

Kdaj uporabiti večkratno izbiro

• »Izberite vse, kar velja«
• Več interesov/preferenc
• Izbira več kategorij
• Kdaj potrditvena polja zavzamejo preveč prostora

Omogočanje večkratne izbire

1. Izberite spustno polje
2. Poiščite »Dovoli več izbir«
3. Preklopite na VKLOP

Videz z več izbirami

[Spletno oblikovanje, SEO, trženje ▼] Izbrani elementi so prikazani kot oznake/čipi

Večkratna izbira z omejitvami

Kombiniraj z izbiro min/maks:

"Izberite 2–4 teme" Min: 2 Maks: 4

Primeri konfiguracije

Primer 1: Izbira države

Oznaka: »Država« Nadomestno besedilo: »Izberite svojo državo ...« Iskanje: Da Obvezno: Da Možnosti: [več kot 195 držav po abecednem vrstnem redu]

Primer 2: Vrsta poizvedbe

Oznaka: »O čem je vaše povpraševanje?« Nadomestno besedilo: »Izberite kategorijo ...« Obvezno: Da Možnosti: - Prodaja - Podpora - Obračunavanje - Partnerstvo - Tisk/Mediji - Drugo

Primer 3: Obseg proračuna

Oznaka: »Kakšen je vaš proračun?« Nadomestno besedilo: »Izberite obseg ...« Zahtevano: Ne Možnosti: - Pod 1,000 $ - 1,000 $ - 5,000 $ - 5,000 $ - 10,000 $ - 10,000 $ - 25,000 $ - 25,000 $+ - Še nisem prepričan

Primer 4: Časovni okvir

Oznaka: »Želeni čas sestanka« Nadomestno besedilo: »Izberite čas ...« Obvezno: Da Možnosti: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

Primer 5: Večkratni izbor interesov

Oznaka: »Teme zanimanja« Nadomestno besedilo: »Izberi teme ...« Večkratna izbira: Da Iskanje: Da Možnosti: - Tehnologija - Poslovanje - Trženje - Oblikovanje - Razvoj - Analitika - Varnost - Umetna inteligenca/strojno učenje

Primer 6: Združene storitve

Oznaka: »Katero storitev potrebujete?« Možnosti: --- Spletne storitve --- - Oblikovanje spletnih strani - Razvoj spletnih strani - E-trgovina --- Trženje --- - SEO - PPC - Družbeni mediji --- Podpora --- - Vzdrževanje - Gostovanje - Svetovanje

Privzeta izbira

Brez privzete nastavitve (priporočeno)

[Izberite možnost ... ▼]

Uporabnik mora aktivno izbrati. Najbolje za obvezna polja.

Predhodno izbrana privzeta vrednost

[Združene države Amerike ▼] ← Predhodno izbrano

Uporabite, kadar:

• Ena možnost je izjemno pogosta
• Pospeši izpolnjevanje obrazcev
• Obstaja logična privzeta vrednost

Privzeta nastavitev

1. Na seznamu možnosti označite privzeto možnost
2. Ali pa v nastavitvah nastavite »Privzeta vrednost«

Spustni meni v primerjavi z izbirnimi gumbi

Uporabite spustni meni, ko

• 6+ možnosti
• Dolg seznam (države, zvezne države)
• Prostor je omejen
• Možnosti so si podobne narave

Uporabite izbirne gumbe, ko

• 2-5 možnosti
• Vse možnosti morajo biti vidne
• Možnosti imajo opise
• Vizualna primerjava je pomembna

Vzporedna primerjava

SPUŠČAJNI MENI (6+ možnosti, skrite, dokler jih ne kliknete): [Izberite paket ... ▼] RADIJSKI GUMBJI (2–5 možnosti, vse vidne): ○ Brezplačno ○ Osnovno (9 USD/mesec) ○ Profesionalno (29 USD/mesec) ○ Podjetniško (Kontaktirajte nas)

Spustni meniji za oblikovanje

Privzeti videz

Spustni meniji podedujejo slog obrazcev:

• Barva/polmer obrobe
• Barva ozadja
• Družina/velikost pisave
• oblazinjenje

Možnosti oblikovanja po meri

• Ikona spustne puščice
• Videz izbranega elementa
• Stanja lebdenja možnosti
• Oblikovanje oznak z več izbirami

Mobilno oblikovanje

Izvorni spustni meniji za mobilne naprave:

• iOS: Izbirnik s kolescem
• Android: Izbirnik materialov
• Skladno z operacijskim sistemom

Najboljše prakse

1. Možnosti naročila logično

• Abecedno: Države, imena
• Številčno: Količine, razponi
• frekvenca: Najpogostejši prvi
• Kronološko: Časovni intervali, datumi

2. Možnosti naj bodo jedrnate

Dobro: »Združene države Amerike« Izogibajte se: »Združene države Amerike (ZDA)« Dobro: »1,000–5,000 USD« Izogibajte se: »Med tisoč in pet tisoč dolarji«

3. Vključite »Drugo«, kadar je to primerno

Možnosti: - Google - Facebook - LinkedIn - Priporočilo prijatelja - Drugo ← Ujame skrajne primere

4. Uporabite nadomestno besedilo, ne prve možnosti

Dobro: Nadomestno besedilo: »Izberi ...« Možnosti: Možnost 1, Možnost 2, Možnost 3 Izogibajte se: Možnosti: »Izberi ...«, Možnost 1, Možnost 2 (Prva možnost ne sme biti poziv)

5. Omogočite iskanje po dolgih seznamih

Iskanje bi moralo biti mogoče v vsakem spustnem meniju s 15–20+ možnostmi.

6. Upoštevajte zmogljivost nalaganja

Za izjemno dolge sezname (1000+) bo morda potrebno:

• Lažno nakladanje
• Iskanje na strani strežnika
• Razdelitev na podkategorije

Pogosti primeri uporabe spustnih menijev

Kontaktni obrazci

- Oddelek (prodaja, podpora, obračun) - Vrsta povpraševanja (vprašanje, povratne informacije, pritožba) - Kako ste izvedeli za nas

Registracijski obrazci

- Država - Zvezna država/provinca - Panoga - Velikost podjetja - Delovno mesto/vloga

Obrazci za naročila

- Izbira izdelka - Količina - Različice velikosti/barv - Način dostave

Anketni obrazci

- Lestvice ocenjevanja (1–10) - Pogostost (nikoli do vedno) - Strinjanje (sploh se ne strinjam do popolnoma se strinjam)

Obrazci za rezervacijo

- Vrsta storitve - Želeni datum - Časovni okvir - Trajanje

Odpravljanje težav

Spustni meni ne prikazuje možnosti

• Preverite, ali so možnosti shranjene
• Preverite, ali je seznam možnosti prazen
• Počisti predpomnilnik in osveži

Iskanje ne deluje

• Potrdite, da je iskanje omogočeno
• Preverite napake JavaScripta
• Preizkusite v drugem brskalniku

Večkratna izbira ne shrani vseh izbir

• Preverite, ali je omogočena možnost večkratne izbire
• Preverite ravnanje z oddajo obrazca
• Preizkusite z manj izbirami

Mobilni izbirnik se ne prikazuje

• Oblikovanje po meri lahko preglasi izvorno besedilo
• Preizkus na dejanski mobilni napravi
• Preverjanje konfliktov JavaScripta

Dostopnost

Navigacija po tipkovnici

• S tabulatorjem se spustite v spustni meni s tipko Tab za fokus.
• Puščične tipke za navigacijo
• Enter/Preslednica za izbiro
• Vtipkajte prvo črko za skok

Bralniki zaslona

• Oznaka pravilno povezana
• Napovedane možnosti
• Izbor potrjen

Najboljše prakse

• Jasne, opisne oznake
• Logični vrstni red možnosti
• Izogibajte se nadomestnemu besedilu kot edinemu navodilu

Povzetek

Ustvarjanje spustnih menijev:

1. Dodaj spustno polje – Povlecite v obrazec
2. Nastavi oznako – Jasno vprašanje/poziv
3. Dodaj nadomestno besedilo – Besedilo »Izberi ...«
4. Vnesite možnosti – Ena na vrstico
5. Omogoči iskanje – Za dolge sezname
6. Omogoči večkratno izbiro – Če je potrebnih več možnosti
7. Zahtevan nastavitev – Glede na potrebe obrazca
8. Temeljito preizkusite – Vse možnosti, vse naprave

zaključek

Spustni meniji učinkovito obravnavajo izbiro možnosti v obrazcih. Prihranijo prostor, standardizirajo podatke in dobro delujejo na različnih napravah. Za kratke sezname razmislite o izbirnih gumbih. Za dolge sezname omogočite iskanje. Za več izbir uporabite način večkratne izbire. Pravilna konfiguracija naredi spustne menije močna vnosna polja, ki izboljšajo tako uporabniško izkušnjo kot kakovost podatkov.

Samodejni graditelj obrazcev Vključuje spustna polja s polnimi funkcijami, možnostjo iskanja, možnostjo več izbir in prilagojenim oblikovanjem. Ustvarite profesionalne izbirne menije v nekaj minutah.

Ste pripravljeni dodati spustne menije? Prenesite samodejni graditelj obrazcev in začnite graditi obrazce s spustnimi meniji še danes.