Progettazione dell'interfaccia utente per la selezione di elementi da grandi elenchi

Naviga le tue risposte
2

Non sono sicuro se questa è una domanda che si adatta agli argomenti dell'ingegneria del software.

Ho due livelli di oggetti "Categorie" e "Valori di categoria". Devo creare un'interfaccia utente che consenta agli utenti di scegliere da tali elementi e selezionarne quanti ne vogliono.

Possono esserci 10 o 20 categorie, ma ogni categoria può avere da 1 a (peggiore) valori di 1000 categorie.

Ad esempio:

  • Tipo
    • Immagine
    • documento
  • Priorità
    • Alta
    • Basso
    • medio
  • Città
    • Cardiff
    • ... + 999 in più.

Quindi per categorizzare determinati elementi l'utente deve scegliere da questo elenco e deve vedere cosa è stato scelto fino ad ora.

Ho pensato ad una doppia lista di selezione, ma la lista sarebbe stata così lunga da richiedere un sacco di scorrimento (specialmente con molti valori di categoria). Lo stesso vale per due alberi perché il suo unico livello non presenta molte possibilità di piegatura.

Qual è il modo migliore per consentire all'utente di effettuare tale categorizzazione?

    
posta Chris 18.11.2016 - 13:54
fonte

2 risposte

1

Se l'utente sa cosa sta cercando (quale sarebbe il caso delle città), raccomanderei il completamento automatico. Lascia che l'utente digiti la prima lettera e poi visualizzi pochi risultati di ricerca con quelle lettere (usando una logica fuzzy se possibile) con il risultato più vicino direttamente nel campo ma selezionato in modo che se l'utente continua a digitare il processo continua (tu cerca di nuovo) ma se colpisce Tab, il risultato rimane.

    
risposta data 18.11.2016 - 14:25
fonte
0

Beh, non penso che la domanda sia nel posto giusto. In ogni caso, IMHO l'approccio migliore sarebbe quello di separare le categorie dalla selezione stessa. Innanzitutto potresti avere un ComboBox come primo controllo del filtro. Lì la categoria può essere selezionata prima che venga effettuata qualsiasi selezione. Questo fornisce un certo contesto all'utente, lo aiuta a mettere a fuoco.

Dopo aver selezionato la categoria, l'utente ottiene tutti gli articoli disponibili di questa categoria presentati in ListBox . Questo sta riducendo la quantità di contenuto scorrevole.

Un ListItem potrebbe essere una casella di controllo più il nome dell'articolo. Il controllo di CheckBox significa che l'elemento è selezionato. Un CheckBox è un modo molto esplicito per selezionare le cose, quindi niente deve essere interpretato dall'utente.

Per gestire la quantità di articoli in modo efficiente, dovresti offrire alcuni filtri, ad es. sotto il ListBox .

  • CheckBox per mostrare tutti gli oggetti Selected o Unselected .

  • A TextBox dove l'utente può inserire un termine di ricerca. In base al termine immesso, gli elementi disponibili vengono filtrati in ListBox .

Sotto la selezione UserControl puoi inserire un'area riassuntiva, che fornisce una panoramica di tutti gli elementi selezionati di tutte le categorie. Qui avrai anche bisogno di un concetto intelligente.

    
risposta data 18.11.2016 - 14:26
fonte

Leggi altre domande sui tag

Modellazione del database Django Coda messaggi tra server e motore