Descrizioni comando e suggerimenti

Articolo
03/12/2025

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 .

Una descrizione comando è una piccola finestra popup che etichetta il controllo senza etichetta a cui punta, ad esempio i controlli della barra degli strumenti senza etichetta o i pulsanti di comando.

Screenshot che mostra il pulsante di stampa con la descrizione comando 'Stampa (CTRL+P)' visualizzata.

Descrizione comando tipica per un pulsante della barra degli strumenti.

Poiché le descrizioni comando si sono rivelate così utili, esiste un controllo correlato denominato infotips, che fornisce testo più descrittivo di quanto sia possibile con le descrizioni comando.

Una descrizione informazioni è una piccola finestra popup che descrive in modo conciso l'oggetto a cui punta l'oggetto, ad esempio descrizioni di controlli della barra degli strumenti, icone, grafica, collegamenti, oggetti di Esplora risorse, voci di menu Start e pulsanti della barra delle applicazioni. Le descrizioni informazioni sono una forma di controlli di divulgazione progressiva , eliminando la necessità di avere sempre testo descrittivo sullo schermo.

schermata del pulsante Condividi con

Descrizione informazioni tipica.

Ai fini di questo articolo, le descrizioni comando e le descrizioni comandi vengono definite collettivamente come suggerimenti.

I suggerimenti consentono agli utenti di comprendere oggetti sconosciuti o non familiari che non sono descritti direttamente nell'interfaccia utente. Vengono visualizzati automaticamente quando gli utenti passano il puntatore su un oggetto e vengono rimossi quando gli utenti fanno clic sul controllo o spostano il mouse o quando si verifica il timeout della mancia.

Developers: Non è presente alcun controllo infotip; Le descrizioni informazioni vengono implementate con il controllo tooltip. La distinzione è in uso, non nell'implementazione.

Nota

Le linee guida relative alle aree , barre degli strumentie guida vengono presentate in articoli separati.

Questo è il controllo giusto?

Per decidere, considerare queste domande:

Le informazioni vengono visualizzate in base al puntatore del mouse? In caso contrario, usare un altro controllo. Visualizza suggerimenti solo come risultato dell'interazione dell'utente non li visualizza mai autonomamente. Al contrario, palloncini possono essere visualizzati autonomamente (come fanno con le notifiche), in modo che abbiano una coda che ne identifichi l'origine.
Un controllo ha un'etichetta di testo? In caso contrario, usare una descrizione comando per specificare l'etichetta. Si noti che la maggior parte dei controlli deve essere etichettata e pertanto non dispone di descrizioni comando. I controlli della barra degli strumenti e i pulsanti di comando con etichette grafiche devono avere descrizioni comando.
Un oggetto trae vantaggio da una descrizione supplementare o da ulteriori informazioni? In tal caso, usare una descrizione informazioni. Tuttavia, il testo deve essere supplementare, non essenziale per le attività primarie. Se è essenziale, inserirlo direttamente nell'interfaccia utente in modo che gli utenti non devono individuarlo o cercarlo.
Le informazioni supplementari sono un errore, un avviso o uno stato? In tal caso, usare un altro elemento dell'interfaccia utente, ad esempio un fumetto, messaggio di erroreo barra di stato. Le descrizioni infotipi dell'area di notifica sono un'eccezione perché possono essere usate per visualizzare le informazioni sullo stato.
Gli utenti devono interagire con la mancia? In tal caso, usare un altro controllo, ad esempio un fumetto. Gli utenti non possono interagire con i suggerimenti perché lo spostamento del mouse li fa scomparire.
Gli utenti devono stampare le informazioni supplementari? In tal caso, usare un altro controllo, ad esempio un campo di commento statico. Tuttavia, è anche possibile usare le descrizioni informazioni per fornire un accesso più diretto a queste informazioni.

In questo esempio, un campo di commento statico in Microsoft Word consente agli utenti di stampare commenti.
Il contesto è tale che gli utenti potrebbero trovare i suggerimenti fastidiosi o distratti? In tal caso, prendere in considerazione l'uso di un'altra soluzione, inclusa l'assenza di alcuna operazione. Se si usano suggerimenti in tali contesti, consentire agli utenti di disattivarli.

Se usato in modo appropriato, i suggerimenti migliorano la comunicazione con l'utente. Non usare mai suggerimenti come sostituto per una buona progettazione. Se un elemento grafico, un pulsante o un altro oggetto richiede agli utenti di continuare a controllare un suggerimento per comprenderlo, la progettazione non è valida. Correggere invece la progettazione.

