Otsitavad rippmenüüd: pikkade nimekirjade kasutajasõbralikuks muutmine

Otsitavad rippmenüüd

200 riigiga rippmenüü. 50 osariigi loend. Sadu tootevalikuid. Pikkade rippmenüüde sirvimine on tüütu ja põhjustab vormist loobumist.

Otsitavad rippmenüüd Lahendage see, lastes kasutajatel filtreerimisvalikuid koheselt sisestada. Kerimise asemel tippivad nad sõna „can“ ja näevad ülaosas Kanadat.

Selles juhendis saate teada, millal kasutada otsitavaid rippmenüüsid ja kuidas neid oma WordPressi vormides seadistada.

Pikkade rippmenüüde probleem

Standardsed rippmenüüd muutuvad valikute suurenedes kasutuskõlbmatuks:

Kasutajakogemusega seotud probleemid

  • Lõputu kerimine – Tähestikulises riikide loendis „Ameerika Ühendriigid” leidmine tähendab enam kui 180 riigi vahel kerimist
  • Mobiilne õudusunenägu – Pisikesed kerimisalad puutetundlikel ekraanidel
  • Aega võttev – Kasutajad kulutavad ühe valiku leidmisele 10+ sekundit
  • Veaohtlik – Lihtne kogemata vale eseme valida
  • Pettumus – Kordub mitme rippmenüüvälja puhul

Kui rippmenüüd muutuvad problemaatiliseks

Valikute arv User Experience
5-10 võimalust ✅ Lihtne skannida
10-20 võimalust ⚠️ Hallatav
20-50 võimalust ⚠️ Läheb tüütuks
50+ valikut ❌ Vajab otsingut
100+ valikut ❌ Otsing on oluline

Kuidas otsitavad rippmenüüd töötavad

Otsitav rippmenüü ühendab tekstisisestuse rippmenüüga:

  1. Kasutaja klõpsab rippmenüül
  2. Ilmub otsinguväli (või väli ise muutub otsitavaks)
  3. Kasutaja trükib paar tähemärki
  4. Valikud filtreeritakse reaalajas sisendile vastavaks
  5. Kasutaja valib filtreeritud lühiloendist

Näide: Riigi valik

Ilma otsinguta: „Saksamaa” leidmiseks kerige läbi enam kui 200 riigi

Otsingu abil: Tippige „ger” → vaadake Saksamaa, Alžeeria, Nigeeria → klõpsake Saksamaa

Säästetud aeg: 10+ sekundit → 2 sekundit

Otsitavate rippmenüüde levinumad kasutusjuhud

Riigi valik

Klassikaline näide. 195+ riigi puhul on otsing hädavajalik:

  • Sisesta „uni“ → Ameerika Ühendriigid, Ühendkuningriik, Araabia Ühendemiraadid
  • Sisestage "aus" → Austraalia, Austria
  • Tippige „uus” → Uus-Meremaa, Uus-Kaledoonia

Osariigi/provintsi valik

50 USA osariiki, 13 Kanada provintsi või piirkonda üle maailma:

  • Tippige „cal“ → California
  • Tippige „uus“ → New York, New Jersey, New Hampshire, New Mexico

TOOTEKATEGOORIAD

E-kaubanduse saidid sadade tootetüüpidega:

  • Tüüp „laptop” → Sülearvutid, Sülearvuti lisatarvikud, Sülearvutikotid
  • Tippige „telefon” → Telefonid, telefoniümbrised, telefonilaadijad

Ametinimetused/valdkonnad

Karjäärivormid ulatuslike töökohtade nimekirjadega:

  • Tüüp „insener” → Tarkvarainsener, Ehitusinsener, Mehaanikainsener
  • Tüüp „turg” → Turundusjuht, Turuanalüütik, Turuplatsi spetsialist

Keeled

Keele-eelistus enam kui 100 valikuga:

  • Tippige „span“ → hispaania keel
  • Tippige „lõug“ → hiina keel (lihtsustatud), hiina keel (traditsiooniline)

Ülikoolid/Koolid

Haridusasutuste nimekirjad:

  • Tippige „harvard” → Harvardi Ülikool
  • Sisesta „MIT” → Massachusettsi Tehnoloogiainstituut

Ajatsoonid

400+ ajavööndi valikut:

  • Sisesta „Vaikne ookean” → Vaikne ookean/Auckland, Vaikne ookean/Honolulu, USA/Vaikne ookean
  • Tippige „new york” → Ameerika/New_York

Otsitavate rippmenüüde seadistamine

Siit saate teada, kuidas luua otsitavaid rippmenüüsid Automaatne vormide koostaja:

1. samm: installige automaatne vormide koostaja

  1. Minna Pluginad → Lisa uus
  2. Otsima "A.F.B.” (automaatse vormi koostaja lühinimi)
  3. Leia "AFB – Auto Form Builder – Lohista ja aseta vormide looja"
  4. Click Installi kohe, Siis Activate

