Le notifiche ora fanno parte della nostra vita quotidiana. Consentono a un'interfaccia di comunicare con l'utente e possono assumere diverse forme: pop-in, banner, push... La maggior parte dei siti e delle applicazioni li raggruppa in un centro notifiche, dove appaiono quando si fa clic su un'icona (la famosa campana!). .
Sebbene essenziali, le notifiche possono diventare irritanti o invadenti se non elaborate con cura. Questo articolo fornisce suggerimenti per la progettazione di un centro notifiche che porterà il massimo valore ai tuoi utenti.
#1 Domande da porsi per iniziare
Quali informazioni dovrebbero essere nel centro notifiche?
Non è necessario sovraccaricare l'interfaccia con informazioni superflue. Condurre una fase di ricerca e redigere la tipologia delle notifiche rilevanti (nuovo evento, promemoria, interazione con altro utente, aggiornamento di un elemento, ecc.)
Qual è il grado di criticità delle informazioni?
Evita di inserire informazioni critiche nel centro notifiche perché l'utente potrebbe perderle. Usa pop-in, banner o snack bar per messaggi di errore e avvisi.
La notifica comporterà un'azione dell'utente?
In tal caso, aggiungi azioni rapide nel corpo della notifica. Questo è ciò che LinkedIn offre per aumentare il coinvolgimento degli utenti.
Qual è il volume previsto di notifiche?
Se le notifiche sono numerose o frequenti, raggruppale per alleggerire la tua interfaccia. Questo è ciò che fa Facebook, ad esempio, quando molte persone reagiscono alla stessa pubblicazione.
Quale azione sarà richiesta per contrassegnare la notifica come "letta"?
Alcune interfacce lo contrassegnano come "letto" quando visualizzato, altri richiedono di fare clic su di esso. Tu decidi ! Una notifica importante potrebbe richiedere un clic mentre un messaggio informativo non richiederà alcuna azione particolare.
La notifica dovrebbe rimanere visibile nello stream una volta letta?
Le notifiche di lettura vengono spesso conservate nel caso in cui l'utente debba leggerle di nuovo. Puoi offrire uno scorrimento infinito sulle notifiche passate (come Facebook) o nascondere le vecchie notifiche dopo un certo tempo.
Cosa succede quando si fa clic sulla notifica?
Per ogni tipo di notifica, definisci dove verrà reindirizzato il tuo utente: a un profilo? un elenco di record? una pagina dedicata? Registra queste informazioni in una tabella e assicurati la coerenza tra i diversi comportamenti.
# 2 Progetta il tuo centro notifiche
Una volta individuate le esigenze, si passa alla progettazione grafica. Il centro notifiche è composto da diversi tipi di componenti e segue determinate convenzioni.
- Ancora
L'ancora materializza il centro notifiche. Di solito è posizionato in alto a destra dello schermo come un pulsante, spesso con un'icona a forma di campana. Alcuni siti/app dividono le notifiche sotto più anchor (es: Facebook separa le richieste di amicizia e i messaggi privati dal resto delle notifiche)
Ricordati di prevedere i diversi stati della tua ancora :
- Nessuna nuova notifica
- Nuovi avvisi
- Selezionato (al clic del pulsante)
- Il riquadro delle notifiche
Quando si fa clic sull'ancora, viene visualizzato un elenco di notifiche in ordine cronologico. Il pannello delle notifiche può apparire fluttuante sotto l'ancora o occupare l'intera altezza dello schermo a destra.
Note: : è essenziale poter distinguere a colpo d'occhio le notifiche non lette. Possono essere differenziati per:
- Pellet
- Una barra verticale
- Un colore di sfondo diverso (da non confondere con gli effetti al passaggio del mouse)
- La notifica
Una buona gerarchia di informazioni è essenziale per comprendere una notifica. Può contenere i seguenti elementi:
#3 Consenti all'utente di controllare le proprie notifiche
Infine, non dimenticare di consentire ai tuoi utenti di controllare la visualizzazione delle notifiche. Offri loro un facile accesso a una schermata delle impostazioni in cui possono abilitare o disabilitare le notifiche in base alle loro preferenze.
# Conclusione
Orane LEFEVRE – Progettista UX @UX-Republic
