25 Controlli Essenziali per l’UI e l’UX del Sito Web

L’idea alla base della progettazione UX è semplice: gli utenti felici e sicuri sono più propensi ad acquistare da te. Sono più propensi a fidarsi di te, iscriversi alle tue mailing list o scaricare la tua app.

Spesso penso alla progettazione dell’esperienza utente (o progettazione UX) come psicologia piuttosto che sviluppo.

Un buon design UX consiste nel mettersi nella testa dei tuoi visitatori.

Si tratta di anticipare ogni loro mossa e creare un sito web semplice, intuitivo e piacevole da usare.

Sfortunatamente, non esiste una risposta facile o una soluzione miracolosa per un buon design UX. È il culmine di tanti piccoli aggiustamenti. Ognuno migliora l’esperienza sul tuo sito web.

Con questo in mente, ho raccolto una checklist di 25 piccole (e facili) modifiche che faranno brillare il tuo design UX.

1. Velocità

La velocità del sito web è la tua prima occasione per fare una buona impressione. È il tuo primo ostacolo UX.

Troppo lento e i tuoi visitatori sono già agitati e meno propensi a fidarsi di te. Istintivamente associamo la velocità alla professionalità, e la maggior parte dei visitatori si aspetta che il tuo sito web si carichi entro due secondi.

Qualsiasi cosa più lenta di così è un’esperienza utente scadente, già dall’inizio.

Assicurati che la velocità del tuo server sia all’altezza e riduci il peso del tuo sito in modo che si apra rapidamente. Vedi altri consigli utili su come migliorare la velocità del tuo sito web qui.

2. Chi Sei e Cosa Fai?

La tua prossima grande sfida è informare rapidamente i tuoi visitatori. Chi sei? Cosa fai? E quale valore puoi offrire loro?

Questa è chiamata proposta di valore, ed è così importante che abbiamo scritto un intero post sul blog. Hai solo pochi secondi per convincere i tuoi visitatori, quindi falli contare!

Provaci ora: riassumi l’intero tuo sito web in una frase e indica dove vuoi che i visitatori vadano dopo.

3. Assicurati che i Visitatori Possano Mettersi in Contatto con Te

Una parte fondamentale del design UX è eliminare qualsiasi preoccupazione o ansia che i tuoi visitatori potrebbero avere.

Una delle più grandi preoccupazioni per i nuovi visitatori è se dovrebbero fidarsi di te o meno – specialmente se sei un nuovo sito web.

Un modo per rimuovere questa ansia è mostrare loro che c’è una persona reale dietro le quinte. Aggiungi un indirizzo aziendale, un numero di telefono e un indirizzo email reale. (NON un modulo di contatto – le persone tendono a diffidare di questi rispetto a un indirizzo email diretto).

Ancora meglio, usa una chat dal vivo in modo che gli utenti possano fare domande istantaneamente.

Se qualcosa va storto, è bene sapere che possono facilmente mettersi in contatto.

4. Dai Sempre ai Visitatori un Modo per Tornare alla Home

Tutti ci siamo persi nei siti web prima. Segui i link e finisci in un buco nero.

Se questo accade, i tuoi visitatori diventano agitati e frustrati. Istintivamente premono il pulsante “X” per chiudere il browser.

Invece, assicurati che ci sia un pulsante “home” chiaro e definito, così possono sempre ricominciare. In genere, gli utenti si aspettano anche che il tuo logo rimandi alla home page, quindi assicurati che lo faccia.

5. Ancora Meglio, Lascia delle Briciole di Pane Così Sanno Dove Si Trovano

Oltre a dare loro un rapido riavvio, usa le “briciole di pane” per spiegare dove si trovano nel processo.

Le grandi barre di avanzamento sono ottime per questo. Se si tratta del processo di checkout, ad esempio, fai sapere al tuo utente esattamente dove si trova e cosa resta da fare.

