Menu a tendina ricercabile: fà liste lunghe più faciuli da aduprà
Un menù a tendina cù 200 paesi. Una lista di 50 stati. Centinaie d'opzioni di prudutti. Scorrere lunghe liste a tendina hè frustrante è provoca l'abbandonu di i moduli.
Menu a tendina ricercabili Risolve questu prublema permettendu à l'utilizatori di scrive per filtrà l'opzioni istantaneamente. Invece di scorrere, scrivenu "pò" è vedenu u Canada in cima.
In questa guida, amparerai quandu aduprà i menu a tendina ricercabili è cumu cunfigurà li in i vostri moduli WordPress.
U prublema cù i longhi dropdowns
I menu a tendina standard diventanu inutilizabili à misura chì l'opzioni aumentanu:
Prublemi di l'esperienza di l'utente
- Scrolling senza fine – Truvà "Stati Uniti" in una lista alfabetica di paesi significa scorrere oltre 180+ paesi
- Incubo mobile – Piccule zone di scorrimentu nantu à i schermi tattili
- Cunsumante di tempu – L'utilizatori passanu più di 10 secondi à truvà una opzione
- Propensu à l'errore - Facile selezziunà accidentalmente l'articulu sbagliatu
- Frustrante – Ripetutu per parechji campi a tendina
Quandu i Dropdowns diventanu problematichi
| Numeru di Opzioni | Esperjenza di l'utilizatori |
|---|---|
| 5-10 opzioni | ✅ Facile da scansà |
| 10-20 opzioni | ⚠️ Gestibile |
| 20-50 opzioni | ⚠️ Diventendu noioso |
| 50+ opzioni | ❌ Bisogna di ricerca |
| 100+ opzioni | ❌ Ricerca essenziale |
Cumu funzionanu i menu a tendina ricercabili
Un menù a tendina ricercabile combina un input di testu cù una lista a tendina:
- L'utilizatore clicca nant'à u campu di menu a tendina
- Apparisce una casella di ricerca (o u campu stessu diventa ricercabile)
- L'utilizatore scrive uni pochi di caratteri
- Filtru di l'opzioni in tempu reale per currisponde à l'input
- L'utilizatore sceglie da a lista corta filtrata
Esempiu: Selezzione di u paese
Senza ricerca: Scorri trà più di 200 paesi per truvà "Germania"
Cù a ricerca: Scrivite "ger" → vede Germania, Algeria, Nigeria → cliccate Germania
Tempu risparmiatu: 10+ secondi → 2 secondi
Casi d'usu cumuni per i menu a tendina ricercabili
Selezzione di u Paese
L'esempiu classicu. Cù più di 195 paesi, a ricerca hè essenziale:
- Scrivite "uni" → Stati Uniti, Regnu Unitu, Emirati Arabi Uniti
- Type "aus" → Australia, Austria
- Scrivite "novu" → Nova Zelanda, Nova Caledonia
Selezzione di Statu/Pruvincia
50 stati americani, 13 pruvince canadiane, o regioni in u mondu sanu:
- Scrivite "cal" → California
- Scrivite "novu" → New York, New Jersey, New Hampshire, New Mexico
Categories prodottu
Siti di e-commerce cù centinaie di tipi di prudutti:
- Scrivite "laptop" → Laptop, Accessori per Laptop, Borse per Laptop
- Scrivite "telefonu" → Telefoni, Custodie per telefoni, Caricatori per telefoni
Titoli di travagliu / Industrie
Moduli di carriera cù elenchi di travaglii estensivi:
- Scrivite "ingegnere" → Ingegnere di Software, Ingegnere Civile, Ingegnere Meccanicu
- Scrivite "mercatu" → Manager di Marketing, Analista di Mercatu, Specialista di Mercatu
Lingue
Preferenza di lingua cù più di 100 opzioni:
- Scrivite "span" → Spagnolu
- Scrivite "mentone" → Cinese (Simplificatu), Cinese (Tradiziunale)
Università/Scole
Elenchi di istituzioni educative:
- Scrivite "harvard" → Università di Harvard
- Scrivite "MIT" → Istitutu di Tecnulugia di Massachusetts
Timezones
Più di 400 opzioni di fusu orariu:
- Scrivite "pacificu" → Pacificu/Auckland, Pacificu/Honolulu, Stati Uniti/Pacificu
- Scrivite "new york" → America/New_York
Configurazione di menu a tendina ricercabili
Eccu cumu creà menu a tendina ricercabili cù Creatore di moduli automatichi:
Passu 1: Installate Auto Form Builder
- andate à Plugins → Aggiungi Novu
- Ricerca per "A.F.B."(u nome cortu per Auto Form Builder)
- Find "AFB – Creatore di moduli automaticu – Creatore di moduli drag & drop"
- Clicca Installa Issa, tandu attivà
Passu 2: Aghjunghje un Campu à Menu A tendina
- Crea o mudifica u vostru furmulariu
- Arraste u Dropdowns campu nantu à u vostru furmulariu
- Cliccate per apre i paràmetri
Passu 3: Aghjunghjite e vostre opzioni
Inserite a vostra lista d'opzioni. Per e liste lunghe, pudete:
- Scrivite manualmente – Inserite ogni opzione una per una
- Aghjunghje in massa – Incolla una lista d'opzioni (una per linea)
Passu 4: Attivà a ricerca
In i paràmetri di u menu a tendina, cercate Ricercabile or Attivà a ricerca opzione. Attivala.
U menù a tendina includerà avà una casella di ricerca/filtru chì filtra l'opzioni mentre l'utilizatori scrivenu.
Passu 5: Cunfigurà u cumpurtamentu di ricerca
Sicondu u vostru generatore di moduli, pudete avè opzioni cum'è:
- Caratteri minimi – Principià u filtraggio dopu à X caratteri scritti
- Posizione di ricerca - Partita da l'iniziu di l'opzione o in ogni locu
- Testu di riserva – «Scrivite per circà...» o «Cerca paesi...»
Migliori Pratiche di Campu à Distanza
1. Attivà sempre a ricerca per più di 20 opzioni
Sè u vostru menù a tendina hà più di 20 opzioni, attivate a ricerca. Hè cusì simplice. L'utilizatori vi ringraziaranu.
2. Aduprate un testu di segnapostu chjaru
Dite à l'utilizatori ch'elli ponu circà:
- "Selezziunate un paese (scrivite per circà)"
- "Sceglite u vostru statu..."
- "Cerca o selezziunate..."
3. Opzioni d'ordine logicamente
Ancu cù a ricerca, l'ordine di l'opzioni hè impurtante:
- alfabetico – U megliu per i nomi (paesi, stati)
- U più cumunu prima – Mettite l'opzioni populari in cima (US, UK, Canada)
- Agrupati – Categurie cù separatori
4. Includite Varianti Cumuni
L'utilizatori puderanu circà:
- «USA» o «Stati Uniti» o «US» o «America»
- «Regnu Unitu» o «Gran Bretagna» o «Inghilterra»
Se pussibule, include abbreviazioni cumuni o variazioni chì si riferiscenu à a listessa opzione.
5. Pruvà nant'à u telefuninu
I menu a tendina ricercabili devenu funziunà senza intoppi nantu à i dispositivi tattili:
- L'input di ricerca hè facilmente toccabile
- A tastiera appare per scrive
- L'opzioni sò abbastanza grande per toccà cù precisione
Quandu ùn si deve micca aduprà i menu a tendina ricercabili
I menu a tendina ricercabili ùn sò micca sempre a risposta:
Liste corte (menu di 10 opzioni)
Per 5-10 opzioni, un menu a tendina standard hè più veloce. Ùn ci hè bisognu di scrive quandu pudete vede tuttu in una volta.
Quandu l'utilizatori ùn cunnoscenu micca u termine esattu
A ricerca richiede à l'utilizatori di sapè ciò chì devenu scrive. S'elli stanu navigendu/esplorandu l'opzioni, una lista categurizzata o buttoni radio puderanu funziunà megliu.
Iè/Innò o Scelte Binarie
Aduprate invece i buttoni radio. Dui opzioni ùn anu micca bisognu di un menu a tendina.
Intervalli Numerichi
Per e fasce d'età o a selezzione di quantità, cunsiderate:
- Campu d'input numericu
- cursore
- Menu a tendina cortu (1-10)
Alternative à i menu a tendina ricercabili
Sicondu i vostri dati, cunsiderate queste alternative:
Campu di testu à cumplettà automaticamente
L'utilizatore scrive liberamente, i suggerimenti appariscenu quì sottu. Bonu quandu l'utilizatori puderanu inserisce valori chì ùn sò micca in a vostra lista.
Menu a cascata
Divide una longa lista in duie più corte:
- Prima lista a tendina: Selezziunate u cuntinente
- Seconda lista a tendina: Selezziunate u paese (filtratu per cuntinente)
Pulsanti di scelta rapida cù "Altru"
Mostra e prime 5-7 opzioni cum'è buttoni radio cù una opzione "Altru" chì revela un campu di testu.
Opzioni raggruppate/categorizzate
Aduprate optgroups per urganizà l'opzioni per categuria:
- America di u Nordu
- Canada
- Messicu
- Stati Uniti
- Europa
- Francia
- Alemagna
- Regnu Unitu
Liste di opzioni precustruite
Ùn reinventate micca a rota. Eccu alcune liste cumuni chì vi serviranu:
Paesi
195 stati membri di l'ONU più i territorii. Cunsiderate di mette i paesi cumuni (Stati Uniti, Regnu Unitu, Canada, Australia) in cima, dopu in ordine alfabeticu.
Stati Uniti
50 stati più DC è territorii. L'alfabetu funziona bè.
Pruvince Canadiani
13 pruvince è territorii. Abbastanza cortu chì a ricerca hè facultativa.
Timezones
Aduprate identificatori di fusu orariu standard (America/New_York, Europa/Londra). Raggruppate per regione.
Lingue
Codici di lingua ISO cù nomi visualizati. Mettite e lingue cumuni prima.
Industries
Liste di classificazione standard di l'industria (NAICS, SIC) o liste persunalizate per u vostru publicu.
Considerazioni di rendiment
Liste assai grande (più di 1000 opzioni)
Per liste estremamente lunghe:
- Caricà l'opzioni à dumanda – Ripiglià da u servitore cum'è tipi d'utilizatori
- Definisce u minimu di caratteri – Richiede 2-3 caratteri prima di a ricerca
- Limite di i risultati mostrati – Mostra i primi 20 partiti, micca tutti i 500
Impattu di carica di pagina
E liste d'opzioni lunghe aumentanu a dimensione di a pagina. Per e liste di più di 500 opzioni, cunsiderate:
- Opzioni di caricamentu via AJAX
- Sfondendu in menu a cascata
- Utilizendu a ricerca da u servitore
di Licodia
Assicuratevi chì i menu a tendina ricercabili sianu accessibili:
Navigazione cù Tastiera
- Tab per fucalizà u campu
- Type per circà
- Tasti freccia per navigà in l'opzioni
- Entre per selezziunà
- Fughje per chjude
Lettori di Schernu
- Etichette ARIA adatte
- Annunziate u numeru di risultati
- Annunziate l'opzione scelta
Indicatori visivi
- Stati di focus chjari
- Opzione attuale evidenziata
- Indicatore di caricamentu durante a ricerca
Dumande dumandatu Spissu
Quante opzioni prima di avè bisognu di circà?
Attivà a ricerca per qualsiasi menu a tendina cù più di 20 opzioni. Per più di 50 opzioni, a ricerca hè essenziale. Certi utilizatori apprezzanu a ricerca ancu per 10-15 opzioni.
A ricerca deve currisponde da u principiu o da qualsiasi locu?
A currispundenza "in ogni locu" hè più indulgente. Circendu "york" si trova "New York". A currispundenza solu à l'iniziu hè più rapida per i termini cunnisciuti.
L'utilizatori ponu ancu scorrere tutte l'opzioni?
Iè, i menu a tendina ricercabili mostranu tipicamente a lista cumpleta inizialmente. A ricerca a filtra, ma l'utilizatori ponu sempre scorrere s'elli preferiscenu.
Chì succede se l'utilizatori scrivenu male a so ricerca?
A ricerca basica ùn gestisce micca l'errori di battitura. Per i campi impurtanti (cum'è u paese), assicuratevi chì l'errori ortografichi cumuni sianu cuparti o aduprate a currispundenza fuzzy se dispunibule.
I menu a tendina ricercabili funzionanu nantu à u mobile?
Iè, è sò spessu megliu nantu à u telefuninu chè i menu a tendina standard perchè scrive hè più veloce chè scorrere una longa lista cù una piccula zona di scorrimentu.
Suntu
Fate chì e lunghe liste a tendina sianu facili da aduprà:
- Identificà liste lunghe – Ogni menu a tendina cù più di 20 opzioni
- Habilita a ricerca – Lasciate chì l'utilizatori scrivanu per filtrà
- Aduprate segnaposti trasparenti – "Scrivite per circà..."
- Ordine logicamente – Prima l'articuli pupulari, dopu alfabeticu
- Pruvate nant'à u telefuninu - Assicurà una sperienza tattile liscia
- Cunsiderate l'alternative – Menu a cascata, opzioni raggruppate
cunchiusioni
E longhe liste a tendina uccidenu i tassi di cumpletamentu di i moduli. Menu a tendina ricercabili trasfurmà l'esperienza - l'utilizatori trovanu a so opzione in pochi secondi invece di scorrere senza fine.
Ch'elli sianu paesi, stati, prudutti, o qualsiasi lista cù più di 20 opzioni, l'aghjunghje di a funziunalità di ricerca rende i vostri moduli più veloci è più faciuli d'utilizà.
Creatore di moduli automatichi vi permette di creà campi a tendina cù funzionalità di ricerca, aiutendu l'utilizatori à truvà rapidamente ciò chì anu bisognu ancu in e liste più lunghe.
Prontu à migliurà e vostre forme? Scaricate u Creatore di Forme Automatiche è rende e vostre liste a tendina facili da aduprà oghje.
