Pulsanti

Con un pulsante di opzione, gli utenti fanno una scelta tra un set di opzioni correlate che si escludono a vicenda. Gli utenti possono scegliere una e una sola opzione. I pulsanti di opzione vengono chiamati perché funzionano come i set di impostazioni del canale sulle radio.

Un gruppo tipico di pulsanti di opzione.

Un gruppo di pulsanti di opzione si comporta come un singolo controllo. Solo la scelta selezionata è accessibile usando il tasto TAB, ma gli utenti possono scorrere il gruppo usando i tasti di direzione.

Questo è il controllo giusto?

Per decidere, considerare queste domande:

• Il controllo viene usato per scegliere un'opzione da un set di scelte che si escludono a vicenda? In caso contrario, usare un altro controllo. Per scegliere più opzioni, usare caselle di controllo, un elenco di selezione multipla o un elenco di caselle di controllo.

• Il numero di opzioni tra due e sette? Poiché lo spazio dello schermo usato è proporzionale al numero di opzioni, mantenere il numero di opzioni in un gruppo compreso tra due e sette. Per otto o più opzioni, usare un elenco a discesa o elenco a selezione singola.

• Una casella di controllo è una scelta migliore? Se sono disponibili solo due opzioni, è possibile usare una singola casella di controllo . Tuttavia, le caselle di controllo sono adatte solo per attivare o disattivare una singola opzione, mentre i pulsanti di opzione possono essere usati per alternative completamente diverse. Se entrambe le soluzioni sono possibili:

  • Usare i pulsanti di opzione se il significato della casella di controllo deselezionata non è completamente ovvio.

    risposta errata:

    

    risposta esatta:

    

    Nell'esempio corretto, le scelte non sono opposte, quindi i pulsanti di opzione sono la scelta migliore.

  • Utilizzare pulsanti di opzione nelle pagine della procedura guidata per rendere chiare le alternative, anche se una casella di controllo è altrimenti accettabile.

  • Usa i pulsanti di opzione se hai abbastanza spazio sullo schermo e le opzioni sono abbastanza importanti da essere un buon uso di tale spazio sullo schermo. In caso contrario, usare una casella di controllo o un elenco a discesa.

    risposta errata:

    

    In questo esempio le opzioni non sono sufficientemente importanti da usare i pulsanti di opzione.

    risposta esatta:

    

    In questo esempio, una casella di controllo è un uso efficiente dello spazio sullo schermo per questa opzione periferica.

  • Utilizzare una casella di controllo se nella pagina sono presenti altre caselle di controllo.

• Un elenco a discesa è una scelta migliore? Se l'opzione predefinita è consigliata per la maggior parte degli utenti nella maggior parte delle situazioni, i pulsanti di opzione potrebbero attirare più attenzione sulle opzioni del necessario.

  • È consigliabile usare un elenco a discesa se non si vuole attirare l'attenzione sulle opzioni o non si vuole incoraggiare gli utenti a apportare modifiche. Un elenco a discesa è incentrato sulla selezione corrente, mentre i pulsanti di opzione evidenziano ugualmente tutte le opzioni.

    

    In questo esempio, un elenco a discesa è incentrato sulla selezione corrente e sconsiglia agli utenti di apportare modifiche.

  • Si consideri un elenco a discesa se nella pagina sono presenti altri elenchi a discesa.

• Un set di pulsanti di comando, collegamenti ai comandi o un pulsante di divisione è una scelta migliore? Se i pulsanti di opzione vengono usati solo per influire sul modo in cui viene eseguito un comando, è spesso preferibile presentare le variazioni dei comandi. In questo modo gli utenti possono scegliere il comando corretto con una singola interazione.

• Le opzioni presentano le opzioni del programma, anziché i dati? I valori delle opzioni non devono essere basati sul contesto o su altri dati. Per i dati, usare un elenco a discesa o un elenco a selezione singola.

• Se il controllo viene usato in una pagina o in un pannello di controllo della procedura guidata, è il controllo una risposta all'istruzione principale e gli utenti possono modificare la scelta in un secondo momento? In tal caso, è consigliabile usare i collegamenti ai comandi anziché i pulsanti di opzione per rendere l'interazione più efficiente.

• I valori non sono numerici? Per i dati numerici, usare caselle di testo, elenchi a discesao dispositivi di scorrimento.

Istruzioni

Generale

• Elencare le opzioni in un ordine logico, come la scelta più probabile per un'operazione meno semplice o più complessa o meno rischiosa per la maggior parte. L'ordinamento alfabetico non è consigliato perché è dipendente dalla lingua e pertanto non localizzabile.