Ancora una volta, questa è semplice psicologia. Ad esempio, fare una passeggiata è molto più faticoso quando non sai dove sia la fine. Ci sentiamo molto più a nostro agio quando abbiamo una mappa. La stessa idea si applica online.

6. Rimuovi Qualsiasi Azione Ripetitiva

È super frustrante inserire gli stessi dati due volte in un modulo (come un indirizzo di fatturazione e un indirizzo di spedizione). Cerca di eliminare qualsiasi azione ripetitiva che rallenta il processo di acquisto.

Sono cose come questa che portano all’abbandono del carrello. I tuoi visitatori cercheranno altrove.

Ancora meglio, crea un sistema che ricordi le preferenze dei tuoi clienti. Li sorprenderà e delizierà quando troveranno tutto pronto ad attenderli di nuovo. È una cosa semplice che aumenta le possibilità di avere clienti che ritornano.

7. Usa i Suggerimenti per Aiutare i Principianti (Ma Non Ostacolare gli Esperti!)

Alcuni dei tuoi visitatori saranno abituali. Passeranno rapidamente attraverso i tuoi moduli di iscrizione e il processo di acquisto. Altri saranno nuovi di zecca, e potrebbero avere alcune domande lungo il percorso.

Piccole icone di “suggerimento” (spesso identificate con un punto interrogativo) aiuteranno i principianti a capire cosa devono fare. Ma allo stesso tempo, non intralciano i tuoi esperti.

Puoi anche fornire scorciatoie o percorsi veloci per aiutare a velocizzare gli esperti. Spesso vedrai link “salta questo” sulla maggior parte dei siti web e nelle spiegazioni delle app, per esempio.

8. Crea una Call-To-Action Grande e Audace

Una call-to-action dice al tuo visitatore esattamente cosa fare: “Iscriviti” o “Compra ora” per esempio. Assicurati che sia imperiosa, diretta e spieghi il valore di farlo.

Ancora meglio, rendila di un colore chiaro e audace (i verdi e gli arancioni funzionano a meraviglia qui), e circondala di spazio bianco. Ciò dovrebbe attirare l’occhio dell’utente direttamente su di essa, dando un’indicazione chiara che questo è ciò che vuoi che faccia.

9. Fai una Chiara Distinzione tra Call-To-Action Primarie e Secondarie

Con molte call-to-action, vedrai due opzioni. “Invia” e “annulla” per esempio. Oppure “scarica ora” e “prova gratuita”.

È chiaro quale azione vuoi che il visitatore compia, quindi assicurati che lo sappiano. Dai un’occhiata alla homepage di Spotify. Hanno reso il pulsante “passa a premium” audace e accattivante. Hanno fatto in modo che il pulsante “riproduci gratis” si dissolva sullo sfondo.

Questa è di nuovo semplice psicologia. Fai sapere sottilmente ai tuoi utenti su quale cliccare.

10. Usa la Gerarchia per Mostrare agli Utenti Dove Andare Dopo

Si spera che tu abbia in mente un chiaro “percorso utente”. Diciamo che insegni corsi online attraverso il tuo sito web. Un semplice percorso utente potrebbe essere così:

Leggi l’ultimo blog > scarica il report gratuito e iscriviti alla mailing list > iscriviti al tuo corso online a pagamento.

Se hai un percorso chiaro, puoi creare una gerarchia visiva per indirizzare gli utenti dove vuoi. In questo caso, ti assicureresti che il tuo blog sia la prima cosa che vedono. Poi, inizierai a includere molti link alla tua mailing list.

11. Non Modificare gli Elementi Previsti!

Spesso è difficile resistere all’impulso di essere creativi con layout ed elementi. Ma il fatto è che tutti sappiamo come dovrebbe essere un negozio online. Ci aspettiamo che i prodotti siano disposti in semplici categorie. Ci aspettiamo descrizioni dei prodotti, recensioni e un processo di acquisto familiare.

Non cercare di reinventare la ruota con questi aspetti cruciali! Mantienilo semplice.

