it-swarm.it

Come gestire le selezioni con molte opzioni?

In un'app Web, supponiamo di avere un elenco di opzioni tra cui l'utente può selezionare. Di solito userei un menu a discesa in questo caso, se c'è un numero ragionevolmente piccolo di opzioni, ma come dovrei affrontarlo in modo diverso se ci sono 50 opzioni? o 100? o 1000?

10
GSto

Forse unisci un approccio a due riquadri con una ricerca?

Django admin multiselect

L'interfaccia utente filtra in modo dinamico sul lato client durante la digitazione nella casella di ricerca. Mi piace meglio della sola ricerca, perché puoi scoprire quali sono tutte le opzioni.

Per i punti bonus, è possibile costruirlo al volo da un normale controllo di selezione/multiplo.

11
Chase Seibert

Un paio di idee:

  1. Casella combinata (o qualche tipo di ricerca con completamento automatico)
  2. Dividi le opzioni in gruppi e lascia che l'utente selezioni prima il gruppo, quindi l'opzione dall'elenco che sarebbe più piccola in questo caso
5
Kostya

Bene, se hai un'app in cui un utente può scegliere tra migliaia di opzioni, la mia prima risposta sarebbe che hai progettato qualcosa in modo errato. Prova a rimpicciolire e considerare l'architettura delle informazioni che porta a così tante opzioni e vedere cosa puoi fare al riguardo. L'utente ha davvero bisogno di tutte quelle scelte? Riesci a sbarazzartene alcuni per lei o scegliere alcune impostazioni predefinite sensate? Come affrontate il paradosso del problema della scelta?

Ma in termini più pratici, prova a suddividere le informazioni in categorie e presentandole in quel modo. Potrei essere più utile se sapessi per quali informazioni stavi progettando, poiché ciò spesso influenza il tipo di visualizzazione o controlli che puoi utilizzare.

Considera i fusi orari. Puoi essere davvero specifico e offrire ogni singolo fuso orario, portando a un enorme elenco su cui devi fare un lavoro hardcore per renderlo digeribile per l'utente. In alternativa, puoi scegliere solo i fusi orari più vicini alla maggior parte dei luoghi, il che potrebbe escludere alcuni utenti eccezionali, ma coprirne il 99%.

Stessa cosa con la scelta di un orario per un evento. Essere specifici significa che un utente può scegliere fino al minuto. 60 menu a discesa delle voci? Oppure puoi segmentare il tempo per 5 minuti. All'improvviso l'utente deve solo scegliere tra 12 opzioni ed è abbastanza specifico per il caso d'uso.

3
Rahul

per questo molte opzioni qualsiasi tipo di multi-selezione sarebbe fastidioso. Pensa a un clic sbagliato e mezz'ora dopo.

Dovresti usare 2 caselle con frecce come questaalt text

non è troppo difficile da fare con alcune linee di JS

1
Sruly
  1. Utilizzare un menu a discesa con tutti gli elementi ordinati logicamente.
    Ad esempio: un elenco di fusi orari viene ordinato in base all'offset, un elenco di paesi viene alfabetizzato.
    Inoltre, assicurati che l'utente possa digitare il valore e suggerirà/passerà automaticamente a quello corretto.

  2. Raggruppali logicamente. Se sono solo nomi, puoi prima selezionare la prima lettera e quindi avere il sottoinsieme di elementi che si adattano. Sarebbe meglio se gli articoli possano essere classificati in modo logico, ad esempio le persone in un'organizzazione, che si adattano perfettamente a dipartimenti, regioni, ecc.
    Potresti anche avere diversi livelli di profondità.

0
Dan Barak