Iskalni spustni meniji: ustvarjanje dolgih seznamov, prijaznih uporabniku

Spustni meni z 200 državami. Seznam 50 zveznih držav. Na stotine možnosti izdelkov. Pomikanje po dolgih spustnih seznamih je frustrirajoče – in povzroča opustitev obrazca.

Iskalni spustni meniji To rešite tako, da uporabnikom omogočite takojšnje filtriranje možnosti s tipkanjem. Namesto pomikanja vtipkajo »lahko« in na vrhu vidijo Kanado.

V tem priročniku se boste naučili, kdaj uporabiti spustne menije z možnostjo iskanja in kako jih nastaviti v obrazcih WordPressa.

Težava z dolgimi spustnimi meniji

Standardni spustni meniji postanejo neuporabni, ko se možnosti povečajo:

Težave z uporabniško izkušnjo

• Neskončno drsenje – Če na abecednem seznamu držav najdete »Združene države«, se morate pomakniti mimo več kot 180 držav.
• Mobilna nočna mora – Majhna območja za pomikanje na zaslonih na dotik
• Zamudno – Uporabniki porabijo več kot 10 sekund za iskanje ene možnosti
• Nagnjeni k napakam – Enostavno je pomotoma izbrati napačen element
• Frustrirajoče – Ponavlja se za več spustnih polj

Ko spustni meniji postanejo problematični

Kako delujejo spustni meniji, ki jih je mogoče iskati

Iskalni spustni meni združuje vnos besedila s spustnim seznamom:

1. Uporabnik klikne spustno polje
2. Prikaže se iskalno polje (ali pa polje samo postane dostopno za iskanje)
3. Uporabnik vnese nekaj znakov
4. Možnosti filtriranja v realnem času, da se ujemajo z vnosom
5. Uporabnik izbere iz filtriranega ožjega seznama

Primer: Izbira države

Brez iskanja: Prebrskajte več kot 200 držav, da najdete »Nemčijo«

Z iskanjem: Vtipkajte »ger« → glejte Nemčija, Alžirija, Nigerija → kliknite Nemčija

Prihranjen čas: 10+ sekund → 2 sekundi

Pogosti primeri uporabe spustnih menijev, po katerih je mogoče iskati

Izbira države

Klasični primer. V več kot 195 državah je iskanje bistvenega pomena:

• Vtipkajte »uni« → Združene države Amerike, Združeno kraljestvo, Združeni arabski emirati
• Vnesite “aus” → Avstralija, Avstrija
• Vtipkajte »novo« → Nova Zelandija, Nova Kaledonija

Izbira zvezne države/province

50 ameriških zveznih držav, 13 kanadskih provinc oziroma regij po vsem svetu:

• Vtipkajte »cal« → Kalifornija
• Vtipkajte »novo« → New York, New Jersey, New Hampshire, Nova Mehika

Kategorije izdelkov

Spletna mesta za e-trgovino s stotinami vrst izdelkov:

• Vtipkajte »prenosnik« → Prenosniki, Dodatki za prenosnike, Torbe za prenosnike
• Vtipkajte »telefon« → Telefoni, Ovitki za telefone, Polnilniki za telefone

Delovna mesta/panoge

Karierni obrazci z obsežnimi seznami delovnih mest:

• Vtipkajte »inženir« → Inženir programske opreme, Gradbeni inženir, Strojni inženir
• Vtipkajte »trg« → Vodja trženja, Tržni analitik, Specialist za tržišče

jeziki

Jezikovne nastavitve z več kot 100 možnostmi:

• Vtipkajte »span« → španščina
• Vtipkajte »brada« → kitajščina (poenostavljena), kitajščina (tradicionalna)

Univerze/šole

Seznami izobraževalnih ustanov:

• Vtipkajte »harvard« → Univerza Harvard
• Vtipkajte »MIT« → Tehnološki inštitut Massachusettsa

Časovni pasovi

Več kot 400 možnosti časovnih pasov:

• Vtipkajte »pacifiški« → Pacifik/Auckland, Pacifik/Honolulu, ZDA/Pacifik
• Vtipkajte »new york« → Amerika/New_York

Nastavitev spustnih menijev z možnostjo iskanja

Takole ustvarite spustne menije, po katerih je mogoče iskati Samodejni graditelj obrazcev:

1. korak: Namestitev programa Auto Form Builder

1. Pojdi na Vtičniki → Dodaj novega
2. Išči "A.F.B.” (kratko ime za Samodejni graditelj obrazcev)
3. Najti "AFB – Samodejni graditelj obrazcev – Ustvarjalec obrazcev s funkcijo »povleci in spusti«"
4. klik Namesti zdaj, Potem Aktivirajte

2. korak: Dodajte spustno polje

