Come migliorare l'esperienza utente delle impostazioni dell'app

Pubblicato: 2022-03-11

Come altri modelli dell'interfaccia utente non celebrati, i pannelli delle impostazioni rendono le app più facili da usare ma sembrano suscitare interesse solo quando sono imperfette. Gli utenti possono dare per scontate le impostazioni, ma i designer no. I pannelli delle impostazioni ben progettati consentono agli utenti di personalizzare le app in base alle proprie esigenze e aiutano le aziende a ridurre i costi di assistenza clienti.

Le impostazioni dell'app aiutano gli utenti a gestire elementi come notifiche push, fusi orari e credenziali di accesso. Ogni app ha delle impostazioni, ma utenti e progettisti trascurano regolarmente i pannelli di interfaccia che le controllano. Gli utenti tendono a ignorare le impostazioni e i designer sembrano trascurarle fino alla fine del processo di progettazione dell'app.

Ci sono poche ragioni per cui gli utenti riflettano sulle impostazioni dell'app, ma i designer hanno ampi incentivi. Impostazioni ben progettate riducono i costi dell'assistenza clienti e aumentano il coinvolgimento consentendo agli utenti di personalizzare le proprie app su richiesta. L'obiettivo è semplificare la gestione delle preferenze da parte degli utenti, ma è difficile progettare impostazioni in linea con le esigenze degli utenti. Anche qualcosa di semplice come consentire agli utenti di aggiornare gli indirizzi e-mail richiede un'attenta pianificazione.

Quali pratiche di progettazione garantiscono impostazioni UX senza sforzo?

Questo flusso utente rappresenta le azioni necessarie per aggiornare un indirizzo e-mail.
Questo flusso utente rappresenta le azioni necessarie per aggiornare un indirizzo e-mail.

Linee guida per una migliore UX delle impostazioni dell'app

Categorie di gruppo

Quando le app hanno più impostazioni, può essere difficile per gli utenti trovare ciò di cui hanno bisogno. La soluzione è raggruppare le impostazioni in categorie. Ad esempio, Shopify ha un lungo elenco di impostazioni, ma sono organizzate in categorie facili da sfogliare.

Le impostazioni di Shopify sono classificate accuratamente.
Le impostazioni di Shopify sono classificate accuratamente.

Stabilire una gerarchia visiva

I pannelli delle impostazioni non possono avere successo senza una gerarchia visiva. Porta in primo piano le impostazioni utilizzate di frequente; se ci sono troppe opzioni, separa le categorie in sottopagine per ridurre il carico cognitivo.

Facebook mostra le impostazioni usate di frequente ad alto livello. N26 separa le categorie in sottopagine.
Facebook mostra le impostazioni usate di frequente ad alto livello. N26 separa le categorie in sottopagine.

Evita i nomi con gergo

Il gergo porta gli utenti a cercare il contesto al di fuori dei pannelli delle impostazioni. Le impostazioni sono meglio descritte in un linguaggio semplice che indica la funzionalità. Evita nomi tecnici o intelligenti che placano i team di marketing e prodotto ma confondono gli utenti.

Le categorie delle impostazioni di Calm sono facili da capire.
Le categorie delle impostazioni di Calm sono facili da capire.

Fornire descrizioni chiare

Le impostazioni necessitano di descrizioni che spieghino il loro impatto. Definisci chiaramente cosa fanno le impostazioni, ma non fornisci così tante informazioni che gli utenti sorvolano sui dettagli importanti. Ancora una volta, usa la lingua di tutti i giorni e abilita l'opzione per ripristinare le impostazioni predefinite.

Le descrizioni di Brave spiegano chiaramente l'impatto di ogni impostazione.
Le descrizioni di Brave spiegano chiaramente l'impatto di ogni impostazione.

Fornisci indicatori di stato e feedback sugli stati salvati

In molte app, le impostazioni aggiornate vengono salvate automaticamente, ma gli utenti hanno comunque bisogno di un feedback che confermi le loro modifiche. Se gli utenti devono fare clic su un pulsante "Salva", assicurati che sia ben visibile. Forzare gli utenti a scorrere è destinato a comportare impostazioni non salvate.

Atlassian Jira offre agli utenti un feedback immediato quando le impostazioni vengono aggiornate.
Atlassian Jira offre agli utenti un feedback immediato quando le impostazioni vengono aggiornate.

Utilizzare i controlli dell'interfaccia utente appropriati

I pulsanti di opzione e le caselle di controllo sono controlli dell'interfaccia utente standard nei pannelli delle impostazioni, ma non sono intercambiabili:

  • I pulsanti di opzione richiedono agli utenti di effettuare una (e una sola) selezione da un elenco di opzioni.
  • Le caselle di controllo consentono agli utenti di effettuare selezioni multiple (o nessuna) da un elenco di opzioni.

Quando le azioni non richiedono revisione o conferma, utilizza gli interruttori a levetta e considera l'aggiunta di etichette "On/Off" per maggiore chiarezza.

