Icone standard

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.

Le icone standard sono le icone di errore, avviso, informazioni e punto interrogativo che fanno parte di Windows.

Icone standard di errore, avviso, informazioni e punto interrogativo.

Le icone standard hanno questi significati:

• Icona di errore. L'interfaccia utente presenta un errore o un problema che si è verificato.
• Icona di avviso. L'interfaccia utente presenta una condizione che potrebbe causare un problema in futuro.
• Icona informazioni. L'interfaccia utente presenta informazioni utili.
• Icona del punto interrogativo. L'interfaccia utente indica un punto di ingresso della Guida.

Le icone standard sono importanti perché sono integrate in molte API (Application Programming Interface) di Windows, ad esempio finestre di dialogo attività, finestre di messaggio, fumetto e notifiche. Vengono comunemente usati anche nei messaggi sul posto e nelle barre di stato.

Nota: Le linee guida relative alle icone vengono presentate in un articolo separato.

Concetti relativi alla progettazione

Esistono diversi fattori nella scelta dell'icona standard appropriata che in parte spiega perché vengono usati in modo errato. Gli errori più comuni sono:

• Uso di un'icona di avviso per errori secondari. Gli avvisi non sono errori "ammorbiditi".
• L'uso di un'icona standard quando è preferibile usare nessuna icona. Non tutti i messaggi hanno bisogno di un'icona.
• Allarmanti gli utenti fornendo avvisi per problemi minori o presentando domande di routine come avvisi. In questo modo i programmi appaiono soggetti a rischi e detraggono da problemi veramente significativi.

Nella parte restante di questa sezione viene illustrato come considerare le icone standard per evitare questi errori comuni.

Tipo di messaggio e gravità

Scegliere icone standard in base al tipo di messaggio, non alla gravità del problema sottostante. I tipi di messaggio sono:

• Errore. Errore o problema che si è verificato.
• Avviso. Condizione che potrebbe causare un problema in futuro.
• Informazioni. Informazioni utili.

Di conseguenza, un messaggio di errore potrebbe accettare un'icona di errore, ma non un'icona di avviso. Non usare le icone di avviso come modo per "ammorbidire" gli errori secondari. Pertanto, nonostante la loro differenza di gravità, "Dimensioni del carattere non corrette" è un errore, mentre "Continuare con questa operazione imposterà la tua casa sul fuoco" è un avviso.

Determinazione del tipo di messaggio appropriato

Alcuni problemi possono essere presentati come un errore, un avviso o informazioni, a seconda dell'enfasi e della formulazione. Si supponga, ad esempio, che una pagina Web non possa caricare un controllo ActiveX non firmato in base alla configurazione corrente di Windows Internet Explorer:

• Errore. "Impossibile caricare un controllo ActiveX non firmato". (Frase come un problema esistente).
• Avviso. "Questa pagina potrebbe non comportarsi come previsto perché Windows Internet Explorer non è configurato per caricare controlli ActiveX non firmati." o "Consenti a questa pagina di installare un controllo ActiveX non firmato? In questo modo da origini non attendibili può danneggiare il computer." Entrambe le condizioni che potrebbero causare problemi futuri.
• Informazioni. "Hai configurato Windows Internet Explorer per bloccare i controlli ActiveX non firmati." (Frase come una dichiarazione di fatto.)

Per determinare il tipo di messaggio appropriato, concentrarsi sull'aspetto più importante del problema su cui gli utenti devono conoscere o agire. In genere, se un problema impedisce all'utente di procedere, viene visualizzato come errore; se l'utente può procedere, si tratta di un avviso. Creare l'istruzione principale o altro testo corrispondente in base a tale stato attivo e quindi scegliere un'icona (standard o in altro modo) che corrisponda al testo. Il testo e le icone delle istruzioni principali devono sempre corrispondere.

Gravità

Anche se la gravità non è una considerazione quando si sceglie tra le icone di errore, avviso e informazioni, la gravità è un fattore per determinare se deve essere usata un'icona standard.

Le icone funzionano meglio quando vengono usate per comunicare visivamente. Si noti che per motivi di accessibilità questa comunicazione visiva deve essere sempre ridondante con un altro modulo, ad esempio testo o suono. Gli utenti dovrebbero essere in grado di indicare a colpo d'occhio la natura delle informazioni e le conseguenze della loro risposta, quindi dobbiamo distinguere gli errori critici e gli avvisi dalle controparti normali. Gli errori critici e gli avvisi presentano queste caratteristiche:

• Comportano una potenziale perdita di uno o più dei seguenti elementi:
  • Un bene prezioso, ad esempio la perdita di dati o la perdita finanziaria.
  • Accesso al sistema o integrità.
  • Privacy o controllo sulle informazioni riservate.
  • Tempo dell'utente (una quantità significativa, ad esempio 30 secondi o più).
• Hanno conseguenze impreviste o impreviste.
• Richiedono ora una corretta gestione, perché gli errori non possono essere risolti facilmente e possono anche essere irreversibili.

