Controlli di selezione

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 si riferisce alla combinazione di una casella di testo e del relativo controllo di selezione 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 di selezione è 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 numeri decimali e può avere segni negativi, delimitatori (ad esempio punti o trattini) e modificatori di unità.

Questo è il controllo giusto?

Per decidere, considerare queste domande:

• Il controllo viene usato per l'input numerico? In caso contrario, usare un altro controllo, ad esempio un elenco a discesa o 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 esatti e noti. Ad esempio, gli utenti pensano di impostare il volume audio su basso o medio, non sull'impostazione del valore 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.

  risposta errata:

  

  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 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 di selezione è 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 spin 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 con tocco o penna sono una destinazione principale? In tal caso, prendere in considerazione l'uso di un elenco a discesa. I pulsanti freccia in un controllo di selezione sono troppo piccoli per essere usati in modo efficiente con il tocco o una penna.

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

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

Usare un dispositivo di scorrimento se:

• Gli utenti trarranno vantaggio dal feedback immediato.

Istruzioni

Generale

• Usare i controlli spin ogni volta che sono pratici e utili. Vedi Si tratta del controllo corretto?

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

  risposta esatta:

  

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

  risposta errata:

  

  In questo esempio il controllo spin non è utilizzabile.

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

  risposta esatta:

  

  risposta errata:

  

  Nell'esempio corretto, il controllo spin viene inserito 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 dovrebbe essere la modifica più piccola comune nel valore. Idealmente, il controllo spin dovrebbe coprire tutti i valori validi e dovrebbe essere più pratico di digitare nel testo.

  

  In questo esempio, facendo clic su un controllo spin vengono modificati i valori in base a .1, ovvero la modifica più comune più piccola del 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 spin è che l'utente sta ruotando una ruota di valori, di conseguenza questo comportamento simile alla ruota.

  • Eccezione: Non riavviare l'intervallo se il valore risultante non è 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 su 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 contiene delimitatori, la casella di testo associata deve avere più punti di attivazione di input. In questo modo i segmenti numerici possono essere modificati singolarmente.

  

  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, il controllo spin può essere usato per modificare le unità.

Etichette

• Applicare le linee guida per l'etichettatura casella di testo per etichettare la casella di testo associata. I controlli spin non vengono mai etichettati direttamente.

Documentazione

Quando si fa riferimento a 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

glossario