Concetti di progettazione

I suggerimenti sono un modo efficace per semplificare un'interfaccia utente. Forniscono informazioni necessarie agli utenti quando ne hanno bisogno, con un minimo sforzo da parte loro. I suggerimenti consentono di usare lo spazio dello schermo in modo più efficace e ridurre la confusione dello schermo. Tuttavia, i suggerimenti mal progettati possono essere fastidiosi, distratti, inutili, travolgenti o nel modo. I concetti di progettazione seguenti sono destinati a mostrare la differenza.

Individuazione

I suggerimenti vengono visualizzati automaticamente quando gli utenti passano il puntatore su un oggetto per un periodo di tempo. Questo meccanismo di ritardo del tempo rende i suggerimenti molto pratici, ma riduce anche la loro individuabilità.

Nel corso del tempo, gli utenti imparano che alcuni oggetti standard come pulsanti della barra degli strumenti, pulsanti grafici, voci di menu Start e icone dell'area di notifica hanno suggerimenti, in modo da poter dare per scontato la loro individuabilità.

L'individuazione dei suggerimenti in luoghi non standard richiede più tempo agli utenti. Non esiste alcun indizio visivo, ad esempio una modifica del punto critico o del puntatore, che indica che un oggetto ha una mancia. Peggio ancora, alcuni utenti spostano il mouse intorno molto, soprattutto quando imparano a spostarsi nell'interfaccia utente. Gli utenti devono sapere che un oggetto ha una mancia, tramite esperienza passata o sperimentazione.

È possibile migliorare l'individuabilità usando suggerimenti in modo coerente, che a sua volta promuove la prevedibilità. Se si forniscono suggerimenti per alcuni oggetti, è consigliabile specificarli per tutti gli oggetti simili per i quali è probabile che gli utenti desiderino informazioni supplementari. A volte questo può essere difficile, perché è anche necessario assicurarsi che i suggerimenti siano utili e non ovvi.

Se fornire suggerimenti individuabili e costantemente utili dimostra di essere un problema, prendere in considerazione progettazioni alternative come etichette di controllo autoesplicative o testo supplementare sul posto.

Informazioni appropriate

Le informazioni appropriate per i suggerimenti presentano le caratteristiche seguenti:

Conciso. Le finestre popup usate dai suggerimenti sono perfette per frasi brevi e frammenti di frase, nonché testo formattato. I blocchi di testo grandi e non formattati sono difficili da leggere e sovraccaricare.
Servizievole. Il testo della mancia deve essere informativo. Non dovrebbe essere ovvio o solo ripetere ciò che è già sullo schermo.
Supplementare. Poiché il testo della mancia non è sempre visibile, deve essere un'informazione supplementare che gli utenti non devono leggere. Le informazioni importanti devono essere comunicate utilizzando etichette di controllo autoesplicative o testo supplementare sul posto.
Statico. Gli utenti non si aspettano suggerimenti per passare da un'istanza all'altra, quindi è improbabile che notino modifiche al contenuto dinamico, ad esempio le informazioni sullo stato. I suggerimenti per l'icona dell'area di notifica rappresentano un'eccezione notevole: è più probabile che gli utenti rilevino modifiche nelle informazioni sulla mancia perché queste icone comunicano principalmente lo stato.

Timeout appropriati

La visualizzazione automatica e la rimozione dei suggerimenti appropriati è fondamentale per l'obiettivo degli utenti di mantenere il controllo dell'ambiente dell'interfaccia utente. I suggerimenti hanno tre valori di timeout:

Iniziale. L'ora in cui il puntatore deve rimanere fisso per visualizzare la punta. L'ora predefinita è 0,5 secondi.
Riprovare. L'ora in cui il puntatore deve rimanere fermo quando il puntatore si sposta da una destinazione a un'altra. L'ora predefinita è 0,1 secondi.
Allontanamento. Ora successiva alla quale il suggerimento viene rimosso automaticamente. Il tempo predefinito è 5 secondi.

La presenza di valori iniziali troppo brevi e la riproduzione dei valori comportano un'esperienza fastidiosa e dirompente perché spesso verrebbero mostrati inavvertitamente, mentre troppo lunghi generano suggerimenti che non rispondono o non vengono scoperti. Il tempo di rimozione predefinito funziona bene per il testo della descrizione breve, come usato nelle descrizioni comando. Le descrizioni informazioni hanno testo più lungo, quindi richiedono tempi di visualizzazione più lunghi.

