Pulsanti di comando in Windows 7
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 i pulsanti di comando in Windows 7, gli utenti avviano azioni immediate.
Un pulsante di comando tipico.
Il pulsante di comando predefinito viene richiamato quando gli utenti premono 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, prendi in considerazione queste domande:
- Il pulsante di comando viene usato per avviare un'azione immediata? Se non è così, usa 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 è true:
Esistono 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 opzioni come opzioni anziché comandi diversi.
Correzione:
In questo esempio i pulsanti di opzione vengono combinati con i pulsanti OK e Annulla per fornire informazioni aggiuntive sulle opzioni.
Risposta errata:
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 le azioni immediate, potrebbero essere necessarie ulteriori 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.
In questo esempio, in questo esempio, il comando Stampa stampa una singola copia di un documento nella stampante predefinita senza ulteriori interazioni da parte 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 dai puntini di sospensione consente agli utenti di esplorare il software senza paura.
Ciò 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 è "mostrare un'altra finestra" non accetta puntini di sospensione, ad esempio con i comandi Informazioni, Avanzate, Guida (o qualsiasi altro comando collegato a 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 il disordine dello schermo nelle situazioni in cui i puntini di sospensione hanno un valore minimo.
Nota: Quando si determina se un pulsante di comando richiede puntini di sospensione, non usare la necessità di elevare i privilegi come fattore. L'elevazione dei privilegi non è necessaria per eseguire un comando (invece per l'autorizzazione) e la necessità di elevare le prestazioni è indicata con lo scudo di sicurezza.
Se fai solo una cosa... Usa un'etichetta concisa, specifica e autoesplicativa che descrive chiaramente l'azione eseguita dal pulsante di comando e usa 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 è 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 del relativo fotogramma 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 del 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 di cui si vuole eseguire l'eemfasize e l'uso di un collegamento non sarebbe appropriato. |
Pulsanti di menu Usare 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 nella maggior parte dei casi. |
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 suddivisione a discesa. in questo esempio viene usato un pulsante di divisione per consolidare sei varianti del comando aperto. Il normale comando open viene usato nella maggior parte dei casi, quindi gli utenti in genere non devono visualizzare 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 Usare 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 un puntino 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 di esplorazione breve. |
Pulsanti di divulgazione progressiva Usare un pulsante di divulgazione progressiva per visualizzare o nascondere raramente le opzioni usate. |
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 alla direzione in cui si svolgeranno le rivelazioni o nascondere: 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 Usare un pulsante direzionale per indicare la direzione in cui verrà eseguita un'azione. |
in questo caso, viene usata una singola parentesi angolare anziché un doppio chevron: Un pulsante direzionale indica la direzione dell'azione. |
Indicazioni
Generale
- Visualizzare un puntatore occupato se il risultato di fare clic su un pulsante di comando non è istantaneo. Senza commenti e suggerimenti, gli utenti potrebbero presupporre che il clic non sia stato eseguito di nuovo e fare clic di nuovo.
- 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 in circa la stessa posizione 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 consigliate e spaziatura.
- Per ogni finestra fare in modo che i pulsanti di comando corrispondano alla stessa larghezza. Se è impraticabile, 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, indica la relazione inserendo il pulsante di comando in una delle tre posizioni:
- 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 interoperano (ad esempio Aggiungi e Rimuovi pulsanti tra due caselle di riepilogo di interoperabilità).
- Se più pulsanti di comando interagiscono con lo stesso controllo, li sovrappone in verticale a destra e allineati in alto con l'altro controllo o li posizionano 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 non professionali. Provare a usare le larghezze e le altezze predefinite.
Corretto:
In questo esempio la dimensione del pulsante è standard e sembra professionale.
Errore:
In questo esempio il pulsante è troppo piccolo.
Non corretto:
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 un inclutter visivo non necessario e non migliora la comprensione dell'utente. Prendere in considerazione la combinazione di testo e grafica solo quando l'elemento grafico aiuta a comprendere, ad esempio quando è un simbolo standard per il comando o consente agli utenti di visualizzare i risultati del comando. In caso contrario, preferire testo, ma usare testo o grafica.
Corretto:
In questo esempio, l'elemento grafico freccia consente agli utenti di visualizzare i risultati del comando.
Correzione:
In questo esempio i simboli standard vengono combinati con il testo per facilitare la comprensione
Errore:
In questo esempio l'elemento grafico annulla non aggiunge nulla 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 avviare 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 nell'ultima selezione.
- Visualizzare il comando predefinito usando testo 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 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, assegnare la proprietà Name a un'etichetta di testo appropriata. Ciò consente ai prodotti di tecnologia assistive, ad esempio le utilità per la lettura dello schermo, di fornire agli utenti informazioni alternative sull'elemento grafico.
In questo esempio vengono visualizzati pulsanti grafici; internamente, questi pulsanti sono etichettati Precedente, 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, vedere Tastiera.
Eccezioni:
- Non assegnare chiavi di accesso ai pulsanti OK e Annulla, perché Invio è la chiave di accesso per il pulsante predefinito (che è in genere il pulsante OK) e Esc è la chiave di accesso per Annulla. In questo modo, le altre chiavi di accesso sono più facili da assegnare.
- Non assegnare chiavi di accesso ai pulsanti di esplorazione brevi (etichettati "..."), perché non possono essere assegnati in modo univoco.
Preferisce etichette specifiche rispetto a quelle generiche. Idealmente gli utenti non devono leggere altro per comprendere l'etichetta. Gli utenti sono molto più probabile 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 etichette non specifiche.
Meglio:
In questo esempio, Burn CD è più specifico di OK.
Non corretto:
In questo esempio, Cancel deve essere usato invece di Non masterizzare CD.
Avviare 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.
Anche se le etichette brevi sono preferite, usare un testo sufficiente per spiegare il comando in modo sufficiente. Usare 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.
Migliore: (se Aggiungi non è chiaro)
In questo esempio, l'aggiunta di un sostantivo al verbo aiuta la comprensione degli utenti.
Migliore: (se Aggiungi o Aggiungi elementi non sono chiari)
In questo esempio l'etichetta è autoesplicativa.
Usare la maiuscola in stile frase. In questo modo è più appropriato per il tono di Windows tono windows e l'uso di frasi brevi per i pulsanti di comando.
- Eccezione: Per le applicazioni legacy, è possibile usare maiuscole in stile titolo , se necessario per evitare di combinare stili di maiuscola.
Non usare ora nelle etichette dei pulsanti di comando perché è possibile concedere la correzione del comando.
- Eccezione: Quando necessario, usare ora per distinguere i comandi che avviano un'attività dai comandi che eseguono immediatamente un'attività.
In questo esempio fare clic sul pulsante di comando passa a una finestra o a una pagina che consente agli utenti di scaricare.
In questo esempio fare clic sul pulsante del comando per eseguire il download.
Un solo comando in un flusso di attività deve essere etichettato con ora. Quindi, ad esempio, un comando Download now non deve mai essere seguito da un altro comando Download now .
Non usare più tardi nelle etichette dei pulsanti di comando se implica un'azione che non si verifica. 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 Non installare o Annullare.
Non corretto:
In questo esempio il riavvio in modo errato implica che il comando venga 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 Avanzate per le funzionalità considerate tecnologicamente avanzate. Ad esempio, la funzionalità di spling di una stampante non è un'opzione avanzata, ma il suo sistema di gestione dei colori è.
Errato: (se le opzioni non sono realmente avanzate)
In questo esempio Advanced è fuorviante.
Corretto:
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 etichettato Sfoglia potrebbe aprire una finestra di dialogo intitolata Sfoglia cartella. L'uso della stessa terminologia in tutta l'attività consente di mantenere gli utenti orientati.
Quando si pone una domanda, usare etichette che corrispondono alla domanda. Non usare OK/Annulla per rispondere a domande Sì/No.
Corretto:
In questo esempio, i pulsanti rispondono alla domanda.
Non corretto:
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.
Correzione: se viene visualizzata una finestra di dialogo Opzioni di stampa
In questo esempio, dopo aver fatto clic sul pulsante, la finestra di dialogo Opzioni di stampa viene visualizzata 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.
Non corretto:
In questo esempio, dopo aver fatto clic sul pulsante, viene visualizzata la finestra di dialogo Opzioni, ma non sono necessarie altre informazioni dell'utente.
In caso di ambiguità (ad esempio, l'etichetta di comando non contiene un verbo), decidere in base all'azione utente più probabile. Se si visualizza semplicemente la finestra è un'azione comune, non usare i puntini di sospensione.
Corretto:
Altri colori...
Informazioni sulla versione
Nel primo esempio, gli utenti sono più probabile che scelgano un colore, quindi l'uso di puntini di sospensione è corretto. Nel secondo esempio, gli utenti probabilmente visualizzeranno le informazioni sulla versione, rendendo i puntini di sospensione non necessari.
Per i pulsanti sfoglia, usare pulsanti di esplorazione brevi (etichettati "...") quando sono presenti più di due pulsanti di esplorazione in una finestra. Usare sempre la versione breve quando si vuole visualizzare un pulsante sfoglia in una griglia.
Per i pulsanti direzionali, usare una singola parentesi angolare e posizionarla nella direzione in cui si svolge l'azione.
La tabella seguente mostra alcune etichette comuni dei pulsanti di comando e il relativo utilizzo.
Etichetta pulsante | Significato | Chiave di accesso |
---|---|---|
Back |
Nelle procedure guidate e nei flussi di attività passare alla pagina precedente. |
'B' |
Sfoglia... |
Visualizzare una finestra di dialogo per cercare un file o un oggetto. |
'B' o 'r' |
Opzioni |
Visualizzare le scelte disponibili per gli utenti per personalizzare un programma. |
'O' |
Sospendi |
Nelle finestre di dialogo in corso sospendere l'attività. |
'P' |
Personalizza |
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. |
Risolvere i problemi |
Non usare. Usare invece un collegamento della 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 della chiave di accesso o i puntini di sospensione. Non includere il pulsante di parola.
- Per descrivere l'interazione dell'utente, usare clic.
- Quando possibile, formattare l'etichetta usando il testo in grassetto. In caso contrario, inserire l'etichetta tra virgolette solo se necessario per evitare confusione.
Esempio: fare clic su Stampa per stampare il documento.
Commenti e suggerimenti
https://aka.ms/ContentUserFeedback.
Presto disponibile: Nel corso del 2024 verranno gradualmente disattivati i problemi di GitHub come meccanismo di feedback per il contenuto e ciò verrà sostituito con un nuovo sistema di feedback. Per altre informazioni, vedereInvia e visualizza il feedback per