2. samm: lisage rippmenüü väli

  1. Loo või muuda oma vormi
  2. lohista Rippmenüü väli oma vormile
  3. Klõpsake seadete avamiseks

3. samm: lisage oma valikud

Sisestage oma valikute loend. Pikkade loendite puhul saate teha järgmist.

  • Tippige käsitsi – Sisestage iga valik ükshaaval
  • Masslisamine – Kleepige valikute loend (üks rea kohta)

4. samm: luba otsing

Otsi rippmenüüst seadeid Otsitav or Luba otsing valik. Lülitage see sisse.

Rippmenüüsse lisatakse nüüd otsingu-/filtreerimisväli, mis filtreerib valikuid vastavalt kasutaja sisestatavale tekstile.

5. samm: otsingukäitumise seadistamine

Sõltuvalt teie vormi koostajast võivad teil olla järgmised valikud:

  • Minimaalne tähemärkide arv – Alusta filtreerimist pärast X tähemärgi sisestamist
  • Otsingupositsioon – Leia vaste valiku algusest või ükskõik kust
  • Kohatäitetekst – „Tippige otsimiseks…“ või „Otsige riike…“

Rippmenüü välja parimad tavad

1. Luba otsing alati enam kui 20 valiku jaoks

Kui teie rippmenüüs on rohkem kui 20 valikut, lubage otsing. Nii lihtne see ongi. Kasutajad tänavad teid.

2. Kasutage selget kohatäiteteksti

Öelge kasutajatele, et nad saavad otsida:

  • „Vali riik (otsimiseks sisesta tekst)“
  • "Vali oma osariik..."
  • „Otsi või vali…“

3. Järjesta valikud loogiliselt

Isegi otsingu puhul on valikute järjekord oluline:

  • tähestikulises – Parim nimede jaoks (riigid, osariigid)
  • Kõige levinum esimesena – Pane populaarsed valikud üles (USA, Ühendkuningriik, Kanada)
  • Rühmitatud – Eraldajatega kategooriad

4. Lisage levinud variatsioonid

Kasutajad võivad otsida:

  • „USA” või „Ameerika Ühendriigid” või „USA” või „Ameerika”
  • „Ühendkuningriik” või „Suurbritannia” või „Inglismaa”

Võimalusel lisage sama valikuga seotud levinud lühendid või variatsioonid.

5. Testige mobiilis

Otsitavad rippmenüüd peaksid puutetundlikes seadmetes sujuvalt töötama:

  • Otsingu sisestust saab hõlpsalt puudutada
  • Kirjutamiseks kuvatakse klaviatuur
  • Valikud on piisavalt suured, et täpselt koputada

Millal MITTE kasutada otsitavaid rippmenüüsid

Otsitavad rippmenüüd ei ole alati lahendus:

Lühikesed nimekirjad (alla 10 valiku)

5–10 valiku puhul on standardne rippmenüü kiirem. Pole vaja kirjutada, kui näed kõike korraga.

Kui kasutajad ei tea täpset terminit

Otsingu jaoks peavad kasutajad teadma, mida sisestada. Kui nad sirvivad/uurivad valikuid, võivad kategoriseeritud loend või raadionupud paremini toimida.

Jah/Ei või binaarsed valikud

Kasutage hoopis raadionuppe. Kahe valiku korral pole rippmenüüd üldse vaja.

Numbrilised vahemikud

Vanusevahemike või koguse valikul arvestage järgmisega:

  • Numbri sisestamise väli
  • Slider
  • Lühike rippmenüü (1–10)

Otsitavate rippmenüüde alternatiivid

Sõltuvalt teie andmetest kaaluge järgmisi alternatiive:

Automaatselt täidetava tekstivälja

Kasutaja sisestab vabalt, soovitused kuvatakse allpool. Hea valik, kui kasutajad võivad sisestada väärtusi, mida teie loendis pole.

Kaskaadsed rippmenüüd

Jaga üks pikk nimekiri kaheks lühemaks:

  • Esimene rippmenüü: Valige manner
  • Teine rippmenüü: Valige riik (filtreeritud mandri järgi)

Raadionupud valikuga „Muu”

Kuva 5–7 parimat valikut raadionuppudena, mille puhul kuvatakse valiku „Muu” tekstiväli.

Grupeeritud/kategooriatesse jaotatud valikud

Valikute kategooriate kaupa korraldamiseks kasutage valikugruppe:

  • Põhja-Ameerika
    • Kanada
    • Mehhiko
    • Ühendriigid
  • Euroopa
    • Prantsusmaa
    • Saksamaa
    • Ühendkuningriik

Eelnevalt koostatud valikute loendid

Ära leiuta jalgratast uuesti. Siin on levinumad nimekirjad, mida vajad:

Riigid

195 ÜRO liikmesriiki pluss territooriumid. Kaalu tavaliste riikide (USA, Ühendkuningriik, Kanada, Austraalia) paigutamist üles ja seejärel tähestikulises järjekorras.

