Nell'esperienza utente, l'attrito è tutto ciò che impedisce agli utenti di raggiungere i propri obiettivi. L'attrito è un grosso problema perché porta a rimbalzi, riduce le conversioni e frustra gli utenti fino al punto di abbandonare i loro compiti. In questo articolo, troverai come migliorare l'UX per i tuoi utenti riducendo l'attrito.

Il concetto di un'esperienza senza attriti

L'esperienza utente senza attrito è ora diventata il nuovo standard. L'obiettivo delle esperienze senza attrito è semplificare le nostre vite. Le esperienze digitali di maggior successo sono emerse concentrandosi sulla riduzione dell'attrito nel percorso dell'utente.

image3

Uber sa che meno passaggi sono coinvolti in un'attività, minore è l'attrito.

Al di fuori delle GUI, un buon esempio è il pulsante del trattino Amazon, che consente di ordinare una ricarica di un prodotto specifico con una sola pressione.

image1
Pulsante del cruscotto di Amazon

Buona e cattiva attrito

È importante dire che ci sono due tipi di attrito: "buono" e "cattivo":

"Buono" attrito

Ci sono momenti in cui un piccolo attrito UI / UX è effettivamente desiderabile. Come ha detto Sangeet Choudary: "L'attrito nel design è utile se facilita l'interazione invece di [ottenere] nel modo di farlo." A volte potresti voler rallentare l'utente per garantire che i dati acquisiti siano corretti o per impedire agli utenti di prendere un percorso errato. Ad esempio, per le azioni con gravi conseguenze, alcuni attriti non sono una cattiva idea.

image7

L'attrito può prevenire gli errori chiedendo conferma. Un utente deve confermare un'azione di cancellazione digitando effettivamente cancella.

"Bad" attrito