1. Ustvarite ali uredite svoj obrazec
2. Povlecite Spustitev polje na vaš obrazec
3. Kliknite, da odprete nastavitve

3. korak: Dodajte svoje možnosti

Vnesite seznam možnosti. Za dolge sezname lahko:

• Ročno vtipkajte – Vnesite vsako možnost eno za drugo
• Dodajanje v večjem obsegu – Prilepite seznam možnosti (eno v vsako vrstico)

4. korak: Omogočite iskanje

V spustnem meniju z nastavitvami poiščite Išči or Omogoči iskanje možnost. VKLOPITE.

Spustni meni bo zdaj vključeval polje za iskanje/filtriranje, ki filtrira možnosti med tipkanjem uporabnikov.

5. korak: Konfigurirajte vedenje iskanja

Glede na vaš graditelj obrazcev imate morda možnosti, kot so:

• Najmanj znakov – Začni filtriranje po vnosu X znakov
• Iskalni položaj – Ujemanje od začetka možnosti ali kjer koli
• Besedilo nadomestnega znaka – »Vtipkajte za iskanje ...« ali »Išči države ...«

Najboljše prakse za spustna polja

1. Vedno omogočite iskanje za več kot 20 možnosti

Če ima vaš spustni meni več kot 20 možnosti, omogočite iskanje. Tako preprosto je. Uporabniki vam bodo hvaležni.

2. Uporabite jasno besedilo nadomestnega besedila

Povejte uporabnikom, da lahko iščejo:

• »Izberite državo (vnesite besedilo za iskanje)«
• "Izberi svojo državo ..."
• »Išči ali izberi ...«

3. Možnosti naročila logično

Tudi pri iskanju je vrstni red možnosti pomemben:

• Po abecednem vrstnem redu – Najboljše za imena (države, zvezne države)
• Najpogostejši prvi – Priljubljene možnosti postavite na vrh (ZDA, Združeno kraljestvo, Kanada)
• Združeni – Kategorije z ločili

4. Vključite pogoste različice

Uporabniki lahko iščejo:

• „ZDA“ ali „Združene države Amerike“ ali „ZDA“ ali „Amerika“
• „Združeno kraljestvo“ ali „Britanija“ ali „Anglija“

Če je mogoče, vključite običajne okrajšave ali različice, ki se preslikajo na isto možnost.

5. Preizkusite na mobilni napravi

Iskalni spustni meniji bi morali na napravah na dotik delovati gladko:

• Iskalni vnos je enostavno dotikati
• Za tipkanje se prikaže tipkovnica
• Možnosti so dovolj velike za natančno tapkanje

Kdaj NE uporabljati spustnih menijev z možnostjo iskanja

Iskalni spustni meniji niso vedno rešitev:

Ožji seznami (manj kot 10 možnosti)

Za 5–10 možnosti je standardni spustni meni hitrejši. Ni treba tipkati, ko lahko vidite vse naenkrat.

Ko uporabniki ne poznajo natančnega izraza

Iskanje od uporabnikov zahteva, da vedo, kaj vtipkati. Če brskajo/raziskujejo možnosti, bi lahko bolje deloval kategoriziran seznam ali izbirni gumbi.

Da/Ne ali binarne izbire

Namesto tega uporabite izbirne gumbe. Dve možnosti sploh ne potrebujeta spustnega menija.

Številski razponi

Za starostne skupine ali izbiro količine upoštevajte:

• Polje za vnos številke
• Drsnik
• Kratek spustni meni (1–10)

Alternative iskalnim spustnim menijem

Glede na vaše podatke razmislite o teh alternativah:

Polje za samodejno dokončanje besedila

Uporabnik lahko prosto tipka, predlogi se prikažejo spodaj. Dobro, kadar uporabniki vnesejo vrednosti, ki niso na vašem seznamu.

Kaskadni spustni meniji

Razdeli en dolg seznam na dva krajša:

• Prvi spustni meni: Izberite celino
• Drugi spustni meni: Izberite državo (filtrirano po celini)

Radijski gumbi z možnostjo »Drugo«

Prikažite prvih 5–7 možnosti kot izbirne gumbe z možnostjo »Drugo«, ki razkrije besedilno polje.

Združene/kategorizirane možnosti

Za organiziranje možnosti po kategorijah uporabite optgroups:

• Severna Amerika
  • Kanada
  • Mexico
  • Združene države Amerike
• Evropa
  • Francija
  • Nemčija
  • Anglija

Seznami vnaprej pripravljenih možnosti

Ne izumljajte kolesa na novo. Tukaj so običajni seznami, ki jih boste potrebovali:

Držav

195 držav članic ZN in ozemelj. Razmislite o tem, da bi na vrh postavili skupne države (ZDA, Združeno kraljestvo, Kanada, Avstralija) in nato po abecedi.

ZDA

