Condividi tramite


Barre di stato (nozioni di base sulla progettazione)

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 barra di stato è un'area nella parte inferiore di una finestra primaria che visualizza informazioni sullo stato della finestra corrente (ad esempio ciò che viene visualizzato e come), le attività in background (ad esempio stampa, analisi e formattazione) o altre informazioni contestuali (ad esempio selezione e stato della tastiera).

Le barre di stato indicano in genere lo stato tramite testo e icone, ma possono anche avere indicatori di stato, nonché menu per comandi e opzioni correlate allo stato.

schermata di tipica della barra di stato

Barra di stato tipica.

Nota

Le linee guida relative all'area di notifica sono presentate in un articolo separato.

Si tratta dell'interfaccia utente corretta?

Per decidere, considerare queste domande:

  • Lo stato è rilevante quando gli utenti usano attivamente altri programmi? In tal caso, usare un icone dell'area di notifica.

  • L'elemento di stato deve visualizzare le notifiche? In tal caso, è necessario usare un'icona dell'area di notifica.

  • La finestra è una finestra primaria? In caso contrario, non usare una barra di stato. Le finestre di dialogo, le procedure guidate, i pannelli di controllo e le finestre delle proprietà non devono contenere barre di stato.

  • Le informazioni sono principalmente sullo stato? In caso contrario, non usare una barra di stato. Le barre di stato non devono essere utilizzate come barra dei menu secondaria o barra degli strumenti.

  • Le informazioni spiegano come usare il controllo selezionato? In tal caso, visualizzare le informazioni accanto al controllo associato usando invece una spiegazione supplementare o un'etichetta di istruzione.

  • Lo stato è utile e pertinente? Ovvero, è probabile che gli utenti modifichino il loro comportamento in seguito a queste informazioni? In caso contrario, non visualizzare lo stato o inserirlo in un file di log.

  • Lo stato è critico? È necessaria un'azione immediata? In tal caso, visualizzare le informazioni in un modulo che richiede attenzione e non può essere facilmente ignorate, ad esempio una finestra di dialogo o all'interno della finestra primaria stessa.

    schermata della barra di stato

    Barra degli indirizzi rossa in Windows Internet Explorer.

  • Il programma è destinato principalmente agli utenti principianti? Gli utenti inesperti in genere non sono a conoscenza delle barre di stato, quindi riconsiderare l'uso delle barre di stato in questo caso.

Concetti di progettazione

Le barre di stato sono un ottimo modo per fornire informazioni sullo stato senza interrompere gli utenti o interrompere il flusso. Tuttavia, le barre di stato sono facili da trascurare. Così facile, infatti, che molti utenti non notano affatto le barre di stato.

La soluzione a questo problema non è quella di richiedere l'attenzione dell'utente usando icone, animazioni o flash, ma per progettare questa limitazione. A tale scopo, è possibile:

  • Assicurarsi che le informazioni sullo stato siano utili e pertinenti. In caso contrario, non fornire affatto una barra di stato.
  • Non usare le barre di stato per informazioni cruciali. Gli utenti non devono mai sapere cosa si trova nella barra di stato. Se gli utenti devono visualizzarlo, non inserirlo in una barra di stato.

Se fai una sola cosa...

Assicurarsi che le informazioni sulla barra di stato siano utili e rilevanti, ma non cruciali.

Modelli di utilizzo

Le barre di stato hanno diversi modelli di utilizzo:

Uso Esempio
stato della finestra corrente
Mostra l'origine di ciò che viene visualizzato insieme a qualsiasi modalità di visualizzazione
schermata di una barra di stato 'location'
In questo esempio la barra di stato visualizza il percorso del documento.
avanzamento
Mostra lo stato di avanzamento delle attività in background, con un indicatore di stato determinato o un'animazione.
schermata della barra di stato con indicatore di stato
In questo esempio, la barra di stato include una barra di stato per visualizzare il caricamento della pagina Web in una finestra di Internet Explorer.
informazioni contestuali
Mostra informazioni contestuali sulle operazioni attualmente in corso dell'utente.
schermata della barra di stato che mostra il numero di pixel
In questo esempio Microsoft Paint mostra le dimensioni della selezione in pixel.

