Come ridurre l'attrito nel web design

In termini di esperienza utente, l'attrito è tutto ciò che impedisce agli utenti di raggiungere i propri obiettivi. L'attrito rappresenta un grosso problema sia per gli utenti che per i progettisti perché riduce le conversioni, aumenta la frequenza di rimbalzo e fa sì che gli utenti abbandonino le proprie attività. In altre parole, fa l'esatto opposto di qualsiasi buon sito web.

L'attrito nella tua esperienza utente avrà un impatto su ogni interazione dell'utente, in modo che anche le interfacce più ben progettate siano difficili da usare. D'altra parte, un'esperienza del sito Web senza attriti crea interazioni con l'utente che sono fluide e si svolgono in modo naturale.

Ridurre l'attrito del tuo sito web può portare a interazioni di maggiore qualità senza complicazioni. Ripulire il tuo sito web aumenterà le tue conversioni e incoraggerà i tuoi utenti a rimanere sul tuo sito più a lungo, aumentando le probabilità che agiscano. Ecco come farlo.

Identificare l'attrito sul tuo sito web

L'attrito può manifestarsi in molte forme. Alcune persone definiscono l'attrito come qualcosa che un utente deve superare per utilizzare il tuo sito (gli esempi includono tempi di caricamento lenti o navigazione scadente). Altri usano il termine attrito per descrivere qualsiasi cosa non necessaria o eccessiva su un'interfaccia. Altri ancora identificano l'attrito con il "carico cognitivo" o qualsiasi cosa che richieda a un utente di pensare ma non dovrebbe.

Sebbene queste siano essenzialmente versioni della stessa cosa, generalmente possiamo identificare i sintomi di attrito come:

• Immagini distraenti
• Un'interfaccia visivamente disordinata
• Incongruenze
• Azioni e decisioni inutili
• Funzioni confuse o poco intuitive

È anche importante capire che in alcuni casi, l'attrito può effettivamente essere una buona cosa. Ciò si applica quando i componenti di progettazione dell'attrito rallentano un utente per qualche scopo. Ad esempio, potresti incorporare elementi complicati per acquisire dati o impedire a un utente di commettere un errore con gravi conseguenze (come un utente che elimina la propria casella di posta o account in modo permanente).

In altri casi, l'attrito può avere uno scopo educativo. I giochi sono un buon esempio. Nei giochi, usiamo l'attrito per instillare l'apprendimento. Con attrito, passiamo dal principiante all'esperto mentre ci divertiamo ancora. È la versione virtuale di andare in bicicletta: attraverso tentativi ed errori, impariamo qualcosa di nuovo. Nessuno vorrebbe un gioco senza attriti, perché non sarebbe divertente.

Per la maggior parte dei siti Web, tuttavia, vorrai rendere la tua esperienza il più semplice possibile. Usa queste strategie collaudate per creare esperienze utente senza peso:

1. Inizia con un approccio macro

Per creare un'esperienza utente senza attriti, inizia pensando a un percorso completo per l'utente. Questo ti aiuterà a determinare dove l'attrito può essere utile per il tuo processo di sviluppo e quando sarà ingombrante per i tuoi utenti.

Ogni fase del percorso di un utente rappresenta un'opportunità per incidere sul successo del tuo prodotto in generale. Decidi quando è necessario attrito per raccogliere dati o prevenire errori e rimuovere tutti gli altri ostacoli che potrebbero influire negativamente sul tuo tasso di risposta.

2. Ridurre al minimo i passaggi necessari per eseguire un'azione

Ci sono buone probabilità che tu possa ridurre il tuo attrito eliminando alcuni passaggi nel processo di un utente. Un famoso esempio è il complesso processo di utilizzo di una funzione iCal:

• Fare doppio clic sulla data nella vista mese.
• Digita il nome del tuo evento.
• Salta posizione passata.
• Salta la casella di controllo "tutto il giorno".
• Salta il mese passato.
• Salta il giorno passato.
• Salta l'anno passato.
• Immettere l'ora dell'evento.
• Immettere il minuto di inizio dell'evento.
• Inserisci AM o PM.

Se pensi che sia stressante da guardare, non sei solo. Ora, confrontalo con il viaggio dell'utente nella funzione calendario di Backpack:

1. Fare doppio clic sulla data dell'evento nella visualizzazione del mese.
2. Digitare il nome dell'evento e l'ora di inizio.