12. Attieniti a una Semplice Palette di 3 Colori

Ancora una volta, si tratta di resistere all’impulso di complicare troppo le cose. Combinare più di 3 colori primari è difficile e spesso confonderà i tuoi utenti.

Il colore è anche molto utile nel plasmare l’esperienza del tuo utente poiché è strettamente collegato alla psicologia e all’emozione. Ad esempio, associamo il blu alla fiducia (c’è un motivo per cui Facebook usa il blu!)

Abbina la tua palette di colori al tuo prodotto.

13. Perché Sto Ricevendo un Errore? E Cosa Faccio Adesso?

A volte, le cose vanno storte e gli errori 404 sono inevitabili. Tuttavia, puoi effettivamente trasformare questo in un’esperienza utente positiva.

Spiega esattamente perché stanno ricevendo questo errore creando pagine 404 e 504 personalizzate. La “balena fallita” di Twitter era famosa per questo.

Per errori sconosciuti, rassicura gli utenti che ci stai lavorando e indirizzali di nuovo al tuo sito web.

I vicoli ciechi, come le pagine di errore, sono pericolosi. Gli utenti naturalmente cercano la croce. Rassicurali e rimandali indietro.

14. Dai agli Utenti un “Cinque” Quando Completano Qualcosa

Gli esseri umani sono motivati da un senso di realizzazione e completamento. Quando completano un compito, fallo sapere loro e mostra loro dove andare dopo.

Puoi farlo dopo che hanno inviato il loro indirizzo email, dopo che hanno acquistato un prodotto, dopo che hanno aggiunto qualcosa al loro carrello, o semplicemente quando raggiungono la fine di un post del blog.

È un’esperienza semplice, facile e positiva. Dà anche agli utenti un senso di collaborazione; come se tu li stessi effettivamente aiutando a raggiungere i loro obiettivi.

15. Attieniti a Solo Due Famiglie di Font

La coerenza e il branding sono la chiave per una buona esperienza utente.

È molto confuso se il font del tuo logo è Futura, il testo del corpo è Times New Roman, la tua call to action è Comic Sans e i tuoi titoli sono Windings…

Attieniti a solo due famiglie di font. È più facile da leggere e sembra più professionale e affidabile. Vedi i migliori font per siti web da utilizzare che si abbinano al tuo brand.

16. Usa Messaggi di Avviso Distinti e Coerenti

A volte, i tuoi utenti sbaglieranno. Forse hanno inserito la loro password in modo errato e non hanno potuto accedere. Forse hanno dimenticato di includere un codice postale nel modulo di iscrizione.

In questi casi, vorrai un messaggio di errore o di avviso semplice ma distinto. Assicurati che sia distinto nel colore e nello stile rispetto a qualsiasi altra cosa sul tuo sito. Dà una chiara indicazione che qualcosa richiede un’azione.

Dovresti anche rendere questi messaggi di avviso coerenti in tutto il tuo sito. Non usare un colore, stile o posizionamento diverso poiché diventa solo confusionario.

17. LIMITA IL TESTO IN MAIUSCOLO

È solo fastidioso.

In realtà, ci sono ragioni più importanti di così. Leggiamo effettivamente il testo in maiuscolo più lentamente rispetto al minuscolo. Quindi è molto più difficile da leggere velocemente (che è il modo in cui generalmente leggiamo su internet).

Riserva il maiuscolo per quando hai davvero bisogno di fare un impatto.

18. Raggruppa gli Elementi Correlati

Questo è specificamente per i siti di e-commerce, ma funziona in tutti i settori.

Cerca di mantenere articoli simili e correlati nello stesso posto. Significa che i tuoi visitatori e clienti ottengono un servizio molto più su misura, quasi come se avessi anticipato le loro esigenze.

Puoi farlo con prodotti fisici, come la selezione “altri articoli simili” di Amazon. Puoi anche fare una cosa simile con post del blog e articoli, usando una sezione di contenuti correlati.

