Linee guida per il controllo di selezione (app di Windows Store)

Con il controllo select gli utenti possono selezionare uno o più valori da un set di elementi con etichette di testo. Il controllo select ha due modalità di funzionamento: modalità elenco a discesa e modalità casella di riepilogo.

È il controllo giusto?

Usa il controllo select per consentire agli utenti di selezionare uno o più valori da un set di elementi che possono essere rappresentati in modo adeguato con singole righe di testo.

Non usare il controllo select per visualizzare elementi contenenti più righe di testo o immagini. In questo caso, usa un controllo ListView.

Quando ci sono meno di otto elementi, prendi in considerazione l'uso di pulsanti di opzione (se è possibile selezionare un solo elemento) o di caselle di controllo (se è possibile selezionare più elementi).

Scelta della modalità appropriata

Il controllo select ha due modalità: modalità elenco a discesa e modalità casella di riepilogo.

Quando usare la modalità elenco a discesa

In questa modalità, il controllo di selezione conserva lo spazio su schermo mostrando solo l'elemento selezionato.

Controllo di selezione in modalità elenco a discesa

Gli utenti devono toccare un'opzione iniziale, che apre un elenco a discesa in cui sono visualizzati gli altri elementi selezionabili. In questa modalità gli utenti possono selezionare un solo elemento.

  • Usa questa modalità quando gli elementi di selezione hanno un'importanza secondaria nel flusso dell'app.

    Se l'opzione predefinita è consigliata per la maggior parte degli utenti nella maggior parte dei casi, la visualizzazione di tutti gli elementi tramite la modalità casella di riepilogo potrebbe attirare più attenzione del necessario sulle opzioni. La modalità elenco a discesa ti consente di risparmiare spazio e ridurre al minimo gli elementi di distrazione.

  • Usa questa modalità quando devi risparmiare spazio.

    Usa la modalità elenco a discesa del controllo select per conservare spazio sullo schermo. Con questa modalità puoi offrire agli utenti diverse scelte usando una superficie minima.

In questa modalità il controllo select è sempre aperto e visualizza tutti gli elementi senza alcuna interazione aggiuntiva. Questa modalità supporta la selezione sia singola che multipla.

Quando usi questa modalità, imposta la dimensione del controllo select in modo che sia grande abbastanza da visualizzare tutti gli elementi senza che l'utente debba eseguire una panoramica o scorrere.

  • Usa questa modalità quando ci sono meno di 10 elementi e gli elementi sono abbastanza importanti da essere messi in evidenza.

  • Usa questa modalità per la selezione multipla.

    Se ci sono meno di 10 elementi e devono essere messi in evidenza, usa la modalità casella di riepilogo. Se ci sono più di 10 elementi e vuoi consentire la selezione multipla, usa un controllo ListView.

Ecco un esempio di uso appropriato del controllo select in modalità casella di riepilogo:

In questo esempio sono presenti pochi frutti diversi tra cui scegliere. Si tratta di elementi semplici, ma che costituiscono un aspetto importante dell'app stessa. Usando la modalità in linea, le opzioni selezionabili sono sempre visibili.

Casella di riepilogo in modalità in linea

Argomenti correlati

select

Linee guida per i pulsanti

Linee guida per i pulsanti di opzione

Linee guida per gli interruttori

Linee guida per le caselle di controllo