Condividi tramite


Nozioni di base sulla progettazione delle notifiche

Favorisci l'engagement degli utenti con l'app fornendo notifiche di tipo avviso popup personalizzate, interattive e utili. Le notifiche di tipo avviso popup sono le notifiche di Windows visualizzate nella parte inferiore destra dello schermo dell'utente e nel Centro notifiche (chiamato Centro operativo in Windows 10). Questo articolo fornisce indicazioni sulla progettazione da considerare durante la pianificazione e l'implementazione dell'esperienza di notifica di tipo avviso popup per l'app.

Acquisizione di schermata che mostra una notifica di tipo avviso popup sopra la barra delle applicazioni. La notifica è un promemoria per un evento. Vengono visualizzati il nome dell'app, il nome dell'evento, l'ora dell'evento e la posizione dell'evento. Un input di selezione visualizza il valore attualmente selezionato,

Le notifiche devono essere informative e preziose

Progettare le notifiche per avere finalità chiare in modo che l'utente possa comprendere rapidamente lo scopo della notifica e rimanere nel flusso. Si considerino gli scenari utente in cui vengono abilitate le notifiche di tipo avviso popup e si aggiungono elementi alla notifica appropriati per ogni scenario. Le notifiche devono consentire all'utente di risparmiare tempo, ma non dovrebbero distrarre o creare più lavoro.

Scegliere gli elementi dell'interfaccia utente di notifica corretti

Considerare gli elementi dell'interfaccia utente che offrono il massimo valore allo scenario utente. Lo scopo della notifica è consentire all'utente di eseguire un'attività o è semplicemente ottenere nuove informazioni? La sezione seguente illustra alcuni elementi di esempio che è possibile usare nelle notifiche di tipo avviso popup.

Screenshot del desktop ritagliato che mostra una notifica con gli elementi del pulsante.

Pulsanti

I pulsanti attivano un'azione immediata. Aggiungendo pulsanti, l'utente può completare un'attività all'interno della notifica.

Screenshot del desktop ritagliato che mostra una notifica con un'immagine inline.

Immagini

Le immagini possono essere override del logo dell'app, inline o hero. Aggiungendo immagini, l'utente può analizzare più rapidamente il contenuto. Ad esempio, l'aggiunta di un'immagine di override del logo dell'app che illustra l'immagine del profilo del mittente a una chat o a una notifica tramite posta elettronica.

Screenshot del desktop ritagliato che mostra una notifica con una casella di risposta rapida.

Risposte rapide

Le caselle di risposta rapida consentono agli utenti di rispondere ai messaggi senza aprire l'app. Alcuni esempi includono l'aggiunta di caselle di risposta rapide a una notifica di chat.

Screenshot del desktop ritagliato che mostra una notifica con un menu di scelta rapida.

Pulsanti del menu di scelta rapida

I pulsanti del menu di scelta rapida offrono agli utenti altre opzioni facendo clic con il pulsante destro del mouse sulla notifica o sulla selezione dell'icona del menu di scelta rapida. Uno scenario di esempio consiste nell'aggiungere un'opzione per disattivare una chat di gruppo per un'ora.

Screenshot del desktop ritagliato che mostra una notifica con un indicatore di stato.

Barre di avanzamento

Le barre di stato comunicano lo stato delle operazioni a esecuzione prolungata. Aggiungendo un indicatore di stato, l'utente non deve eseguire il checkback nell'app per gli aggiornamenti. Gli esempi includono la comunicazione di un download di file o di un aggiornamento del gioco con una notifica indicatore di stato.

Per visualizzare tutti gli elementi dell'interfaccia utente che possono essere usati in una notifica, vedere Contenuto dell'avviso popup.

Le notifiche non dovrebbero essere rumorose.

Gli utenti possono facilmente essere sovraccaricati con troppe informazioni e diventare frustranti se vengono interrotti durante il tentativo di messa a fuoco. Troppe interruzioni comportano la disattivazione di questo canale di comunicazione critico per l'app.

  • Un metodo per non interrompere l'utente, ma comunque comunicare informazioni preziose consiste nell'eliminare la notifica, ovvero la notifica viene inserita automaticamente nel Centro notifiche senza un avviso.
  • In Windows 11, le sessioni di messa a fuoco consentono agli utenti di eliminare le notifiche estranee. Puoi usare l'API FocusSessionManager per rilevare se l'utente si trova in una sessione messa a fuoco e regolare il comportamento di notifica dell'app di conseguenza.

Rispondi alla finalità dell'utente.

Proprio come la progettazione dell'interfaccia utente di notifica, il comportamento quando l'utente fa clic sulla notifica o sugli elementi dell'interfaccia utente all'interno della notifica deve essere intenzionale e coerente e deve coinvolgere l'utente in un'attività o uno scenario chiaro.

  • Se l'utente fa clic sulla notifica per avviarla, l'app deve essere avviata nel contesto della notifica.
  • Se l'utente fa clic su un pulsante nella notifica, l'app deve essere avviata nel contesto appropriato per l'azione del pulsante
    • Tuttavia, se l'azione deve essere un'attività in background, ad esempio una risposta rapida, l'app non deve essere avviata.

Offrire un'esperienza coerente nel Centro notifiche.

Screenshot del desktop ritagliato che mostra il Centro notifiche con diverse notifiche.

Il Centro notifiche consente all'utente di visualizzare e rispondere alle notifiche dopo che sono state visualizzate o, nel caso di notifiche invisibile all'utente, dopo che sono state ricevute ma non visualizzate. È importante mantenere ordinato il Centro notifiche cancellando le notifiche precedenti. È anche necessario assicurarsi di offrire un'esperienza coerente quando si rimuovono le notifiche in modo che l'utente si senta sicuro che non mancano informazioni. Seguendo le convenzioni standard per la rimozione delle notifiche, l'esperienza di notifica è prevedibile e intuitiva per gli utenti.

Di seguito sono riportati alcuni scenari di esempio che illustrano le strategie per cancellare le notifiche precedenti dal Centro notifiche:

  • L'utente riceve 10 nuovi messaggi di posta elettronica e quindi 10 nuove notifiche. L'utente passa all'app di posta elettronica e visualizza 10 messaggi di posta elettronica, senza interagire con le 10 notifiche. Dopo che l'utente visualizza i 10 messaggi di posta elettronica, l'app di posta elettronica rimuove le 10 notifiche dal Centro notifiche. Questo vale anche se l'utente ha visualizzato i 10 messaggi di posta elettronica altrove, ad esempio il telefono o il sito Web.
  • L'utente riceve 10 nuovi messaggi di chat da un utente e quindi 10 nuove notifiche. L'utente seleziona una di queste notifiche di chat, che avvia la chat. Dopo che l'utente visualizza la chat, l'app rimuove le 9 notifiche rimanenti dal Centro notifiche.

Linee guida per gli sviluppatori per le notifiche