Pulsanti di opzione, caselle di controllo e interruttori a levetta sono componenti comuni dell'interfaccia utente nei pannelli delle impostazioni delle app.
Pulsanti di opzione, caselle di controllo e interruttori a levetta sono componenti comuni dell'interfaccia utente nei pannelli delle impostazioni delle app.

Fornisci le impostazioni di base e avanzate

Un modo intelligente per gestire le app con numerose impostazioni è fornire due livelli di input. Le impostazioni di base popolano i pannelli delle impostazioni per impostazione predefinita e soddisfano le esigenze degli utenti medi, mentre le impostazioni avanzate si rivolgono agli utenti che desiderano un controllo più granulare.

Le impostazioni avanzate di Spotify consentono agli utenti di ottimizzare le proprie esperienze di ascolto.
Le impostazioni avanzate di Spotify consentono agli utenti di ottimizzare le proprie esperienze di ascolto.

Invia e-mail di conferma

Molte app contengono dati sensibili, comprese informazioni finanziarie. Le conferme e-mail esistono al di fuori dei pannelli delle impostazioni, ma sono fondamentali perché gli utenti devono essere avvisati quando i dettagli dell'account cambiano. A seconda dell'app o delle impostazioni coinvolte, potrebbe non essere necessario inviare conferme per ogni aggiornamento.

Le conferme e-mail devono essere inviate ogni volta che gli utenti aggiornano le credenziali di accesso.
Le conferme e-mail devono essere inviate ogni volta che gli utenti aggiornano le credenziali di accesso.

Suggerimenti per il processo di progettazione delle impostazioni dell'app

Inizia con l'architettura dell'informazione e il flusso utente

L'architettura dell'informazione è il posto migliore per iniziare il processo di progettazione delle impostazioni. Usa gli esercizi di ordinamento delle schede per capire come gli utenti raggrupperebbero le impostazioni, quindi stabilisci una gerarchia tra le categorie che emergono. Progetta i flussi utente per ciascuna impostazione, genera etichette delle impostazioni che si allineano alle aspettative degli utenti e cerca di mantenere il numero di categorie di primo livello su quattro o cinque.

Definisci modalità predefinite

Le impostazioni predefinite presentano agli utenti esperienze teoricamente ottimali sin dalle prime interazioni. L'obiettivo è semplificare l'onboarding e fornire agli utenti impostazioni che supportino i loro obiettivi (un altro motivo per cui la ricerca degli utenti è così essenziale). Ad esempio, le app per la sicurezza delle password come 1Password e LastPass hanno impostazioni predefinite progettate per proteggere le informazioni riservate degli utenti.

1Password e LastPass hanno impostazioni predefinite che proteggono i dati sensibili degli utenti.
1Password e LastPass hanno impostazioni predefinite che proteggono i dati sensibili degli utenti.

Contatta le parti interessate all'inizio del processo di progettazione

Inizia subito la collaborazione e parla con le parti interessate delle loro esigenze relative alle impostazioni. Incontra product manager, esperti di sicurezza, designer, ingegneri e chiunque altro sia interessato alle impostazioni: aspettare fino alla fine del processo di progettazione delle impostazioni potrebbe comportare costose riprogettazioni.

Parla con l'assistenza clienti

Il perfezionamento del design inizia con l'identificazione dei punti deboli degli utenti e i team di assistenza clienti affrontano i problemi degli utenti ogni giorno. Sanno quali aspetti di un'app confondono e quali impostazioni sono difficili da gestire. Se possibile, partecipa regolarmente alle riunioni dell'assistenza clienti per ottenere informazioni dettagliate per le future iterazioni dei pannelli delle impostazioni.

Prototipo e test

Crea e testa i prototipi per vedere come funzionano le impostazioni insieme alle funzionalità principali del prodotto. I prototipi ad alta fedeltà sono un modo eccellente per testare l'efficacia dei controlli dell'interfaccia utente nelle sessioni di usabilità. Anche in questo caso, aspettare fino all'ultimo minuto potrebbe rivelarsi costoso.

Le impostazioni ponderate dell'app migliorano l'esperienza utente

I designer si sforzano di rendere le app facili da usare. Le caratteristiche di spicco ricevono la maggiore attenzione, ma spesso sono i dettagli di design meno visibili che migliorano l'usabilità. Una buona esperienza di impostazione è organizzata, intuitiva e consente agli utenti di ottimizzare le loro interazioni quotidiane. Fornisce feedback pertinenti, utilizza componenti dell'interfaccia utente noti che si allineano ai modelli mentali degli utenti e consente agli utenti di effettuare aggiornamenti senza contattare l'assistenza clienti.

• • •

Ulteriori letture sul blog di Toptal Design:

  • Principi di progettazione dell'UX mobile
  • Principi euristici per interfacce mobili
  • La guida fondamentale all'usabilità mobile
  • Best practice per l'eCommerce mobile per UX (con infografica)
  • Vincoli di progettazione dell'esperienza utente mobile, best practice e collaborazione con gli sviluppatori