Pulsanti di comando in Windows 7
Nota
Questa guida di 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 i pulsanti di comando in Windows 7, gli utenti avviano azioni immediate.
Pulsante di comando tipico.
Il pulsante di comando predefinito viene richiamato quando gli utenti preme il tasto INVIO. Viene assegnato dallo sviluppatore, ma qualsiasi pulsante di comando diventa l'impostazione predefinita quando gli utenti lo tabulano.
Nota
Le linee guida relative al layout vengono presentate in un articolo separato.
È il controllo giusto?
Per decidere, considerare queste domande:
- Il pulsante di comando viene usato per avviare un'azione immediata? In caso contrario, usare un altro controllo.
- Un collegamento sarebbe una scelta migliore? Usare un collegamento se:
- L'azione consiste nel passare a un'altra pagina, finestra o argomento della Guida. Eccezione: lo spostamento guidato usa i pulsanti di comando Indietro e Avanti.
- Il comando è incorporato in un corpo di testo.
- Il comando è di natura secondaria. Ovvero, non si riferisce allo scopo principale della finestra. In questo caso, sarebbe appropriato un pulsante di comando leggero o un collegamento.
- Il comando fa parte di un menu o di un gruppo di collegamenti correlati.
- L'etichetta è lunga, costituita da cinque o più parole, dando così un pulsante di comando un aspetto imbarazzante.
- Una combinazione di pulsanti di opzione e pulsanti di comando generici è una scelta migliore? Spesso i pulsanti di opzione vengono usati insieme ai pulsanti di comando generici (OK, Annulla) al posto di un set di pulsanti di comando specifici quando uno dei seguenti è vero:
Sono disponibili cinque o più azioni possibili.
Gli utenti devono visualizzare informazioni aggiuntive prima di prendere una decisione.
Gli utenti devono interagire con le scelte (ad esempio per visualizzare informazioni aggiuntive) prima di prendere una decisione.
Gli utenti visualizzano le scelte come opzioni anziché comandi diversi.
Corretto:
In questo esempio, i pulsanti di opzione vengono combinati con i pulsanti OK e Annulla per fornire informazioni aggiuntive sulle opzioni.
Scorretto:
In questo esempio, i pulsanti di comando rendono difficile per gli utenti prendere una decisione informata.
Concetti relativi alla progettazione
Uso dei puntini di sospensione
Mentre i pulsanti di comando vengono usati per azioni immediate, potrebbero essere necessarie altre informazioni per eseguire l'azione. Indicare un comando che richiede informazioni aggiuntive (inclusa la conferma) aggiungendo i puntini di sospensione alla fine dell'etichetta del pulsante.
In questo esempio, stampa... il comando visualizza una finestra di dialogo Stampa per raccogliere altre informazioni.
Al contrario, in questo esempio il comando Print stampa una singola copia di un documento nella stampante predefinita senza ulteriori interazioni dell'utente.
L'uso corretto dei puntini di sospensione è importante per indicare che gli utenti possono effettuare ulteriori scelte prima di eseguire l'azione o persino annullare completamente l'azione. Il segnale visivo offerto da un puntini di sospensione consente agli utenti di esplorare il software senza paura.
Questo non significa che è consigliabile usare i puntini di sospensione ogni volta che un'azione visualizza un'altra finestra. Usare i puntini di sospensione solo quando sono necessarie informazioni aggiuntive per eseguire l'azione. Di conseguenza, qualsiasi pulsante di comando il cui verbo implicito consiste nel mostrare un'altra finestra non accetta puntini di sospensione, ad esempio con i comandi Informazioni, Avanzate, Guida (o qualsiasi altro comando che collega un argomento della Guida), Opzioni, Proprietà o Impostazioni.
In genere, i puntini di sospensione vengono usati nelle interfacce utente per indicare l'incompletezza. I comandi che mostrano altre finestre non sono incompleti; devono visualizzare un'altra finestra e non sono necessarie informazioni aggiuntive per eseguire l'azione. Questo approccio elimina la confusione dello schermo in situazioni in cui i puntini di sospensione hanno un valore minimo.
Nota: quando si determina se un pulsante di comando necessita di puntini di sospensione, non usare la necessità di elevare i privilegi come fattore. L'elevazione non è un'informazione necessaria per eseguire un comando (ma per l'autorizzazione) e la necessità di elevare i privilegi è indicata con lo scudo di sicurezza.
Se fai solo una cosa... Usare un'etichetta concisa, specifica e autoesplicativo che descrive chiaramente l'azione eseguita dal pulsante di comando e usare i puntini di sospensione quando appropriato.
Modelli di utilizzo
I pulsanti di comando hanno diversi modelli di utilizzo:
Utilizzo | Esempio |
---|---|
Pulsanti di comando standard È possibile usare i pulsanti di comando standard per avviare un'azione immediata. |
Pulsante di comando standard. |
Pulsanti di comando predefiniti Il pulsante di comando predefinito in una finestra indica il pulsante di comando che verrà attivato quando gli utenti premeranno INVIO. |
Pulsante di comando predefinito. Qualsiasi pulsante di comando diventa l'impostazione predefinita quando gli utenti lo tabulano. Se lo stato attivo per l'input si trova su un controllo che non è un pulsante di comando, il pulsante di comando con l'attributo pulsante predefinito diventa l'impostazione predefinita. Un solo pulsante di comando in una finestra può essere l'impostazione predefinita. |
Pulsanti di comando leggeri Un pulsante di comando leggero è simile a un pulsante di comando standard, ad eccezione della cornice del pulsante viene visualizzato solo al passaggio del mouse. |
In questo esempio, il comando ha un aspetto molto leggero (simile a un collegamento) fino a quando l'utente non passa il puntatore del mouse sul comando, a quel punto viene disegnato con una cornice pulsante. È possibile usare pulsanti di comando leggeri in situazioni in cui si usa un pulsante di comando standard, ma si vuole evitare di visualizzare sempre la cornice del pulsante. I pulsanti di comando leggeri sono ideali per i comandi che si vogliono sottodimensionare e l'uso di un collegamento non sarebbe appropriato. |
Pulsanti di menu Usa un pulsante di menu quando è necessario un menu per un piccolo set di comandi correlati. |
Pulsante di menu con un piccolo set di comandi correlati. Usare un pulsante di menu quando una barra dei menu non è indesiderata, ad esempio in una finestra di dialogo, una barra degli strumenti o un'altra finestra che non dispone di una barra dei menu. Un singolo triangolo verso il basso indica che facendo clic sul pulsante verrà visualizzato un menu a discesa. |
Pulsanti di divisione Usare un pulsante di divisione per consolidare un set di varianti di un comando, soprattutto quando uno dei comandi viene usato più volte. |
pulsante di divisione compresso. come un pulsante di menu, un singolo triangolo verso il basso indica che facendo clic sulla parte più a destra del pulsante verrà visualizzato un menu a discesa. pulsante di divisione a discesa. in questo esempio viene usato un pulsante di divisione per consolidare sei varianti del comando aperto. Il normale comando open viene usato per la maggior parte del tempo, quindi gli utenti normalmente non devono vedere gli altri comandi. l'uso di un pulsante di divisione consente di risparmiare una notevole quantità di spazio sullo schermo, offrendo anche scelte efficaci. a differenza di un pulsante di menu, facendo clic sulla parte sinistra del pulsante viene eseguita direttamente l'azione sull'etichetta. i pulsanti di divisione sono efficaci nelle situazioni in cui è probabile che l'azione successiva con uno strumento specifico sia la stessa dell'ultima azione. in questo caso, l'etichetta viene modificata nell'ultima azione, come con una selezione colori: In questo esempio l'etichetta viene modificata nell'ultima azione. |
Pulsanti Sfoglia Usa un pulsante Sfoglia per visualizzare una finestra di dialogo per consentire agli utenti di selezionare un valore valido. |
le finestre di dialogo avviate da un pulsante Sfoglia consentono agli utenti di selezionare file, cartelle, computer, utenti, colori e così via. vengono in genere combinati con un controllo non vincolato, ad esempio una casella di testo. sono in genere etichettati sfoglia, altri o più e hanno sempre i puntini di sospensione per indicare che sono necessarie altre informazioni. una casella di testo con un pulsante Sfoglia. per le finestre con molti pulsanti di esplorazione, è possibile usare una versione breve: Pulsante sfoglia breve. |
Pulsanti di divulgazione progressiva Usa un pulsante di divulgazione progressiva per mostrare o nascondere le opzioni usate raramente. |
nascondere raramente le opzioni usate fino a quando non sono necessarie è chiamata divulgazione progressiva. i double chevrons vengono usati per indicare la divulgazione progressiva, e puntano nella direzione in cui si svolgerà la rivelazione o nascondersi: dopo aver fatto clic sul pulsante, l'etichetta cambia per indicare che il clic successivo avrà l'effetto opposto: Per altre informazioni ed esempi, vedere Controlli di divulgazione progressiva. |
Pulsanti direzionali Usa un pulsante direzionale per indicare la direzione in cui verrà eseguita un'azione. |
in questo caso, viene usata una singola parentesi angolare anziché una doppia freccia di espansione: Un pulsante direzionale indica la direzione dell'azione. |
Linee guida
Generali
- Visualizza un puntatore occupato se il risultato del clic su un pulsante di comando non è istantaneo. Senza commenti e suggerimenti, gli utenti potrebbero presupporre che il clic non sia stato eseguito e fare di nuovo clic.
- Se lo stesso pulsante di comando viene visualizzato in più finestre, provare a usare lo stesso testo dell'etichetta e la stessa chiave di accesso e individuarlo nello stesso posto in ogni finestra quando pratico.
- Per i pulsanti di comando con etichette di testo, usare una larghezza minima del pulsante e l'altezza del pulsante di comando standard. Per altre informazioni, vedere Dimensioni e spaziatura consigliate.
- Per ogni finestra fare in modo che i pulsanti di comando corrispondano alla stessa larghezza. Se non è pratico, limitare il numero di larghezze diverse per i pulsanti di comando con etichette di testo a due.
- Quando un altro controllo interagisce con un pulsante di comando, ad esempio una casella di testo con un pulsante Sfoglia, denotare la relazione posizionando il pulsante di comando in una delle tre posizioni seguenti:
- A destra di e allineato in alto con l'altro controllo.
- Sotto e allineato a sinistra con l'altro controllo.
- Centrato verticalmente tra i controlli che interagiscono (ad esempio, i pulsanti Aggiungi e Rimuovi tra due caselle di riepilogo di interoperabilità).
- Se più pulsanti di comando interagiscono con lo stesso controllo, impilarli verticalmente a destra e allineati in alto con l'altro controllo o posizionarli orizzontalmente allineati a sinistra sotto il controllo.
- Quando i pulsanti di comando sono subordinati ad altri controlli, usare il posizionamento precedente e disabilitare il pulsante di comando subordinato fino a quando non viene selezionato il controllo superiore.
- Non usare pulsanti di comando stretti, brevi o alti con etichette di testo perché tendono a sembrare poco professionali. Provare a usare le larghezze e le altezze predefinite.
Corretto:
In questo esempio, la dimensione del pulsante è standard e sembra professionale.
Scorretto:
In questo esempio il pulsante è troppo piccolo.
Scorretto:
In questo esempio il pulsante ha troppo spazio intorno all'etichetta.
- Evitare di combinare etichette di testo e grafica nei pulsanti di comando. La combinazione di testo e grafica in genere aggiunge confusione visiva non necessaria e non migliora la comprensione dell'utente. È consigliabile combinare testo e grafica solo quando l'elemento grafico facilita la comprensione, ad esempio quando si tratta di un simbolo standard per il comando o consente agli utenti di visualizzare i risultati del comando. In caso contrario, preferire il testo, ma usare testo o grafica.
Corretto:
In questo esempio, l'immagine freccia consente agli utenti di visualizzare i risultati del comando.
Corretto:
In questo esempio, i simboli standard vengono combinati con il testo per facilitare la comprensione
Scorretto:
In questo esempio, l'elemento grafico annulla non aggiunge alcun elemento al testo.
- Non usare i pulsanti di comando per impostare lo stato. Usare invece pulsanti di opzione o caselle di controllo. I pulsanti di comando sono solo per l'avvio di azioni.
Pulsanti di divisione
- Rendere il comando più probabile il comportamento predefinito. Se è presente più di un comando probabile, scegliere uno che non richiede informazioni aggiuntive.
- Se il comando più probabile è l'ultima selezione dell'utente, modificare l'etichetta del pulsante con l'ultima selezione.
- Visualizzare il comando predefinito usando il testo in grassetto nel menu. In questo modo è più semplice per gli utenti trovare il comando predefinito, soprattutto quando il comando predefinito è dinamico o il pulsante di divisione usa un elemento grafico anziché un'etichetta di testo.
Valori predefiniti
- Includere un pulsante di comando predefinito in ogni finestra di dialogo. Selezionare il comando più sicuro (per evitare la perdita di dati o l'accesso al sistema) e il comando più sicuro per l'impostazione predefinita. Se la sicurezza e la sicurezza non sono fattori, selezionare il comando più probabile o pratico.
- Non rendere un'azione distruttiva il pulsante di comando predefinito, a meno che non esista un modo semplice per annullare il comando.
Dimensioni e spaziatura consigliate
Dimensioni consigliate e spaziatura per i pulsanti di comando.
Etichette
Etichettare ogni pulsante di comando.
Se il pulsante ha solo un'etichetta grafica, assegnarne la proprietà Name a un'etichetta di testo appropriata. Ciò consente ai prodotti di assistive technology, ad esempio le utilità per la lettura dello schermo, di fornire agli utenti informazioni alternative sull'elemento grafico.
Questo esempio mostra i pulsanti grafici; internamente, questi pulsanti sono etichettati Indietro, Avanti e Copia.
Per i pulsanti di esplorazione brevi (etichettati "..."), l'etichetta interna deve essere Sfoglia.
Assegnare una chiave di accesso univoca. Per linee guida, vedi Tastiera.
Eccezioni:
- Non assegnare i tasti di scelta ai pulsanti OK e Annulla, perché INVIO è il tasto di scelta per il pulsante predefinito (che in genere è il pulsante OK) e ESC è il tasto di scelta per Annulla. In questo modo le altre chiavi di accesso sono più facili da assegnare.
- Non assegnare i tasti di scelta ai pulsanti di esplorazione brevi (etichettati "..."), perché non possono essere assegnati in modo univoco.
Preferire etichette specifiche rispetto a quelle generiche. Idealmente, gli utenti non devono leggere altro per comprendere l'etichetta. Gli utenti sono molto più propensi a leggere le etichette dei pulsanti di comando rispetto al testo statico.
- Eccezione: non rinominare il pulsante Annulla se il significato dell'annullamento non è ambiguo. Gli utenti non devono leggere tutti i pulsanti per determinare quale pulsante annulla un'azione. Tuttavia, rinominare Annulla se non è chiaro quale azione viene annullata, ad esempio quando sono presenti diverse azioni in sospeso.
Accettabile:
In questo esempio, OK e Cancel sono accettabili ma non specifiche etichette.
Migliore:
In questo esempio Burn CD è più specifico di OK.
Risposta errata:
In questo esempio, l'opzione Cancel deve essere usata invece di Non masterizzare CD.
Iniziare le etichette con un verbo imperativo e descrivere chiaramente l'azione eseguita dal pulsante. Non usare punteggiatura finale.
- Eccezione: le etichette standard seguenti sono accettabili senza verbi: Advanced, Back, Details, Forward, Less, More, New, Next, No, OK, Options, Previous, Properties, Settings e Yes.
Sebbene siano preferibili etichette brevi, usare testo sufficiente per spiegare il comando in modo sufficiente. Utilizzare un oggetto diretto (un sostantivo dopo il verbo) quando l'oggetto non è evidente dal contesto. Idealmente, gli utenti non devono leggere altro per comprendere l'etichetta.
Accettabile:
In questo esempio, un'etichetta breve è accettabile se il suo significato nel contesto è facilmente evidente.
Meglio: (se Add non è chiaro)
In questo esempio, l'aggiunta di un sostantivo al verbo facilita la comprensione degli utenti.
Migliore: (se l'opzione Aggiungi o Aggiungi elementi non è deselezionata)
In questo esempio l'etichetta è autoesplicativo.
Usare la maiuscola in stile frase. In questo modo è più appropriato per il tono di Windows tono di Windows e l'uso di frasi brevi per i pulsanti di comando.
- Eccezione: per le applicazioni legacy, è possibile usare le maiuscole in stile titolo, se necessario, per evitare di combinare stili di maiuscole e minuscole.
Non usare ora nelle etichette dei pulsanti di comando perché è possibile concedere la correzione del comando.
- Eccezione: se necessario, usare ora per distinguere i comandi che avviano un'attività dai comandi che eseguono immediatamente un'attività.
In questo esempio, facendo clic sul pulsante di comando viene visualizzata una finestra o una pagina che consente agli utenti di scaricare.
In questo esempio, facendo clic sul pulsante di comando viene eseguito il download.
A questo momento dovrebbe essere etichettato un solo comando in un flusso di attività. Ad esempio, un comando Scarica ora non deve mai essere seguito da un altro comando Scarica ora .
Non usare più avanti nelle etichette dei pulsanti di comando se implica un'azione che non si verificherà. Ad esempio, non usare Install later (a differenza di Install now) a meno che tale comando non venga installato in un secondo momento. Usare invece Don't install (Non installare) o Cancel (Annulla).
Risposta errata:
In questo esempio, Restart Later in modo errato implica che il comando viene riavviato automaticamente in un secondo momento.
Usare un pulsante Avanzate solo per le opzioni rilevanti per gli utenti avanzati o richiedere conoscenze utente avanzate. Non usare un pulsante Avanzato per le funzionalità considerate tecnologicamente avanzate. Ad esempio, la funzionalità di associazione di una stampante non è un'opzione avanzata, ma il sistema di gestione dei colori è.
Risposta errata: (se le opzioni in realtà non sono avanzate)
In questo esempio Advanced è fuorviante.
Risposta corretta:
In questo esempio l'etichetta è più specifica e accurata.
Per i pulsanti di comando che aprono altre finestre, scegliere un'etichetta che usa parte o tutto il testo della barra del titolo della finestra secondaria. Ad esempio, un pulsante di comando con etichetta Sfoglia potrebbe aprire una finestra di dialogo intitolata Sfoglia per cartella. L'uso della stessa terminologia in tutta l'attività consente di mantenere gli utenti orientati.
Quando si pone una domanda, usare le etichette che corrispondono alla domanda. Non usare OK/Annulla per rispondere a domande Sì/No.
Risposta corretta:
In questo esempio i pulsanti rispondono alla domanda.
Risposta errata:
In questo esempio i pulsanti non rispondono alla domanda.
Terminare l'etichetta con i puntini di sospensione se il comando richiede informazioni aggiuntive da eseguire.
- Eccezione: le etichette grafiche non accettano i puntini di sospensione.
Risposta esatta: se viene visualizzata una finestra di dialogo Opzioni di stampa
In questo esempio, dopo aver fatto clic sul pulsante, viene visualizzata la finestra di dialogo Opzioni di stampa e richiede altre informazioni dall'utente.
Non usare i puntini di sospensione quando il completamento dell'azione è semplicemente quello di visualizzare un'altra finestra. I comandi seguenti non accettano mai i puntini di sospensione: Informazioni, Avanzate, Opzioni, Proprietà, Guida.
Risposta errata:
In questo esempio, dopo aver fatto clic sul pulsante, viene visualizzata la finestra di dialogo Opzioni, ma non sono necessarie ulteriori informazioni da parte dell'utente.
In caso di ambiguità (ad esempio, l'etichetta del comando non contiene un verbo), decidere in base all'azione utente più probabile. Se è sufficiente visualizzare la finestra è un'azione comune, non usare i puntini di sospensione.
Risposta corretta:
Altri colori...
Informazioni sulla versione
Nel primo esempio, è probabile che gli utenti scelgano un colore, quindi l'uso di puntini di sospensione è corretto. Nel secondo esempio, è probabile che gli utenti visualizzino le informazioni sulla versione, rendendo i puntini di sospensione non necessari.
Per i pulsanti sfoglia, usare i pulsanti di esplorazione brevi (etichettati "...") quando sono presenti più di due pulsanti di esplorazione in una finestra. Usare sempre la versione breve quando si desidera visualizzare un pulsante sfoglia in una griglia.
Per i pulsanti direzionali, usare una singola parentesi angolare e posizionarla nella direzione in cui viene eseguita l'azione.
La tabella seguente illustra alcune etichette comuni dei pulsanti di comando e il relativo utilizzo.
Etichetta pulsante | Significato | Chiave di accesso |
---|---|---|
Indietro |
Nelle procedure guidate e nei flussi di attività passare alla pagina precedente. |
"B" |
Sfogliare... |
Consente di visualizzare una finestra di dialogo per cercare un file o un oggetto. |
'B' o 'r' |
Opzioni |
Visualizzare le scelte disponibili per gli utenti per la personalizzazione di un programma. |
'O' |
Sospendi |
Nelle finestre di dialogo in corso sospendere l'attività. |
'P' |
Personalizzare |
Personalizzare un'esperienza di base fondamentale per l'identificazione personale dell'utente con un programma. |
'P' |
Preferenze |
Non usare. Usare invece Opzioni. |
Non applicabile. |
Proprietà |
Visualizzare gli attributi e le impostazioni per un oggetto . |
'P' o primo 'r' |
Salva |
Salvare un gruppo di impostazioni oppure salvare un file o un oggetto usando il nome corrente. |
'S' |
Salva con nome... |
Salvare un file o un oggetto usando un nome specificato. |
Secondo 'a' |
Impostazioni |
Non usare. Usare invece Opzioni. |
Non applicabile. |
Risoluzione dei problemi |
Non usare. Usare invece un collegamento alla Guida specifico. |
Non applicabile. |
Per linee guida sulle etichette dei pulsanti di commit (OK, Annulla, Sì/No, Chiudi, Arresta, Applica, Avanti, Fine, Fine), vedi Testo dell'interfaccia utente.
Documentazione
Quando si fa riferimento ai pulsanti di comando:
- Usare il testo esatto dell'etichetta, inclusa la relativa maiuscola, ma non includere il carattere di sottolineatura o i puntini di sospensione della chiave di accesso. Non includere il pulsante parola.
- 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 Stampa per stampare il documento.