USA riigid

50 osariiki pluss Washington ja territooriumid. Tähestikuline järjekord töötab hästi.

Kanada provintsid

13 provintsi ja territooriumi. Piisavalt lühike, et otsing on valikuline.

Ajatsoonid

Kasutage standardseid ajavööndi identifikaatoreid (Ameerika/New_York, Euroopa/London). Grupeerige piirkonna järgi.

Keeled

ISO keelekoodid koos kuvatavate nimedega. Pange levinud keeled esikohale.

Industries

Standardsed valdkonna klassifikatsioonide loendid (NAICS, SIC) või kohandatud loendid teie sihtrühmale.

Toimivuskaalutlused

Väga suured nimekirjad (üle 1000 valiku)

Äärmiselt suurte loendite puhul:

  • Laadimisvalikud nõudmisel – Tõmba serverist kasutajatüüpidena
  • Määrake minimaalne tähemärkide arv – Otsimiseks on vaja 2–3 tähemärki
  • Piiratud kuvatavate tulemuste arv – Kuva 20 parimat vastet, mitte kõiki 500

Lehe laadimise mõju

Pikad valikute loendid suurendavad lehe suurust. Üle 500 valiku loendite puhul kaaluge järgmist:

  • Laadimisvalikud AJAX-i kaudu
  • Kaskaadsete rippmenüüde jagamine
  • Serveripoolse otsingu kasutamine

kättesaadavus

Veenduge, et otsitavad rippmenüüd oleksid ligipääsetavad:

Klaviatuuril navigeerimine

  • Välja teravustamiseks vajutage tabulaatorit
  • Sisestage otsimiseks
  • Nooleklahvid valikute navigeerimiseks
  • Valimiseks sisestage
  • Sulgemiseks Escape

Ekraanilugerid

  • Õiged ARIA sildid
  • Teata tulemuste arv
  • Teata valitud suvandist

Visuaalsed näitajad

  • Selged fookusseisundid
  • Esiletõstetud praegune valik
  • Laadimise indikaator otsingu ajal

Korduma kippuvad küsimused

Mitu valikut on enne otsingu alustamist?

Luba otsing mis tahes rippmenüü jaoks, millel on üle 20 valiku. 50+ valiku puhul on otsing hädavajalik. Mõned kasutajad hindavad otsingut isegi 10–15 valiku puhul.

Kas otsing peaks vastet leidma algusest peale või ükskõik kust?

„Kõikjal“ vastendamine on andestavam. Otsides „york“ leitakse „New York“. Ainult alguse järgi vastendamine on kiirem tuntud terminite puhul.

Kas kasutajad saavad endiselt kõiki valikuid sirvida?

Jah, otsitavad rippmenüüd kuvavad tavaliselt alguses kogu loendi. Otsing filtreerib selle allapoole, kuid kasutajad saavad soovi korral siiski kerida.

Mis saab siis, kui kasutajad kirjutavad otsingu valesti?

Põhiotsing ei lahenda kirjavigu. Oluliste väljade (nt riik) puhul veenduge, et levinud kirjavead oleksid kaetud või kasutage võimaluse korral ebamäärast vastet.

Kas otsitavad rippmenüüd töötavad mobiilis?

Jah, ja mobiilis on need sageli paremad kui tavalised rippmenüüd, sest tippimine on kiirem kui pika loendi kerimine pisikese kerimisalaga.

kokkuvõte

Muutke pikad rippmenüüd kasutajasõbralikuks:

  1. Tuvastage pikad nimekirjad – Mistahes rippmenüü enam kui 20 valikuga
  2. Luba otsing – Laske kasutajatel filtreerimiseks tippida
  3. Kasutage selgeid kohatäiteid – „Tippige otsimiseks…“
  4. Loogiline järjekord – Esmalt populaarsed tooted, seejärel tähestikulises järjekorras
  5. Testi mobiilis – Tagage sujuv puutekogemus
  6. Kaaluge alternatiive – Kaskaadsed rippmenüüd, rühmitatud valikud

Järeldus

Pikad rippmenüüd vähendavad vormide täitmise määra. Otsitavad rippmenüüd muuda kogemust – kasutajad leiavad oma valiku sekunditega, selle asemel et lõputult kerida.

Olgu tegemist riikide, osariikide, toodete või mis tahes enam kui 20 valikuga loendiga, otsingufunktsiooni lisamine muudab teie vormid kiiremaks ja kasutajasõbralikumaks.

Automaatne vormide koostaja võimaldab luua otsingufunktsioonidega rippmenüüsid, mis aitavad kasutajatel isegi kõige pikematest nimekirjadest kiiresti vajaliku leida.

Kas olete valmis oma vorme täiustama? Laadige alla automaatne vormide koostaja ja muutke oma rippmenüüd juba täna kasutajasõbralikuks.

Jäta vastus

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on märgitud *