• Se nessuna delle opzioni è una scelta valida, aggiungere un'altra opzione per riflettere questa scelta, ad esempio Nessuno o Non si applica.

• Preferisce allineare i pulsanti di opzione verticalmente anziché orizzontalmente. L'allineamento orizzontale è più difficile da leggere e localizzare.

  risposta esatta:

  

  In questo esempio i pulsanti di opzione sono allineati verticalmente.

  risposta errata:

  

  In questo esempio, l'allineamento orizzontale è più difficile da leggere.

• riconsiderare l'uso di caselle di gruppo per organizzare gruppi di pulsanti di opzione, questo comporta spesso confusione nello schermo.

• Non usare le etichette dei pulsanti di opzione come etichette delle caselle di gruppo.

• Non usare la selezione di un pulsante di opzione per:

  • Eseguire i comandi.
  • Visualizzare altre finestre, ad esempio una finestra di dialogo per raccogliere più input.
  • Mostrare o nascondere in modo dinamico altri controlli correlati al controllo selezionato (le utilità per la lettura dello schermo non possono rilevare tali eventi). Tuttavia, è possibile modificare il testo in modo dinamico in base alla selezione.

Controlli subordinati

• Posizionare i controlli subordinati a destra di o sotto (rientrati, scaricati con l'etichetta del pulsante di opzione) il pulsante di opzione e la relativa etichetta. Terminare l'etichetta del pulsante di opzione con due punti.

  

  In questo esempio, il pulsante di opzione e il relativo controllo subordinato condividono l'etichetta del pulsante di opzione e il relativo tasto di scelta. In questo caso, i tasti freccia spostano lo stato attivo dal pulsante di opzione alla relativa casella di testo subordinata.

• Lasciare le caselle di testo modificabili dipendenti e gli elenchi a discesa abilitati se condividono l'etichetta del pulsante di opzione. Quando gli utenti digitano o incollano qualsiasi elemento nella casella, selezionare automaticamente l'opzione corrispondente. In questo modo si semplifica l'interazione.

  

  In questo esempio, l'immissione di un numero di pagina seleziona automaticamente Pages.

• Evitare di annidare pulsanti di opzione con altri pulsanti di opzione o caselle di controllo. Se possibile, mantenere tutte le opzioni allo stesso livello.

  risposta esatta:

  

  In questo esempio le opzioni sono allo stesso livello.

  risposta errata:

  

  In questo esempio, l'uso delle opzioni annidate aggiunge complessità non necessarie.

• Se si annidano pulsanti di opzione con altri pulsanti di opzione o caselle di controllo, disabilitare questi controlli subordinati fino a quando non viene selezionata l'opzione di alto livello. In questo modo si evita confusione sul significato dei controlli subordinati.

Valori predefiniti

• Poiché un gruppo di pulsanti di opzione rappresenta un set di opzioni che si escludono a vicenda, avere sempre selezionato un pulsante di opzione per impostazione predefinita. Selezionare l'opzione più sicura (per evitare la perdita di dati o l'accesso al sistema) e l'opzione più sicura e privata. Se la sicurezza e la sicurezza non sono fattori, selezionare l'opzione più probabile o conveniente.

• Eccezioni: Non è disponibile una selezione predefinita se:

  • Non esiste alcuna opzione predefinita accettabile per motivi di sicurezza, sicurezza o legali e pertanto l'utente deve effettuare una scelta esplicita. Se l'utente non effettua una selezione, visualizza un messaggio di errore per forzarne uno.
  • L'interfaccia utente deve riflettere lo stato corrente e l'opzione non è stata ancora impostata. Un valore predefinito implica erroneamente che l'utente non deve effettuare una selezione.
  • L'obiettivo è raccogliere dati non distorti. I valori predefiniti pregiudizierebbero la raccolta dei dati.
  • Il gruppo di pulsanti di opzione rappresenta una proprietà in uno stato misto, che si verifica quando si visualizza una proprietà per più oggetti che non hanno la stessa impostazione. Non visualizzare un messaggio di errore in questo caso perché ogni oggetto ha uno stato valido.

• Rendere la prima opzione l'opzione predefinita, poiché gli utenti spesso si aspettano che, a meno che tale ordine non sia logico. A tale scopo, potrebbe essere necessario modificare le etichette delle opzioni.

  risposta errata:

  

  In questo esempio l'opzione predefinita non è la prima opzione.

  risposta esatta:

  predefinita

  In questo esempio, le etichette di opzione vengono riformulate per rendere la prima opzione l'opzione predefinita.