50 zveznih držav ter DC in ozemlja. Abecedno urejanje deluje dobro.

Kanadske province

13 provinc in ozemelj. Dovolj kratko, da iskanje ni obvezno.

Časovni pasovi

Uporabite standardne identifikatorje časovnih pasov (Amerika/New_York, Evropa/London). Združite po regijah.

jeziki

Jezikovne kode ISO z imeni za prikaz. Najprej navedite običajne jezike.

Industries

Standardni seznami klasifikacij panog (NAICS, SIC) ali seznami po meri za vaše občinstvo.

Upoštevanje učinkovitosti

Zelo veliki seznami (več kot 1000 možnosti)

Za izjemno velike sezname:

• Možnosti nalaganja na zahtevo – Pridobi s strežnika, ko uporabnik vnaša
• Nastavite najmanjše število znakov – Pred iskanjem je potrebnih 2–3 znakov
• Omeji prikazane rezultate – Prikažite 20 najboljših tekem, ne vseh 500

Vpliv nalaganja strani

Dolgi seznami možnosti povečajo velikost strani. Za sezname z več kot 500 možnostmi upoštevajte:

• Možnosti nalaganja prek AJAX-a
• Razdelitev na kaskadne spustne menije
• Uporaba iskanja na strani strežnika

Dostopnost

Zagotovite dostop do spustnih menijev, po katerih je mogoče iskati:

Navigacija po tipkovnici

• S tabulatorjem se osredotočite na polje
• Vnesite za iskanje
• Puščične tipke za navigacijo po možnostih
• Enter za izbiro
• Pobeg za zapiranje

Bralniki zaslona

• Pravilne oznake ARIA
• Objavite število rezultatov
• Naznani izbrano možnost

Vizualni kazalci

• Jasna stanja fokusa
• Označena trenutna možnost
• Indikator nalaganja med iskanjem

Pogosto zastavljena vprašanja

Koliko možnosti imam, preden moram iskati?

Omogočite iskanje za kateri koli spustni meni z več kot 20 možnostmi. Za več kot 50 možnosti je iskanje bistveno. Nekateri uporabniki cenijo iskanje celo za 10–15 možnosti.

Ali se mora iskanje ujemati od začetka ali kjerkoli?

Ujemanje »povsod« je bolj prizanesljivo. Iskanje »york« najde »New York«. Ujemanje samo na začetku je hitrejše za znane izraze.

Ali se lahko uporabniki še vedno pomikajo po vseh možnostih?

Da, v spustnih menijih, ki omogočajo iskanje, se običajno na začetku prikaže celoten seznam. Iskanje ga sicer filtrira navzdol, vendar se lahko uporabniki še vedno pomikajo po njem, če želijo.

Kaj pa, če uporabniki napačno črkujejo iskalno poizvedbo?

Osnovno iskanje ne obravnava tipkarskih napak. Za pomembna polja (kot je država) se prepričajte, da so zajete pogoste napačne črkovalne napake, ali pa uporabite mehko ujemanje, če je na voljo.

Ali spustni meniji, ki jih je mogoče iskati, delujejo na mobilnih napravah?

Da, in na mobilnih napravah so pogosto boljši od standardnih spustnih menijev, ker je tipkanje hitrejše kot pomikanje po dolgem seznamu z majhnim območjem za pomikanje.

Povzetek

Naredite dolge spustne sezname uporabniku prijazne:

1. Prepoznajte dolge sezname – Kateri koli spustni meni z več kot 20 možnostmi
2. Omogoči iskanje – Naj uporabniki vnesejo podatke za filtriranje
3. Uporabite prozorne nadomestne znake – »Vtipkaj za iskanje…«
4. Logično razporedite – Najprej priljubljeni artikli, nato po abecednem vrstnem redu
5. Preizkus na mobilni napravi – Zagotavlja gladko izkušnjo na dotik
6. Razmislite o drugih možnostih – Kaskadni spustni meniji, združene možnosti

zaključek

Dolgi spustni seznami zmanjšujejo stopnjo izpolnjevanja obrazcev. Iskalni spustni meniji spremenite izkušnjo – uporabniki najdejo svojo možnost v nekaj sekundah, namesto da bi se morali nenehno pomikati po strani.

Ne glede na to, ali gre za države, zvezne države, izdelke ali kateri koli seznam z več kot 20 možnostmi, dodajanje funkcije iskanja pospeši in poenostavi ustvarjanje obrazcev.

Samodejni graditelj obrazcev omogoča ustvarjanje spustnih polj z možnostjo iskanja, kar uporabnikom pomaga hitro najti, kar iščejo, tudi na najdaljših seznamih.

Ste pripravljeni izboljšati svoje forme? Prenesite samodejni graditelj obrazcev in poskrbite, da bodo vaši spustni seznami uporabniku prijazni še danes.