Linee guida per le finestre di dialogo di messaggio

Descrizione

Una finestra di dialogo con messaggio è un elemento sovrapposto dell'interfaccia utente che fornisce una superficie stabile e contestuale, sempre modale, che viene chiusa in modo esplicito. Le finestre di dialogo con messaggio vengono visualizzate sempre nella stessa posizione sullo schermo.

Esempio

Errori

Per i messaggi di errore che si applicano al contesto generale dell'app vengono usate finestre di dialogo di messaggio. Tali finestre sono diverse rispetto ai messaggi di errore che possono essere visualizzati in linea. Un esempio appropriato è una finestra di dialogo di messaggio che indica un errore di di connettività, che ha un impatto critico sul valore garantito dall'app all'utente:

Domande

Ecco un esempio di una finestra di dialogo di messaggio del gestore del consenso per i dispositivi Windows che richiede il consenso per l'utilizzo di servizi di rilevamento della posizione:

Cosa fare e cosa non fare

• Usa finestre di dialogo di messaggio per comunicare informazioni urgenti che l'utente deve vedere e confermare prima di continuare, ad esempio "Il periodo di prova per le funzionalità avanzate è scaduto".

• Usa finestre di dialogo di messaggio per presentare domande bloccanti che richiedono l'input dell'utente. Una domanda bloccante è una domanda per la quale l'applicazione non può effettuare una scelta per conto dell'utente e non può continuare a garantire la propria proposta di valore. Una domanda bloccante deve presentare all'utente opzioni chiare e non può essere ignorata o rinviata.

• Usa le finestre di dialogo di messaggio per chiedere all'utente un'azione esplicita o per comunicare un messaggio che è importante che l'utente confermi. Ecco alcuni esempi di uso delle finestre di dialogo:

  • L'utente sta per modificare in modo permanente una risorsa importante
  • L'utente sta per eliminare una risorsa importante
  • La sicurezza del sistema dell'utente potrebbe essere compromessa

• Usa le finestra di dialogo personalizzate quando l'app o il sistema deve investire una quantità significativa di tempo nelle azioni successive, per cui una chiusura accidentale sarebbe dannosa per la fiducia dell'utente.

• Tutte le finestre di dialogo devono chiaramente identificare l'obiettivo dell'utente nella prima riga di testo (con o senza titolo).

• Non usare le finestre di dialogo con messaggio quando l'app necessita di una conferma dell'intenzione dell'utente per un'azione eseguita dall'utente stesso. La superficie appropriata in questo caso è un riquadro a comparsa. Vedi Linee guida per i riquadri a comparsa.

• Non usare le finestre di dialogo con messaggio per gli errori relativi a una posizione specifica nella pagina, come gli errori di convalida (ad esempio nei campi delle password). Usa invece il canvas dell'app per mostrare gli errori in linea. Vedi Scelta delle superfici corrette dell'interfaccia utente per gli errori.

Istruzioni aggiuntive per l'uso

Già nella prima riga di una finestra di dialogo di messaggio dovrebbe essere dichiarato l'obiettivo dell'utente. Le linee guida seguenti spiegano come usare i campi del titolo e del contenuto di una finestra di dialogo di messaggio per comunicare le informazioni in modo efficace.

• Titolo (istruzione principale, facoltativo)

  • Usa un breve titolo per illustrare che cosa devono fare gli utenti con la finestra di dialogo. I titoli lunghi saranno troncati perché non sono previsti ritorni a capo.
  • Se usi la finestra di dialogo per un semplice messaggio, un errore o una domanda, puoi omettere il titolo. Le informazioni principali devono essere inserite nel testo del contenuto.
  • Assicurati che il titolo sia direttamente correlato alle scelte dei pulsanti.

• Contenuto (testo descrittivo)

  • Presenta il messaggio, l'errore o la domanda nel modo più semplice possibile, senza aggiungere informazioni superflue.
  • Se usi un titolo, sfrutta l'area del contenuto per fornire altri dettagli o definire la terminologia. Evita di ripetere il titolo semplicemente parafrasandolo.

• Pulsanti

  • Usa i pulsanti aggiungendo testo che identifica risposte specifiche rispetto all'istruzione o al contenuto principale. Un esempio potrebbe essere la richiesta "Vuoi consentire a NomeApp di accedere al tuo percorso?", seguita dai pulsanti Consenti e Blocca. Se le domande sono specifiche, è più semplice rispondere e le decisioni sono più rapide.

  • Evita l'uso di pulsanti generici come OK e Annulla.

  • Specifica il pulsante predefinito, che deve corrispondere all'azione che vuoi che l'utente esegua più di altre. Nell'esempio precedente, l'opzione predefinita è Consenti.

    • Se non specificato, il pulsante predefinito è quello all'estrema sinistra.
    • Inserisci la scelta più sicura e prudente nella posizione all'estrema destra. Nell'esempio precedente, l'opzione più prudente è Blocca.

• Colore

  • Gli sfondi delle finestre di dialogo di messaggio sono sempre bianchi. Per i controlli vengono usati i colori principali dell'app proprietaria della finestra di dialogo.

Argomenti correlati

Per progettisti

Esempio di finestra di dialogo di messaggio

Linee guida per i menu di scelta rapida

Linee guida per i riquadri a comparsa

Linee guide per i comandi degli Appunti

Definizione del layout dell'interfaccia utente

Per sviluppatori (XAML)

MessageDialog class