Mantiene i visitatori a navigare attraverso il tuo sito, riduce la frequenza di rimbalzo e crea un’esperienza più personale.

19. Mantieni Tutto Coerente

L’ultima cosa che vuoi è che un visitatore clicchi su un link e si senta come se fosse passato a un sito web diverso.

Assicurati che la barra di navigazione rimanga nello stesso posto, non importa dove ti trovi sul sito. Assicurati che il tuo logo sia sempre visibile e che la palette di colori rimanga la stessa.

20. Progetta il Layout per la Scansione Visiva

Non leggiamo i siti web come leggiamo un libro. I nostri occhi saltano e scansionano le informazioni importanti.

In genere leggiamo i siti web in modo a forma di F, ma anche le immagini audaci e le call-to-action sono note per catturare l’occhio per prime. Assicurati di controllare i layout di siti web popolari che puoi utilizzare per il tuo sito web.

21. Costruisci Fiducia con Testimonianze e Prove Sociali

La maggior parte dei visitatori del tuo sito web arriva con la guardia alta. Sono naturalmente cauti con i nuovi siti e certamente non sono ancora pronti ad acquistare da te.

Come ho detto, una parte chiave del design UX è rimuovere queste barriere e far sentire le persone a proprio agio sul tuo sito web. Alcune testimonianze e prove sociali ben posizionate faranno sentire le persone più a loro agio. Ci piace vedere che altre persone (idealmente nomi importanti) hanno utilizzato il tuo prodotto e servizio, e lo approvano.

22. Fai Sapere agli Utenti Con Cosa Possono Interagire!

I siti web sono tipicamente composti da due parti: Numero uno: contenuto – è statico e non possiamo interagire con esso. E numero due: controlli – queste sono cose con cui possiamo cliccare, giocare e interagire.

Twitter è eccellente in questo. Semplice testo nero per il contenuto. Il testo blu indica su cosa puoi cliccare e interagire. Le icone si riempiono di colore quando passi sopra per mostrare con cosa puoi giocare.

Invita le persone a giocare con il tuo sito web!

23. Crea una Curva di Apprendimento Graduale

A nessuno piace rimanere bloccato su un sito web confuso e difficile.

Cerca di dare ai tuoi visitatori una rapida vittoria quasi immediatamente. Introducili gradualmente e rendilo semplice – specialmente se stai offrendo una proposta commerciale complicata.

24. Trova un Modo per Empatizzare Rapidamente con il Tuo Visitatore

L’esperienza utente consiste nel mimare una relazione umana e creare una connessione con il tuo utente. L’empatia è una parte enorme di questo – Quali sono gli obiettivi e i sogni dei tuoi visitatori? Cosa li ha trattenuti finora?

Fai sapere loro immediatamente che comprendi il loro problema. Puoi farlo con un’immagine con cui possono relazionarsi, o una frase che riassume i loro più grandi problemi.

Il tuo visitatore penserà “questo sito web mi capisce!” che è un’ottima esperienza utente da creare.

25. Usa Micro-Interazioni per Creare un Dialogo

Cerca di fornire feedback al tuo utente in ogni piccola parte del viaggio. Creerà una comunicazione e una relazione reale a cui gli utenti rispondono.

Puoi farlo con il testo, come “Ben fatto!”, “Abbiamo pensato che ti sarebbe piaciuto questo”, “vorresti parlare con un esperto?”

O piccole grafiche e elementi visivi, come un pollice in su, una faccina sorridente o un orologio che ticchetta su una pagina di caricamento.

Combina queste piccole modifiche e creerai un’esperienza utente che costruisce fiducia, si connette con il tuo pubblico target e li lascia felici e con un senso di realizzazione.Stai utilizzando alcuni di questi trucchi di design UX nella gestione del tuo sito web? Mi piacerebbe sentire se ne ho dimenticato qualcuno! Fammelo sapere nella sezione commenti.