Questo è un attrito indesiderato creato da una confusione visiva (un layout occupato che confonde o distrae l'utente), incoerenza ("Perché il pulsante 'Invia' appare diverso in questa pagina?"), Funzioni o funzioni non familiari. Il cattivo attrito è il nemico del design dell'interazione perché crea un carico cognitivo extra nell'interfaccia utente. Ridurre i cattivi attriti fa bene alla tua interfaccia utente.

Come prevenire cattivi attriti

I progettisti di UX dominano l'arte di ridurre i cattivi attriti attraverso una combinazione di tecniche di progettazione. L'applicazione dei seguenti 6 principi chiave contribuirà a guidare qualsiasi prodotto o servizio a un'esperienza più semplice per i tuoi utenti.

1. Considera un viaggio completo per l'utente

È importante progettare un prodotto con un percorso completo per l'utente, al fine di trovare dove l'attrito è utile e dove è dannoso sia per gli utenti che per gli obiettivi aziendali. Ogni fase del viaggio può creare o rimuovere attriti e incidere sul successo del prodotto complessivo. Quando il progettista comprende i passaggi coinvolti in un percorso utente, è possibile rimuovere (o almeno regolare) eventuali passaggi che incidono negativamente sul tasso di risposta.

image4

Avere una mappa di viaggio dell'utente renderebbe più facile individuare le frizioni in un'esperienza. Credito immagine: Interfaccia utente efficace

2. Limitare il numero totale di passaggi necessari per completare l'attività

Meno passaggi sono coinvolti in un'attività, minore è l'attrito. Ecco un esempio famoso di confronto di voci di calendario comparative di John Gruber:

"Il mio tipico utilizzo [in iCal]:

  1. Fare doppio clic sulla data dell'evento nella vista mensile.
  2. Digita il nome dell'evento.
  3. Tab passato Location.
  4. Spunta la casella di controllo 'tutto il giorno'.
  5. Tab passato il mese.
  6. Tab passato il giorno.
  7. Tab passato l'anno.
  8. Inserisci l'ora.
  9. Inserire i minuti.
  10. Scambia l'AM / PM.

Confronta e metti in contrasto con l'interfaccia utente della voce evento per la funzione calendario nello zaino:

  1. Fare doppio clic sulla data dell'evento nella vista mensile.
  2. Scrivi l'ora e il nome dell'evento. "

È chiaro quale app ha meno attriti per questo compito.

Il problema con l'attrito dell'interfaccia è che in alcuni casi è inevitabile. Pertanto, se per la tua app è assolutamente necessario un numero elevato di passaggi, fai del tuo meglio per assicurarti che ogni passaggio sia il più semplice possibile.

3. Progettare una chiara navigazione

Molto può andare storto con la navigazione, rendendola una fonte di potenziale attrito. Sebbene sia assolutamente impossibile fornire una soluzione valida per tutti, è ancora possibile migliorare le esperienze di navigazione imparando dagli utenti. La giusta tecnica di test degli utenti (come l'ordinamento delle carte) può aiutarti a capire in che modo gli utenti classificano e accedono ai contenuti nella tua app o nel tuo sito web. Queste informazioni ti aiuteranno a progettare o adattare la navigazione alle esigenze dei tuoi utenti.

4. Seguire l'approccio "Less is More"

Lo scopo ultimo di un'interfaccia è rendere le cose più semplici. Ecco perché la semplicità è una parte importante di ciò che gli adepti del design senza frizione mirano a raggiungere. I progettisti cercano di trasmettere l'essenziale rimuovendo l'inutile. Come disse una volta Antoine de Saint-Exupery: "La perfezione si ottiene, non quando non c'è più nulla da aggiungere, ma quando non c'è più nulla da togliere". Questo è assolutamente vero per le interfacce utente. Come designer, devi dare la priorità solo agli elementi che corrispondono alle aspettative degli utenti e tagliare tutto ciò che non aiuta l'utente. Un buon esempio di un prodotto che segue questo principio è la home page di Google: il più semplice possibile; solo una cosa da fare e un sacco di spazio bianco attorno ad essa.

image6

Confrontalo con la home page di Yahoo che sembra un coltellino svizzero. Troppe funzioni e opzioni possono essere intimidatorie e occasionalmente dannose.

image8

5. Usa modelli UI riconoscibili

Quando interagiamo con elementi dell'interfaccia utente familiari, possiamo utilizzare la conoscenza della nostra precedente esperienza. Tuttavia, ogni volta che dobbiamo imparare come funziona qualcosa di nuovo, crea attrito (troppo poca conoscenza può deteriorare la facilità d'uso). I pattern dell'interfaccia utente aiutano gli utenti a comprendere sistemi molto complessi e ad affrontare con successo compiti difficili. I progettisti UX / UI dovrebbero utilizzare quanti più modelli UI appropriati possibili. Convenzioni riconoscibili, come l'icona di una lente di ingrandimento per la ricerca, non richiedono alcun pensiero aggiuntivo per gli utenti.

6. Usa Chunking

Lo psicologo cognitivo George A. Miller sosteneva che il numero di oggetti che un umano medio può contenere nella memoria di lavoro è 7 ± 2. Per evitare di travolgere un utente con troppe informazioni contemporaneamente, i progettisti spesso usano la tecnica del chunking. Chunking funziona intorno ai limiti naturali del cervello umano e alla conservazione della memoria. Dividere il contenuto complesso in sezioni più piccole migliora il ritmo dell'esperienza. Permette agli utenti di elaborare le informazioni suggerendo come ogni pezzo dovrebbe essere interpretato. Di conseguenza, gli utenti mantengono effettivamente i contenuti migliori.

A volte è meglio suddividere un'attività complessa in attività secondarie più piccole. Gli stessi principi si applicano ai moduli di input per rompere una forma lunga in più passaggi più piccoli.

image2
Chunking impedisce di travolgere il cervello con troppe informazioni contemporaneamente. Facebook utilizza un processo di chunking per visualizzare un progresso attraverso una sequenza di passaggi logici e numerati.