Per distinguere gli errori e gli avvisi non critici da quelli critici, i messaggi non critici vengono in genere visualizzati senza un'icona. In questo modo si richiama l'attenzione ai messaggi critici, rende visivamente distinti i messaggi critici e non critici ed è coerente con il tono di Windows.

Non tutti i messaggi hanno bisogno di un'icona. Le icone non sono un modo per decorare i messaggi.

Di seguito è riportato un buon esempio di avviso critico perché soddisfa le caratteristiche definite in precedenza.

In questo esempio, un avviso critico avvisa gli utenti della potenziale perdita irreversibile dei dati.

Tuttavia, l'esempio successivo non è critico perché è probabile che sia intenzionale e i risultati siano facilmente annullati.

Non corretto:

In questo esempio questa conferma non è critica perché è probabile che sia intenzionale e facilmente annullata.

In un'interfaccia utente tipica la maggior parte degli errori è correlata agli errori di input dell'utente. La maggior parte degli errori di input dell'utente non è critica perché sono facilmente corretti e gli utenti devono correggerli prima di continuare. Inoltre, attirando troppo attenzione agli errori minori dell'utente è contrario al tono di Windows. Di conseguenza, gli errori di input utente secondari vengono in genere visualizzati senza un'icona di errore. Per rafforzare la loro natura non critica, si fa riferimento a questi come problemi di input dell'utente.

In questo esempio questo problema di input dell'utente secondario non è critico, pertanto non è necessaria un'icona quando viene visualizzata in una finestra di dialogo.

Evitare il sovraccarico

Abbiamo superato la guerra nei programmi Windows. Il programma Windows tipico ha icone di avviso apparentemente ovunque, avviso su cose che hanno poco significato. In alcuni programmi, quasi ogni domanda viene presentata come un avviso. Il sovraccarico rende l'uso di un programma come un'attività pericolosa e sottrae da problemi veramente significativi.

Il semplice potenziale di perdita di dati da solo non è sufficiente per chiamare un'icona di avviso. Inoltre, eventuali risultati indesiderati devono essere imprevisti o imprevisti e non facilmente corretti. In caso contrario, solo qualsiasi domanda con risposta errata potrebbe essere interpretata per comportare la perdita di dati di qualche tipo e meritare un'icona di avviso.

Per concentrare le icone di avviso su problemi veramente critici:

• Assicurarsi che il problema garantisca l'aumento dell'attenzione dell'utente. Le conferme e le domande di routine non devono avere icone di avviso.
• È probabile che gli utenti si comportino in modo diverso in seguito all'icona di avviso? È probabile che gli utenti considerino più attentamente la decisione?

Non corretto:

In questo esempio è probabile che gli utenti rispondano a questa domanda in modo diverso a causa dell'icona di avviso?

• C'è un'azione significativa da fare o decidere di prendere? Gli avvisi senza azioni fanno sentire gli utenti paranoici.

Non corretto:

Perché questa notifica è un avviso? Cosa dovrebbero fare gli utenti (accanto alla preoccupazione)?

Contesto

Il contesto è anche una considerazione nell'uso delle icone standard perché il contesto stesso comunica le informazioni. In particolare:

• Anche se le finestre di dialogo (incluse le finestre di dialogo e le finestre di messaggio) e le notifiche non richiedono icone per errori non critici, gli errori sul posto richiedono sempre icone di errore. In caso contrario, tale feedback non modale sarebbe troppo facile da ignorare.
• Gli avvisi sul posto richiedono sempre icone di avviso per distinguerle dal testo normale.
• Le finestre di dialogo, le notifiche e i palloncini non necessitano di icone di informazioni perché presentano chiaramente informazioni. Al contrario, i banner necessitano di informazioni su 16x16 pixel o altre icone perché tali feedback non modali sarebbero troppo facili da ignorare.

Poiché il contesto è un fattore significativo nell'utilizzo delle icone, le linee guida per le icone standard in questo articolo vengono fornite in termini di contesto.

Valutazione dell'appropriatezza dell'icona standard

Quando si valuta il testo dell'interfaccia utente, leggere anche le icone standard. Leggere le icone di errore come "errore!", icone di avviso come "avviso, prestare molta attenzione qui!", e le icone delle informazioni come "attenzione!". Continuare quindi a leggere il contesto rimanente, ad esempio le istruzioni principali, l'area del contenuto e i pulsanti di commit. Assicurarsi che il significato e il tono di ogni icona standard corrispondano al significato e al tono del contesto. In caso contrario, hai riscontrato un problema.

Se fai solo una cosa...

Assicurarsi che il significato e il tono di ogni icona standard corrispondano al significato e al tono del contesto. Se non corrispondono, modificare o rimuovere l'icona.

Indicazioni

Nota: Per le linee guida seguenti, "sul posto" significa in qualsiasi superficie di finestra normale, ad esempio all'interno dell'area del contenuto di una procedura guidata, di una finestra delle proprietà o di una pagina dell'elemento del pannello di controllo.