Confronta queste due app insieme ed è facile vedere quale ha meno attrito. In alcuni casi, potresti avere un processo che richiede molti passaggi. In questo caso, assicurati che ogni passaggio sia il più semplice possibile. Puoi farlo utilizzando le caselle di controllo invece di richiedere la digitazione o consolidando i passaggi quando possibile.

3. Sappi che "Meno è di più"

L'obiettivo finale di un'interfaccia è rendere le cose il più semplici possibile. Questo costituisce la base delle migliori pratiche di web design. Rimuovendo il superfluo, possiamo trasmettere l'essenziale.

Fai attenzione a dare la priorità agli elementi che soddisfano le aspettative degli utenti e a sbarazzarti di tutto ciò che non è strettamente necessario. Un ottimo esempio di questo in azione è la home page di Google. C'è solo una cosa che puoi fare e c'è molto spazio bianco intorno.

Non sovraccaricarti di funzionalità: corri il rischio di rendere le cose complicate e dannose per l'utente (cosa che alla fine è dannosa per il tuo prodotto).

4. Utilizzare buone pratiche di navigazione

Uno dei nemici delle esperienze senza peso è la scarsa navigazione.

Sfortunatamente, molte cose possono andare storte durante la progettazione della navigazione, quindi è anche una causa comune di attrito. Non esiste un approccio "universale" per una navigazione chiara, ma c'è una fonte in cui puoi imparare cosa funziona per il tuo sito: i tuoi utenti.

I test utente ti aiuteranno a capire in che modo le persone accedono ai contenuti nel tuo sito o nella tua app e a classificarli. Utilizza queste informazioni per guidare e adattare le tue pratiche di navigazione in modo che soddisfino le esigenze dei tuoi utenti.

5. Chunking è tuo amico

Qualsiasi studente di psicologia ricorderà che George A. Miller postulava che la mente umana media potesse contenere 7 oggetti nella memoria di lavoro, più o meno 2.

È da qui che deriva la pratica del chunking: previene il sovraccarico cognitivo. L'organizzazione delle informazioni in blocchi aggira i limiti del cervello umano e aumenta la ritenzione di memoria.

Possiamo applicare questo concetto al web design suddividendo attività complesse in una serie di attività più piccole e più semplici. Applica questa tecnica per inserire moduli e altre attività ingombranti per ridurre la frequenza di rimbalzo e migliorare l'attenzione dell'utente.

6. Non reinventare la ruota

Può essere allettante fare qualcosa di nuovo o innovativo per il tuo sito web. In quanto persone creative, è naturale per i web designer creare qualcosa di unico. Tuttavia, gli utenti preferiscono interagire con elementi familiari dell'interfaccia utente perché possono utilizzare le loro conoscenze dalle esperienze precedenti.

Ogni volta che costringiamo gli utenti a imparare come funziona qualcosa di nuovo, creiamo più attrito per loro. I modelli dell'interfaccia utente prevedibili aiutano gli utenti a comprendere i sistemi e completare le attività. Utilizzare il più possibile standard UI e UX prestabiliti. Ad esempio, l'icona di una lente di ingrandimento per la ricerca è facilmente riconoscibile per gli utenti e non richiede ulteriori riflessioni.

7. Rimani fedele al tuo marchio

Infine, mettiti nei panni del tuo utente per un minuto. Un visitatore saprebbe di cosa ti occupi entro 4-6 secondi dalla visita del tuo sito? In caso contrario, stai creando attrito fin dall'inizio.

La tua pagina di destinazione o la home page dell'app dovrebbe affrontare prontamente una soluzione, risolvere un problema per gli utenti o aiutare gli utenti a raggiungere i loro obiettivi. Questo concetto si applica a layout, tipografia, grafica e altro ancora.

Conclusione

Il tuo sito web o la tua applicazione dovrebbero essere il più semplici possibile. Rimuovendo passaggi non necessari ed elementi di design disordinati, puoi aiutare i tuoi utenti a raggiungere i loro obiettivi più velocemente e ridurre la frequenza di rimbalzo del tuo sito web.

L'attrito in un sito web varia dal pratico all'estetico. Ad esempio, tempi di caricamento lenti o una navigazione inferiore alla media possono far sì che gli utenti abbandonino il tuo sito, mentre la mancanza di spazi bianchi o anche il font sbagliato possono creare un carico cognitivo maggiore. Questo è il motivo per cui è importante considerare l'intero percorso dell'utente durante la progettazione di un prodotto.

Seguendo i passaggi descritti sopra, puoi identificare l'attrito nel tuo sito Web e adottare misure per ridurlo. In questo modo, aumenterai le tue conversioni e avrai più successo nella risoluzione dei problemi degli utenti.