Posizionamento appropriato

I suggerimenti devono essere posizionati vicino all'oggetto al passaggio del mouse, in genere alla coda o alla testa del puntatore, se possibile. Tuttavia, non devono mai essere inseriti in un modo che interferisca con ciò che l'utente sta facendo nascondendo l'oggetto di interesse. La prevenzione di questo problema potrebbe richiedere lo spostamento della mancia dal puntatore, ma adiacente all'oggetto. Questo non è un problema a condizione che la relazione tra l'oggetto e la relativa mancia sia chiara. Assicurarsi che gli utenti non spostino il puntatore solo per ottenere i suggerimenti del programma per uscire.

Accessibilità

I suggerimenti hanno un effetto insolito sull'accessibilità. Mentre normalmente vengono attivati passando il puntatore del mouse su un oggetto, i suggerimenti vengono gestiti da utilità per la lettura dello schermo per i controlli con accesso tramite tastiera. Se usato in modo appropriato per informazioni concise, utili, statiche, supplementari, i suggerimenti possono migliorare l'accessibilità complessiva. In effetti, il modello di descrizione del testo alternativo è il modo preferito per rendere accessibile la grafica. Tuttavia, se usato in modo inappropriato, danneggiano l'accessibilità rendendo più difficile ottenere informazioni importanti o dinamiche.

Fornire più di un modo per accedere a un controllo se tale controllo richiede una mancia che non dispone dell'accesso tramite tastiera.

schermata del pulsante di stampa con descrizione comando

In questo esempio, gli utenti possono stampare usando il pulsante della barra degli strumenti (che non è accessibile da tastiera) o il tasto di scelta rapida del comando Stampa.

Se fai una sola cosa...

Progettare suggerimenti individuabili che visualizzano informazioni concise, utili, statiche e supplementari nel luogo appropriato al momento appropriato.

Modelli di utilizzo

I suggerimenti hanno diversi modelli di utilizzo:

Uso	Esempio
descrizioni comando visualizzare l'etichetta di un controllo o un glifo senza etichetta.	Poiché questi suggerimenti fungono da etichette, il testo segue le linee guida per l'etichetta per il controllo sottostante. in questo esempio, la descrizione comando assegna l'etichetta del comando. in questi esempi, le descrizioni comando etichettano i pulsanti grafici. In questo esempio la descrizione comando etichetta un glifo.
descrizione informazioni fornire una descrizione supplementare o una spiegazione di un oggetto o di un controllo.	Usare i suggerimenti per descrivere o spiegare oggetti e controlli, ad esempio controlli della barra degli strumenti, icone (incluse le sovrimpressioni delle icone), collegamenti, schede , controlli di divulgazione progressivae controlli personalizzati. In questi esempi, le infotip forniscono informazioni supplementari su controlli e oggetti.
di suggerimenti di testo alternativi descrivere un elemento grafico per l'accessibilità.	Questo modello è principalmente per gli utenti con qualche forma di problemi di vista e possono usare un'utilità per la lettura dello schermo. In questo esempio, la descrizione informazioni descrive l'elemento grafico del menu Start.
anteprime visualizzare una piccola immagine di un elemento.	Le anteprime offrono una rappresentazione grafica facilmente riconoscibile di una finestra o di un documento. in questo esempio, la barra delle applicazioni di Windows fornisce suggerimenti per le anteprime per i relativi elementi. In questo esempio Windows Photo Gallery fornisce suggerimenti per le anteprime per i relativi elementi.
descrizioni informazioni dettagliate visualizzare informazioni dettagliate su un oggetto .	Le descrizioni informazioni sono un modo efficace per mostrare informazioni dettagliate su un oggetto o per fornire dati. In questi esempi, le infotip forniscono informazioni dettagliate su un oggetto o dati.
suggerimenti per i menu Start descrivere una voce nel menu Start.	Il menu Start è costituito da nomi di programma e destinazioni di finestre importanti, ad esempio documenti, immagini e pannello di controllo. questi suggerimenti descrivono le voci di menu Start, in genere fornendo una breve descrizione del programma o della destinazione, nonché le attività principali che gli utenti possono eseguire con esso. queste descrizioni vengono indicizzate anche dalla casella di ricerca del menu Start, aiutando ulteriormente gli utenti a trovare i programmi necessari. di infotip del centro di benvenuto In questo esempio, la descrizione informazioni descrive le operazioni che gli utenti possono eseguire con un programma nel menu Start.
infotipi del Pannello di controllo descrivere una categoria o un'attività del pannello di controllo.	Questi suggerimenti forniscono informazioni supplementari per aiutare gli utenti a scegliere la categoria e l'elemento del pannello di controllo corretti. In questo esempio, la descrizione informazioni descrive la categoria Pannello di controllo account utente.
descrizioni infotipi nome completo visualizzare il nome completo di un elemento quando il nome viene troncato o non completamente visibile.	Questi suggerimenti consentono di visualizzare gli elementi in uno spazio più compatto, riducendo al contempo la necessità di scorrimento orizzontale. ciò è particolarmente importante quando la lunghezza del contenuto è sconosciuta perché è dinamica. diversamente dagli altri modelli, quando vengono usati in elenchi e alberi, questi suggerimenti vengono visualizzati direttamente sull'oggetto di origine. In questo esempio viene usata una descrizione informazioni per visualizzare il nome completo dell'elemento al passaggio del mouse.
descrizione informazioni sullo stato visualizzare le informazioni sullo stato per le icone dell'area di notifica.	In genere, i suggerimenti devono essere statici perché gli utenti non si aspettano che cambino da un'istanza all'altra. icone dell'area di notifica sono un'eccezione perché queste icone comunicano lo stato e non è disponibile altro spazio sullo schermo per il testo di stato. In questi esempi, le descrizioni info forniscono informazioni sullo stato per le icone dell'area di notifica.