Dimensioni e spaziatura consigliate

Dimensioni consigliate e spaziatura per i pulsanti di opzione.

Etichette

Etichette dei pulsanti di opzione

• Etichettare ogni pulsante di opzione.

• Assegnare una chiave di accesso univoca a ogni etichetta. Per linee guida, vedere tastiera.

• Usare maiuscole e minuscole.

• Scrivere l'etichetta come frase, non come frase e non usare la punteggiatura finale.

  • Eccezione: Se un'etichetta del pulsante di opzione etichetta anche un controllo subordinato che lo segue, terminare l'etichetta con due punti.

• Usare la formulazione parallela e provare a mantenere la lunghezza uguale per tutte le etichette.

• Concentrarsi sul testo dell'etichetta sulle differenze tra le opzioni. Se tutte le opzioni hanno lo stesso testo introduttivo, spostare il testo nell'etichetta di gruppo.

• Usare formulazioni positive. Ad esempio, utilizzare do invece di non fare e stampare invece di non stampare.

• Descrivere solo l'opzione con l'etichetta. Mantenere brevi le etichette in modo che sia facile farvi riferimento nei messaggi e nella documentazione. Se l'opzione richiede ulteriore spiegazione, fornire la spiegazione in un testo statico controllo usando frasi complete e punteggiatura finale.

  

  In questo esempio le opzioni vengono illustrate usando controlli di testo statici separati.

  Nota

  L'aggiunta di una spiegazione a un pulsante di opzione non significa che è necessario fornire spiegazioni per tutti i pulsanti di opzione. Specificare le informazioni pertinenti nell'etichetta, se possibile, e usare le spiegazioni solo quando necessario. Non riformulare semplicemente l'etichetta per coerenza.

   

• Se è fortemente consigliata un'opzione, aggiungere "(scelta consigliata)" all'etichetta. Assicurarsi di aggiungere all'etichetta del controllo, non alle note supplementari.

• Se un'opzione è destinata solo agli utenti avanzati, aggiungere "(advanced)" all'etichetta. Assicurarsi di aggiungere all'etichetta del controllo, non alle note supplementari.

• Se è necessario usare etichette a più righe, allineare la parte superiore dell'etichetta con il pulsante di opzione.

• Non usare un controllo subordinato, i valori contenuti o l'etichetta delle unità per creare una frase o una frase. Tale progettazione non è localizzabile perché la struttura delle frasi varia in base alla lingua.

Etichette del gruppo di pulsanti di opzione

• Usare l'etichetta di gruppo per spiegare lo scopo del gruppo, non come effettuare la selezione. Si supponga che gli utenti sappiano usare i pulsanti di opzione. Ad esempio, non pronunciare "Selezionare una delle opzioni seguenti".

• Tutti i gruppi di pulsanti di opzione necessitano di etichette. Scrivere l'etichetta come parola o frase, non come frase, terminando con due punti usando testo statico o una casella di gruppo.

  Eccezione: omettere l'etichetta se si tratta semplicemente di un riformulare del istruzione principale di una finestra di dialogo. In questo caso, l'istruzione principale accetta i due punti (a meno che non sia una domanda) e la chiave di scelta (se presente).

  accettabile:

  

  In questo esempio, l'etichetta del gruppo di pulsanti di opzione è solo una riformularità dell'istruzione principale.

  migliore:

  

  In questo esempio l'etichetta ridondante viene rimossa, quindi l'istruzione principale accetta i due punti.

• Non assegnare una chiave di accesso all'etichetta. In questo modo non è necessario e rende più difficile l'assegnazione delle altre chiavi di accesso.

  • Eccezione: Se non tutti i controlli possono avere chiavi di accesso univoco, è possibile assegnare una chiave di accesso all'etichetta anziché i singoli controlli. Per altre informazioni, vedere Keyboard.

Documentazione

Quando si fa riferimento ai pulsanti di opzione:

• Usare il testo esatto dell'etichetta, inclusa la relativa maiuscola, ma non includere il carattere di sottolineatura o i due punti della chiave di accesso.
• Nella programmazione e in altri documenti tecnici, fare riferimento ai pulsanti di opzione come pulsanti di opzione. Ovunque si usino pulsanti di opzione, in particolare nella documentazione dell'utente.
• Per descrivere l'interazione dell'utente, usare clic.
• Quando possibile, formattare l'etichetta usando il testo grassetto. In caso contrario, inserire l'etichetta tra virgolette solo se necessario per evitare confusione.

Esempio: fare clic su pagina correntee quindi su OK.