Generale

• Scegliere le icone standard in base al tipo di messaggio, non la gravità del problema sottostante:
  • Errore. Errore o problema che si è verificato.
  • Avviso. Condizione che potrebbe causare un problema in futuro.
  • Informazioni. Informazioni utili.
• Se un problema si sposta tra diversi tipi di messaggi, concentrarsi sull'aspetto più importante su cui gli utenti devono agire.
• Le icone devono sempre corrispondere all'istruzione principale o ad altro testo corrispondente.

Corretto:

Non corretto:

Nell'esempio errato, l'icona di avviso standard non corrisponde all'istruzione principale (che restituisce un errore).

Dimensioni icona

• Scegliere le dimensioni dell'icona standard in base al contesto:

  Contesto	Utilizzo
  Finestre di dialogo	Usa 32x32 pixel per le icone dell'area di contenuto; 16x16 pixel per le icone dell'area delle note a piè di pagina.
  Sul posto	Usa 32x32 pixel per le pagine di errore; Icone pixel 16x16 per tutti gli altri.
  Notifiche	Usa icone di 16x16 pixel.
  Palloncini	Usa icone di 16x16 pixel.
  Banner	Usa icone di 16x16 pixel.

Icone degli errori

• Usare le icone di errore solo quando si è verificato un errore o un problema:

  Contesto	Utilizzo
  Finestre di dialogo	Usare solo per gli errori critici. Non usare icone standard per gli errori non critici.
  Errori sul posto	Usare per tutti gli errori.
  Notifiche	Usare solo per gli errori critici. (per gli errori di azione.
  Palloncini	Non usare. I palloncini non devono essere usati per gli errori critici e non richiedono icone di errore per gli errori non critici.
  Banner	Non usare. I banner non devono essere usati per gli errori.

• In genere, le icone di errore non sono necessarie per problemi di input utente non critici. Tuttavia, le icone sono necessarie per gli errori sul posto, perché in caso contrario tale feedback contestuale sarebbe troppo facile da ignorare.

• Per le finestre di dialogo attività, non usare le icone delle note a piè di pagina degli errori. Le icone degli errori devono essere presentate solo nell'area del contenuto.

Icone di avviso

• Usare icone di avviso solo quando una condizione potrebbe causare un problema in futuro:

  Contesto	Utilizzo
  Finestre di dialogo	Usare per tutti gli avvisi.
  Avvisi sul posto	Usare per identificare il testo come avviso.
  Notifiche	Usare per tutti gli avvisi. (per gli eventi di sistema non critici).
  Palloncini	Utilizzare per condizioni speciali.
  Banner	Usare per attirare l'attenzione sul banner.

• Non usare icone di avviso per "ammorbidire" errori non critici. Gli errori non vengono avvisati applicano invece le linee guida per l'icona degli errori.

• Per le finestre di dialogo delle domande, usare icone di avviso solo per domande con conseguenze significative. Non usare le icone di avviso per le domande di routine.

Corretto:

Non corretto:

Nell'esempio errato viene usata in modo errato un'icona di avviso per una domanda di routine.

• Per le finestre di dialogo attività, è possibile usare un'icona della nota a piè di pagina di avviso per avvisare gli utenti di conseguenze rischiose. Tuttavia, usare un'icona di avviso nell'area del contenuto o nell'area della nota a piè di pagina, ma non entrambe.

In questo esempio viene usato uno scudo di sicurezza giallo in una nota a piè di pagina.

Icone delle informazioni

• Usare le icone delle informazioni solo quando il contesto non presenta ovviamente informazioni:

  Contesto	Utilizzo
  Finestre di dialogo	Non usare.
  Sul posto	Non usare. Usare invece testo statico normale o banner.
  Notifiche	Non usare.
  Palloncini	Non usare.
  Banner	usare per attirare l'attenzione sul banner.

• Le icone delle informazioni non sono necessarie nelle finestre di dialogo, nelle notifiche e nei palloncini perché il contesto comunica sufficientemente che forniscono agli utenti informazioni.

• Per le finestre di dialogo attività, non usare le icone delle note a piè di pagina delle informazioni. Le note a piè di pagina sono sufficientemente visibili e non dicono che sono informazioni.

Icone del punto interrogativo

• Usare l'icona del punto interrogativo solo per i punti di ingresso della Guida. Per altre informazioni, vedere le linee guida per il punto di ingresso della Guida .
• Non usare l'icona del punto interrogativo per porre domande. Usare di nuovo l'icona del punto interrogativo solo per i punti di ingresso della Guida. Non è necessario porre domande usando l'icona del punto interrogativo, comunque è sufficiente presentare un'istruzione principale come domanda.
• Non sostituire di routine le icone del punto interrogativo con icone di avviso. Sostituire un'icona del punto interrogativo con un'icona di avviso solo se la domanda ha conseguenze significative. In caso contrario, non usare alcuna icona.