Istruzioni

Timeout

Usare il timeout iniziale predefinito e di riesempire. Eccezione:
- Le anteprime che non sono ridondanti e visualizzate sul lato dell'oggetto associato possono essere visualizzate immediatamente (senza alcun ritardo). Tuttavia, usare il timeout iniziale predefinito per le anteprime ridondanti (ad esempio una descrizione di anteprima di grandi dimensioni per un piccolo oggetto grafico) o le anteprime che coprono l'oggetto associato.
Per le descrizioni comando, usare il timeout di rimozione della mancia di cinque secondi predefinito.
Per le descrizioni info, disattivare il timeout di rimozione della mancia. Gli sviluppatori: Poiché non è possibile disattivare tecnicamente il timeout di rimozione, impostarlo sul valore più grande.
Per l'accessibilità, se è necessario impostare i valori di timeout su un valore diverso dal valore massimo, impostarli su più dei parametri di sistema SPI_GETMOUSEHOVERTIME e SPI_GETMESSAGEDURATION anziché usare tempi fissi. In questo modo i timeout vengono modificati in base alla velocità dell'utente.

Collocamento

Evitare di coprire l'oggetto con cui l'utente sta per visualizzare o interagire. Posizionare sempre la punta sul lato dell'oggetto, anche se richiede la separazione tra il puntatore e la punta. Alcune separazioni non sono un problema, purché la relazione tra l'oggetto e la punta sia chiara.
- Eccezione: descrizioni comando nome completo usate in elenchi e alberi.
risposta errata:

risposta esatta:

Nell'esempio corretto, la descrizione informazioni viene posizionata lontano dalla casella di ricerca, anche se questo richiede spazio tra di esso e il cursore.

risposta errata:

risposta esatta:

Nell'esempio corretto, il testo sottostante è molto più utile del suggerimento, quindi la descrizione informativa viene posizionata in modo ottimale.
Per le raccolte di elementi, evitare di coprire l'oggetto successivo con cui è probabile che l'utente visualizzi o interagisca. Per gli elementi disposti orizzontalmente, evitare di posizionare le punte a destra; per gli elementi disposti verticalmente, evitare di posizionare suggerimenti sotto.

risposta errata:

risposta esatta:

Nell'esempio errato, la mancia copre l'oggetto con cui l'utente è più probabile che interagisca con la successiva.
Per suggerimenti potenzialmente distratti (spesso di grandi dimensioni), assicurarsi che le informazioni siano utili per la maggior parte degli utenti. In caso contrario, rendere facoltativi i suggerimenti di distratti o addirittura eliminarli. In caso contrario, la maggior parte degli utenti dovrà spostare il puntatore dall'oggetto di destinazione per sbarazzarsi della mancia.