Istruzioni

Generale

  • Valutare la possibilità di fornire un comando Visualizza barra di stato se solo alcuni utenti avranno bisogno delle informazioni sulla barra di stato. Nascondere la barra di stato per impostazione predefinita se la maggior parte degli utenti non ne ha bisogno.
  • Non usare la barra di stato per spiegare le voci della barra dei menu. Questo modello della Guida non è individuabile.

Presentazione

  • Disabilitare lo stato modale che non si applica. Lo stato modale include stati di tastiera e documento.
  • Rimuovere lo stato non modale che non si applica.
  • Presentare le informazioni sullo stato nell'ordine seguente: stato della finestra corrente; progresso; e informazioni contestuali.

Icone

  • Scegliere disegni di icone di stato facilmente riconoscibili. Preferisce icone con contorni univoci rispetto alle icone a forma quadrata o rettangolare.

  • Usa lewath di puro rosso, giallo e verde solo per comunicare le informazioni sullo stato. In caso contrario, tali icone creano confusione.

    risposta esatta:

    schermata della barra di stato con icone blu

    risposta errata:

    schermata della barra di stato con un'icona rossa

    Nell'esempio errato, l'icona rossa suggerisce involontariamente un errore, creando confusione.

  • Usare varianti o sovrimpressioni delle icone per indicare modifiche di stato o stato. Usare le varianti delle icone per visualizzare le modifiche nelle quantità o nei punti di forza. Per altri tipi di stato, usare queste sovrimpressioni standard:

    Sovrapposizione Stato
    schermata dell'icona di avviso
    Avvertimento
    schermata dell'icona di errore
    Errore
    schermata dell'icona disabilitata/disconnessa
    Disabilitato/Disconnesso
    schermata dell'icona bloccata/offline
    Bloccato/offline
  • Non modificare lo stato troppo frequentemente. Le icone della barra di stato non dovrebbero apparire rumorose, instabili o richieste di attenzione. L'occhio è sensibile ai cambiamenti nel campo periferico della visione, quindi i cambiamenti di stato devono essere sottili.

  • Per le icone che forniscono informazioni importanti sullo stato, preferire le etichette sul posto.

  • Le icone della barra di stato senza etichetta devono contenere descrizioni comando.

Per altre informazioni, vedere icone .

Interazione

  • Rendere interattiva un'area della barra di stato per consentire agli utenti di accedere direttamente a comandi e opzioni correlati.
    • Usare un controllo che si comporta come un pulsante di menu o un pulsante di divisione. Queste aree della barra di stato devono avere una freccia a discesa per indicare che sono selezionabili.
    • Visualizza il menu sul pulsante sinistro del mouse verso il basso, non con il mouse verso l'alto.
    • Non supportare il clic con il pulsante destro del mouse o fare doppio clic. Gli utenti non prevedono interazioni di questo tipo in una barra di stato, quindi non è probabile che tentino di provarli.
  • Visualizzare le descrizioni comando al passaggio del mouse.

Testo

  • In genere, usare etichette concise. Tagliare qualsiasi testo che può essere eliminato.
  • Preferisce frammenti di frase, senza punteggiatura finale. Usare frasi complete (con punteggiatura finale) solo quando i frammenti di frase non sono significativamente più brevi.
  • Per le etichette di stato facoltative, indicare l'operazione eseguita con un'etichetta che inizia con un verbo (formato gerund) e termina con i puntini di sospensione. Ad esempio: "Copia...". Questa etichetta può cambiare in modo dinamico se l'operazione ha più passaggi o elabora più oggetti.
  • Non usare il colore, il grassetto o il corsivo per evidenziare il testo della barra di stato.
  • Per le linee guida per la formulazione delle descrizioni comando, vedere descrizioni comando e suggerimenti per le informazioni.

Documentazione

Fare riferimento alle barre di stato come barre di stato, non linee di stato o altre varianti. Esempio: "Il numero di pagina corrente viene visualizzato sulla barra di stato".