Ci sono 30-35 elementi in una lista e ci si aspetta che aumentino ulteriormente. Quale potrebbe essere il modo migliore per metterlo sulla pagina? L'elenco a discesa è il primo controllo che viene in mente, ma potrebbe facilmente diventare un dolore man mano che l'elenco cresce.Alternativa all'elenco a discesa?
Quale potrebbe essere il miglior controllo di usabilità per presentare questo tipo di lunga lista?
Un'altra opzione è un albero a più livelli, se riesci a pensare a un modo per suddividere l'elenco: ad esempio, 35 elementi potrebbero essere 7 gruppi di 5 elementi ciascuno.
35 non è un elenco lungo se lo si ordina alfabeticamente quando lo si inserisce nell'elenco, in modo che l'utente possa digitare i primi caratteri e avvicinarsi alla scelta desiderata. A causa di questa caratteristica, anche un paio di centinaia di voci non sembrano troppo da selezionare.
Se l'elenco diventa troppo lungo, creare un pulsante che apra un elenco di valori completamente ricercabile e ordinabile.
Penso che proverei a stare lontano dall'elenco a discesa, non a causa del numero di elementi, ma a causa di ciò che accade quando un elemento è selezionato: non è molto comune che la selezione di un elemento in un elenco a discesa sarà immediatamente eseguire un comando (dal punto di vista dell'utente). Vorrei invece usare un controllo che viene comunemente usato per rappresentare i comandi.
La prima cosa che mi viene in mente è utilizzare un pulsante insieme a un menu a comparsa. Facendo clic sul pulsante verrà visualizzato il menu direttamente sotto il pulsante. Quindi, è anche possibile utilizzare le possibilità a cascata del menu per raggruppare gli elementi in gruppi logici. Presenterai anche gli oggetti in un modo che rende l'utente un "comando" piuttosto che una "selezione".
Due elenchi, uno dei quali è la categoria e che modifica l'altro elenco degli articoli per quella categoria?
Creare una griglia di caselle di controllo/radio. Quindi puoi sfruttare lo spazio orizzontale. Anche le opzioni di ordinamento in ordine alfabetico saranno di grande aiuto.
In realtà è una chiamata davvero difficile e senza conoscere il prodotto, o l'alfabetizzazione tecnica delle persone che useranno il prodotto è impossibile dare risposte solide (avete provato idee con utenti (o anche utenti proxy) ?).
Una cosa che potreste fare è abbattere le informazioni in segmenti correlati:
Descrizione
lista un elemento di
lista degli elementi a due
Descrizione
lista degli elementi tre
lista degli elementi quattro
L'unico lato negativo di questo è che si ' Probabilmente dovremo gestire ciò che accadrà se qualcuno sceglie uno degli elementi descrittivi.
Se si utilizza un elenco a discesa con un numero elevato di elementi, suggerirei di evitare la pratica di imporre un "numero massimo di elementi alla volta" arbitrariamente piccolo nell'elenco espanso (includendo un barra di scorrimento verticale nel menu a discesa espanso per l'accesso agli elementi rimanenti), a meno che non si abbia una buona ragione per farlo.
Sono stato infastidito più di una volta in alcune applicazioni che mi hanno mostrato un elenco a discesa con un numero moderatamente elevato di elementi (ad esempio, 20 o 30), ma limitato il numero di elementi mostrati su un numero piccolo (diciamo, 8). Ho un sacco di spazio sullo schermo disponibile nella finestra dell'applicazione nel suo complesso, e ancora più spazio disponibile su tutto il mio schermo; quindi perché costringermi a scorrere la lista per vedere tutte le scelte disponibili, quando la lista potrebbe semplicemente essere disegnata abbastanza grande da mostrare tutti gli oggetti nello stesso momento?
se si dispone di un numero davvero elevato di elementi, la casella potrebbe essere compilata tramite ajax in base alla ricerca effettuata su una parola digitata (s), come la ricerca di Google e molti altri. forse c'è una soluzione javascript in scatola in una libreria popolare per questo che chiunque potrebbe aggiungere a questa risposta?
30 elementi non è molto a tutti. Prendi la selezione del paese con ~ 150 paesi casella a discesa è usata quasi ovunque (tuttavia quella lista non cambia mai ... che può essere parte della considerazione)
come per l'uso di una lista ordinata in ordine alfabetico - un suggerimento posto proprio accanto alla scatola potrebbe renderlo più utilizzabile: i visitatori possono digitare alcuni personaggi per navigare rapidamente nell'elenco, come suggerito da Ron.
suggerisco una casella di testo find-as-you-type completamento automatico.
Partenza the Room To Read Website Uno dei disegni di menu più funzionali che abbia mai visto. Nessun dropdown.
U dovrebbe rendere espandersi in un elenco di colonne multiple invece di un lungo elenco
L'utente non digitare. Il requisito è tale che l'utente farà semplicemente clic su un elemento per eseguire un'operazione (ad esempio selezionare un elemento da un menu a discesa). – user32262
Concordato, per un elenco di tale lunghezza, un semplice elenco a discesa è perfettamente utilizzabile. –
Un utente finale medio non sa necessariamente che è possibile digitare i primi caratteri. C'è un elenco a discesa con circa 300 voci in un'applicazione che mantengo e, credetemi, è una scelta orribile per l'interfaccia utente. –