La pagina delle impostazioni viene spesso lasciata fuori dai progetti web. Tuttavia, è uno dei modelli essenziali durante la creazione di un servizio.
Proprio il mese scorso ho fatto notare a un cliente l'importanza di progettare questa pagina che consenta all'utente di personalizzare l'applicazione in base alle proprie esigenze e al proprio utilizzo. Ma anche l'importanza per il team di progetto di determinare le funzionalità da includere in questa pagina e tutte le regole di gestione che essa implica.
La pagina delle impostazioni può raggruppare diversi tipi di funzionalità: informazioni sull'account, notifiche, formato immagine, modalità offline, archiviazione, versione, disconnessione, ecc. Ciascun servizio offre le impostazioni necessarie a seconda delle funzionalità dello strumento. E la lista potrebbe essere lunga!
L'utente è quindi spesso portato ad utilizzare questa pagina. La UX e la UI devono essere considerate, così come lo strumento stesso, per ottimizzare il corso e i contenuti visualizzati.
In questo articolo, condivido con te 6 consigli per pensare (o ripensare) a questa pagina importante per i tuoi utenti.
# 1 Accesso rapido
Lo vedo troppo spesso per non menzionarlo per primo, ma sebbene la funzionalità sia considerata secondaria dal team di progetto, l'accesso a questa pagina è una priorità.
Spesso è nascosto perché i team ritengono che occupi troppo spazio nell'interfaccia. Ma come ti ho detto nell'introduzione, le impostazioni sono importanti per gli utenti.
Quindi ricorda di posizionare l'accesso ai parametri al primo livello della tua interfaccia.
Tieni presente che non sto dicendo che debba essere necessariamente al primo livello della tua navigazione principale.
Ma, ad esempio, nell'applicazione Spotify, l'utente ha accesso alle impostazioni al primo livello dell'applicazione: nella home page in alto a destra dello schermo.
App Spotify su iOS
Troviamo spesso questa funzionalità qui ma anche nella navigazione o in una pagina del profilo per esempio.
# 2 Elementi di gruppo
Come accennato in precedenza, l'elenco dei parametri disponibili potrebbe essere lungo! È quindi necessario pensare a dare priorità ai contenuti.
Una buona pratica consiste nel raggruppare gli elementi per categorie. Pertanto, l'utente potrà localizzarsi più facilmente e scorrere lo schermo scansionando le informazioni.
Questa è una pratica che vediamo anche in Spotify. Ogni categoria è disponibile al primo livello poi, al secondo livello, ci sono le sottocategorie.
App Spotify su iOS
È anche possibile considerare la priorità dei contenuti per sezioni con titoli e sottotitoli all'interno di una pagina, come Netflix:
App Netflix su iOS
L'obiettivo qui è organizzare i punti di ingresso in modo che l'utente possa navigare rapidamente verso ciò che sta cercando.
Il primo livello può essere utilizzato anche come riepilogo per visualizzare a colpo d'occhio ciò che è disponibile nello strumento.
# 3 Etichette semplici
Ricordati di semplificare i termini utilizzati e di essere conciso nella scelta della dicitura.
Alcuni di essi possono sembrare ovvi, ma lo sono molto meno per gli utenti inesperti nel campo delle nuove tecnologie. È quindi necessario adattare il campo lessicale ai propri utenti per non perderli.
Inoltre, potrebbero avere dubbi su ciò che stanno attivando o modificando nelle loro impostazioni se non capiscono la dicitura, il che potrebbe deteriorare la loro esperienza.
Un altro punto importante è essere chiari e concisi. Meglio evitare frasi lunghe a livello delle etichette che potrebbero appesantire l'interfaccia e allungare i tempi di lettura.
Una buona pratica per accompagnare le etichette e supportare il significato di queste ultime, che vediamo in particolare nell'esempio di Netflix, è quella di utilizzare ad esempio le icone per ogni categoria.
# 4 Aggiungi descrizioni
Un altro modo per descrivere un'etichetta (ed evitare che sia troppo lunga) è aggiungere una descrizione che possa:
- descrivi la funzionalità,
- avviso sull'effetto feedback,
- informare l'utente dello stato attuale. Ancora una volta, la descrizione deve essere concisa e chiara con un lessico adatto ai tuoi utenti.
Prendo il mio esempio da Spotify, dove l'applicazione fornisce un chiarimento sulla funzionalità che potrebbe creare confusione per alcuni utenti:
App Spotify su iOS
# 5 Mostra la scelta attuale
Un vantaggio nelle interfacce è visualizzare la selezione corrente all'utente accanto all'etichetta del parametro.
Ad esempio, nella selezione della lingua, l'utente ha necessariamente un parametro attivo: se la sua interfaccia è in francese, può essere opportuno visualizzarla al primo livello accanto al pulsante per modificare la lingua.
Nell'esempio di Netflix, l'applicazione consente all'utente di scegliere tra due tipi di qualità video (standard e ottimale). Qui la scelta attiva “standard” è al primo livello e l'icona della freccia accompagna l'utente se desidera modificare il suo parametro.
App Netflix su iOS
# 6 Usa il componente giusto
Come possiamo vedere negli esempi in questo articolo, che siano Spotify o Netflix, le funzionalità richiedono diversi componenti (ingressi, interruttori (chiamati anche interruttori), elenchi con pulsanti di opzione o caselle di controllo, ecc.).
A seconda dell'azione dell'utente, è interessante adattare il componente utilizzato, ad esempio:
- Il campo di testo: in particolare per i campi di identificazione dell'account.
- Il toggle è spesso utilizzato per l'effetto immediato di scegliere tra 2 opzioni (on/off).
- L'elenco per dare all'utente la scelta tra diverse opzioni possibili.
CTA per il logout o per reimpostare una funzione.
Tutte queste azioni possono anche richiedere la conferma da parte dell'utente. Non dimenticare di creare modali per convalidare la scelta all'utente spiegando le ripercussioni e per restituirgli gli eventuali avvisi o feedback dalla convalida a seguito di un'azione (convalida, registrazione, pagamento effettuato, ecc.)
Condivido qui un articolo che ho recentemente pubblicato sulla creazione di modali. Potresti trovare nozioni interessanti da integrare per le tue interfacce di parametri o nella tua applicazione!
# Concludere
La pagina delle impostazioni è una schermata da aspettarsi durante la progettazione dell'interfaccia, sebbene non sia direttamente correlata alla funzionalità principale dell'applicazione o del sito Web.
Questa è la pagina che centralizza le impostazioni delle varie funzionalità e l'accesso alle funzionalità di connessione e disconnessione (se è possibile l'autenticazione sul tuo prodotto).
Per alcune applicazioni è anche sede della gestione dei conti cosiddetti “Premium” e quindi dell'intero aspetto finanziario del servizio.
La pagina delle impostazioni può anche essere il punto in cui notifichi all'utente i referral che potrebbero espandere il tuo database di utenti!
Ricorda inoltre di utilizzare questo spazio per fornire informazioni ai tuoi utenti sugli aggiornamenti distribuiti nell'applicazione. Questo rende questa pagina interattiva ed evidenzia tutto il potenziale del tuo strumento!
Fonte immagine: https://undraw.co/illustrazioni
Alexa CUELLAR UX-UI Designer @UX-Republic
