Condividi tramite


Controlli di selezione

Nota

Questa guida alla progettazione è stata creata per Windows 7 e non è stata aggiornata per le versioni più recenti di Windows. Gran parte delle linee guida si applica ancora in linea di principio, ma la presentazione e gli esempi non riflettono le linee guida di progettazione correnti.

Con un controllo spin, gli utenti possono fare clic sui pulsanti freccia per modificare in modo incrementale il valore all'interno della casella di testo numerica associata. Il termine casella di selezione fa riferimento alla combinazione di una casella di testo e del controllo spin associato.

screenshot del controllo spin e della casella di testo

Casella di selezione tipica.

Gli utenti preferiscono spesso i controlli spin perché possono apportare modifiche senza spostare le mani dal mouse. Quando il controllo spin è associato a una casella di testo, gli utenti possono digitare o incollare l'input direttamente nella casella di testo, quindi l'uso del controllo spin è facoltativo.

Mentre i controlli spin vengono usati per l'input numerico, l'input non deve essere un numero intero puro. L'input può essere di numeri decimali e può avere segni negativi, delimitatori (ad esempio due punti o trattini) e modificatori di unità.

Nota

Le linee guida relative alle caselle di testo e al layout sono presentate in articoli separati.

 

È il controllo giusto?

Per decidere, prendi in considerazione queste domande:

  • Il controllo viene usato per l'input numerico? In caso contrario, usare un altro controllo, ad esempio un elenco a discesa o un dispositivo di scorrimento, per selezionare da un set fisso di valori. Usare le barre di scorrimento per lo scorrimento.

  • Gli utenti considerano il valore come una quantità relativa, non un valore numerico? In tal caso, usare invece un dispositivo di scorrimento. Usare caselle di selezione solo per valori numerici noti e esatti. Ad esempio, gli utenti vogliono impostare il volume audio su basso o medio e non su 2 o 5.

  • Il controllo è associato a una casella di testo? In caso contrario, non usare. I controlli spin non devono essere usati da soli o con altri tipi di controlli oltre a una casella di testo.

    Non corretto:

    screenshot del controllo spin, dell'elemento grafico, della casella di testo

    In questo esempio viene usato un controllo spin per controllare un elemento grafico dinamico.

  • Gli intervalli di valori contigui sono validi? In caso contrario, usare invece un elenco a discesa di valori validi.

    screenshot dell'elenco a discesa

    In questo esempio, non tutti i numeri di unità disco sono validi, quindi un elenco a discesa è una scelta migliore.

  • L'uso del controllo spin è pratico? L'uso di un controllo spin è pratico per:

    • Immissione di un numero ridotto, in genere inferiore a 100.
    • Apportare piccole modifiche a un valore esistente o predefinito.

    Anche se i controlli di selezione possono essere usati per qualsiasi input numerico, sono inefficienti in situazioni diverse da queste.

  • Il controllo spin è utile? Il controllo viene usato in un contesto in cui è probabile che gli utenti usino il mouse? In caso contrario, prendere in considerazione un controllo spin facoltativo.

  • Gli elenchi a discesa dei controlli di pari livello sono? Se sono presenti altri elenchi a discesa, è consigliabile usare un elenco a discesa per la coerenza.

    screenshot della finestra di dialogo con elenchi a discesa

    In questo esempio è possibile usare una casella di selezione, ma per coerenza viene usato un elenco a discesa.

  • Gli utenti del tocco o della penna sono una destinazione principale? In tal caso, prendere in considerazione l'uso di un elenco a discesa. I pulsanti freccia in un controllo spin sono troppo piccoli da usare in modo efficiente con il tocco o una penna.

Se è possibile un dispositivo di scorrimento o una casella di selezione, usare una casella di selezione se:

  • Lo spazio sullo schermo è limitato.
  • È probabile che un utente preferisca usare la tastiera.

