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.
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:
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.
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.
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:
In questo esempio viene usato un controllo spin con il controllo year per la coerenza, anche se non è sempre pratico.
Non corretto:
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:
Non corretto:
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.
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.
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.
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.
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à.
In questo esempio è possibile usare il controllo spin per modificare le unità.
Etichette
- Applicare le linee guida per l'etichettatura delle caselle di testo per etichettare la casella di testo associata. I controlli spin non vengono mai etichettati direttamente.
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.
Argomenti correlati