Usa un dispositivo di scorrimento se:

  • Gli utenti trarranno vantaggio da un riscontro immediato.

Indicazioni

Generale

  • Usare i controlli spin ogni volta che sono pratici e utili. Vedi Questo è il controllo giusto?

    • Eccezione: Per essere coerenti con altre caselle di testo nella stessa interfaccia utente, usare i controlli di selezione anche se non sono sempre pratici.

    Corretto:

    screenshot del mese, del giorno, dei controlli di rotazione dell'anno

    In questo esempio viene usato un controllo spin con il controllo year per la coerenza, anche se non è sempre pratico.

    Non corretto:

    screenshot del controllo spin dell'indirizzo IP

    In questo esempio il controllo spin non è utilizzabile.

  • Crea sempre un controllo spin il "amico" della casella di testo. In questo modo, il controllo spin viene inserito all'interno della casella di testo.

    Corretto:

    screenshot del controllo spin posizionato all'interno della casella di testo

    Non corretto:

    screenshot del controllo spin posizionato all'esterno della casella di testo

    Nell'esempio corretto, il controllo spin viene posizionato all'interno della casella di testo associata.

  • Disabilitare un controllo spin quando la casella di testo associata è disabilitata. Il controllo spin è un metodo di input supplementare, mai l'unico metodo di input.

Valori

  • Definire il pulsante superiore per aumentare il valore di un'unità e il pulsante inferiore per diminuire di un'unità. In genere, l'unità è una, ma deve essere la modifica più piccola comune nel valore. Idealmente, il controllo spin dovrebbe coprire tutti i valori validi e dovrebbe essere più comodo rispetto alla digitazione nel testo.

    screenshot del controllo di selezione

    In questo esempio, facendo clic su un controllo spin vengono modificati i valori di .1, ovvero la modifica comune più piccola nel valore. L'uso di un'unità più piccola copre l'intervallo di valori validi, ma rende i controlli spin inutilizzabili.

  • Usare il controllo spin per limitare l'input a valori validi. L'uso di un controllo spin non dovrebbe mai comportare un valore non corretto.

  • Alla fine di un intervallo di valori validi, riavviare l'intervallo. La metafora del controllo di rotazione è che l'utente sta ruotando una ruota di valori, quindi questo comportamento simile alla ruota.

    • Eccezione: Non riavviare l'intervallo se il valore risultante è certo che non sia corretto.

      screenshot del controllo di selezione

      In questo esempio, facendo clic sul pulsante freccia giù non viene riavviato l'intervallo (passando al valore massimo) perché tale valore è certo che non sia corretto.

  • Usare il testo anziché valori numerici speciali. Consentire agli utenti di ruotare questi valori speciali invece di doverli conoscere e digitarli.

    screenshot del controllo di selezione

    In questo esempio, Never è un valore speciale, ma gli utenti possono ruotare su di esso.

  • Se il valore ha delimitatori, la casella di testo associata deve avere più punti di attivazione dell'input. In questo modo è possibile modificare singolarmente i segmenti numerici.

    screenshot del controllo rotazione temporale, minuti selezionati

    In questo esempio, il controllo spin influisce sui valori per ore, minuti, secondi e A.M./P.M., a seconda di quale sia lo stato attivo.

  • Se il valore ha unità di misura, usare anche il controllo spin per modificare tali unità.

    screenshot del controllo rotazione temporale, 'a.m.' selezionato

    In questo esempio è possibile usare il controllo spin per modificare le unità.

Etichette

Documentazione

Quando si fa riferimento ai controlli di selezione:

  • Non fare riferimento ai controlli spin nella documentazione dell'utente. Fare invece riferimento all'etichetta della casella di testo associata.
  • Fare riferimento ai controlli di selezione e alle caselle di selezione solo nella programmazione e in altre documentazioni tecniche.

Esempio: nella casella Data digitare o selezionare la parte della data da modificare.

Glossario