La checklist completa di 25 trucchi UX-Design

L’idea alla base del design di UX è semplice: gli utenti felici e sicuri hanno maggiori probabilità di acquistare da te. Hanno maggiori probabilità di fidarti di te, iscriverti alle tue mailing list o scaricare la tua app.


Penso spesso al design dell’esperienza dell’utente (o al design UX) come alla psicologia piuttosto che allo sviluppo.

Un buon design UX è tutto per entrare nella testa dei tuoi visitatori.

Sta anticipando ogni loro mossa e creando un sito Web semplice, intuitivo e piacevole da usare.

Sfortunatamente, non esiste una risposta facile o un proiettile d’argento per un buon design UX. È il culmine di molte piccole modifiche. Ognuno migliora l’esperienza sul tuo sito web.

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

1. Velocità

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

Sito web-Velocità

(fonte dell’immagine)

Troppo lento e i tuoi visitatori sono già agitati e hanno meno probabilità di 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.

Qualcosa di più lento di così, ed è un’esperienza utente scadente, fin 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.

2. Chi sei e cosa fai?

La tua prossima grande sfida è informare rapidamente i tuoi visitatori. Tu chi sei? cosa fai? E che valore puoi dare loro?

Valore Netflix prop

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

Provalo ora: riassumi il tuo intero sito Web in una frase e segna dove vuoi che i visitatori vadano dopo.

3. Assicurati che i visitatori possano contattarti

Una parte fondamentale del design di UX è l’eliminazione di eventuali preoccupazioni o ansie che i visitatori potrebbero avere.

Una delle maggiori preoccupazioni per i nuovi visitatori è se devono fidarsi o meno di te, 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 commerciale, un numero di telefono e un vero indirizzo email. (NON un modulo di contatto – le persone tendono a farlo diffidare di loro rispetto a un indirizzo e-mail diretto).

Anche meglio, utilizzare una chat dal vivo così gli utenti possono porre immediatamente domande.

Chat live di Tagove

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

4. Dai sempre ai visitatori la possibilità di tornare a casa

In passato ci siamo tutti persi sui siti web. Segui i collegamenti e finisci in una tana di coniglio.

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

Assicurati invece che sia presente un pulsante “home” chiaro e definito, in modo che possano sempre ricominciare. In genere, gli utenti si aspettano che il tuo logo si colleghi anche alla home page, quindi assicurati che lo faccia.

5. Ancora meglio, lasciare il pangrattato in modo che sappiano dove si trovano

Oltre a dare loro un rapido riavvio, usa “breadcrumb” per spiegare dove si trovano nel processo.

Le grandi barre di avanzamento sono ottime per questo. Se è durante la procedura di pagamento, ad esempio, fai sapere al tuo utente esattamente dove si trova e cosa resta da fare.

checkout-progress-bar

(fonte dell’immagine)

Ancora una volta, questa è semplice psicologia. Ad esempio, fare una passeggiata è molto più stancante 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. Rimuovere eventuali azioni ripetitive

È estremamente frustrante inserire due volte gli stessi dati 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 guarderanno altrove.

Ancora meglio, crea un sistema che ricordi le preferenze dei tuoi clienti. Li sorprenderà e li delizierà quando sarà tutto lì ad aspettarli di nuovo. È una cosa semplice che migliora le possibilità di ritorno dei clienti.

7. Utilizza i suggerimenti per aiutare i neofiti (ma non ostacolare gli esperti!)

Alcuni dei tuoi visitatori saranno clienti abituali. Passeranno attraverso i tuoi fogli di iscrizione e il processo di acquisto. Altri saranno nuovi di zecca e potrebbero avere alcune domande lungo la strada.

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

tooltip

(fonte dell’immagine)

Puoi anche fornire scorciatoie o percorsi rapidi per accelerare gli esperti. Vedrai spesso i link “salta” sulla maggior parte dei spiegatori di siti Web e app, ad esempio.

8. Crea un invito all’azione grande e audace

Un invito all’azione dice al tuo visitatore esattamente cosa fare: ad esempio “Iscriviti” o “Acquista ora”. Assicurati che sia imponente, diretto e spieghi il valore di farlo.

CTA

(fonte dell’immagine)

Meglio ancora, rendilo un colore chiaro e audace (qui le verdure e le arance fanno miracoli) e circondalo di spazi bianchi. Ciò dovrebbe attirare l’attenzione dei tuoi utenti, dando loro una chiara indicazione che questo è ciò che vuoi che facciano.

9. Fare una chiara distinzione tra inviti all’azione primari e secondari

Con molti inviti all’azione, vedrai due opzioni. “Invia” e “annulla”, ad esempio. Oppure “scarica ora” e “prova gratuita”.

Spotify-CTA

È chiaro quale azione desideri che il visitatore esegua, quindi assicurati che lo sappia. Dai un’occhiata alla home page di Spotify. Hanno reso il pulsante “go premium” audace e accattivante. Hanno fatto sbiadire il pulsante “gioca gratis” in background.

Questa è solo una semplice psicologia. Fai sottilmente sapere ai tuoi utenti quale fare clic.

10. Utilizzare la gerarchia per mostrare agli utenti dove andare dopo

Speriamo che tu abbia in mente un chiaro “percorso dell’utente”. Supponiamo che tu insegni corsi online attraverso il tuo sito web. Un semplice percorso utente potrebbe essere simile al seguente:

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

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

11. Non scherzare con gli elementi previsti!

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

cassa di mele

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

12. Attenersi a una semplice tavolozza a 3 colori

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

tavolozza

(fonte dell’immagine)

Il colore è anche molto utile per modellare l’esperienza dell’utente così com’è strettamente connesso alla psicologia ed emozione. Ad esempio, associamo il blu alla fiducia (c’è un motivo per cui Facebook usa il blu!)

Abbina la tua tavolozza di colori al tuo prodotto.

13. Perché ricevo un errore? E adesso cosa faccio?

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

Spiega esattamente perché stanno riscontrando questo errore creando pagine 404 e 504 personalizzate. “Fail Whale” di Twitter era famoso per questo.

twitter balena fallita

Per errori sconosciuti, rassicurare gli utenti che ci stai lavorando e reindirizzarli al tuo sito web.

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

14. Dai agli utenti il ​​cinque quando completano qualcosa

Gli esseri umani sono guidati da un senso di realizzazione e completamento. Quando completano un’attività, informali e mostra loro dove andare dopo.

Puoi farlo dopo che hanno inviato il loro indirizzo e-mail, dopo aver acquistato un prodotto, dopo aver aggiunto qualcosa al carrello o semplicemente quando raggiungono la fine di un post sul blog.

È un’esperienza semplice, facile, positiva. Inoltre dà agli utenti un senso di collaborazione; come se li stessi davvero aiutando a raggiungere i loro obiettivi.

15. Attenersi a solo due famiglie di caratteri

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

È molto confuso se il font del tuo logo è Futura, il testo del tuo corpo è Times New Roman, il tuo invito all’azione è Comic Sans e i titoli sono Windings …

font

Attenersi a solo due famiglie di caratteri. È più facile da leggere e sembra più professionale e affidabile.

16. Utilizzare messaggi di avviso distinti e coerenti

A volte, i tuoi utenti possono sbagliare. Forse hanno inserito la password in modo errato e non sono stati in grado di accedere. Forse hanno dimenticato di includere un codice postale nel foglio di iscrizione.

avvisi

(fonte dell’immagine)

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

Dovresti anche rendere coerenti questi messaggi di avviso nell’intero sito. Non utilizzare un colore, uno stile o un posizionamento diversi poiché diventano semplicemente confusi.

17. TESTO DI BLOCCO DI LIMITI MAIUSCOLI

È solo fastidioso.

In realtà, ci sono ragioni più importanti di così. In realtà leggiamo il testo in maiuscolo più lentamente del minuscolo. Quindi è molto più difficile scansionare la lettura (che è come leggiamo generalmente Internet).

Blocca maiuscole quando hai davvero bisogno di avere un impatto.

18. Raggruppa gli elementi correlati

Questo è specifico per i siti Web di e-commerce, ma funziona su tutta la linea.

Cerca di conservare oggetti 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.

articoli raggruppati

Puoi farlo con prodotti fisici, come la selezione “più simile a questa” di Amazon. Puoi anche fare una cosa simile con i post e gli articoli del blog, utilizzando una sezione di contenuti correlati.

Mantiene i visitatori che navigano nel tuo sito, riduce la frequenza di rimbalzo e crea un’esperienza più personale.

19. Mantieni tutto coerente

L’ultima cosa che desideri è che un visitatore faccia clic su un link e si senta come se fosse passato a un altro sito web.

Assicurati che la barra di navigazione rimanga nello stesso posto, indipendentemente da dove ti trovi sul sito. Assicurati che il tuo logo sia sempre visibile e che la tavolozza dei colori rimanga la stessa.

20. Progetta il layout per la scansione oculare

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

F-pattern

In genere leggiamo siti Web in un F-pattern, ma anche immagini audaci e inviti all’azione catturano l’attenzione per primi.

21. Crea fiducia con testimonianze e prove sociali

La maggior parte dei visitatori del tuo sito Web arriva con la guardia. Sono naturalmente cauti nei confronti dei nuovi siti e sicuramente non sono ancora pronti ad acquistare da voi.

Come dicevo, una parte fondamentale del design di UX è rimuovere queste barriere e far sentire le persone a proprio agio sul tuo sito web. Alcune testimonianze e factoidi ben posizionati faranno sentire le persone più a proprio agio. Ci piace vedere che altre persone (idealmente grandi nomi) hanno usato il tuo prodotto e servizio e lo approvano.

22. Fai sapere agli utenti con cosa possono giocare!

I siti Web sono in genere composti da due parti: Numero uno: contenuto: è statico e non possiamo interagire con esso. E numero due: controlli: queste sono cose su cui possiamo fare clic, giocare e interagire.

interazioni

Twitter è fantastico in questo. Semplice testo nero per il contenuto. Il testo blu indica ciò su cui puoi fare clic e interagire. Le icone si riempiono di colore quando passi il mouse per mostrare con cosa puoi giocare.

Invita le persone a giocare con il tuo sito web!

23. Crea una curva di apprendimento delicata

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

Cerca di dare ai tuoi visitatori una rapida vittoria quasi immediatamente. Semplificali e rendilo semplice, specialmente se stai offrendo una proposta commerciale difficile.

24. Trova un modo per entrare rapidamente in empatia con il tuo visitatore

L’esperienza dell’utente consiste nel mimare una relazione umana e stabilire una connessione con l’utente. L’empatia è una parte enorme di questo: quali sono gli obiettivi e i sogni dei tuoi visitatori? Cosa li ha trattenuti finora?

Fai loro sapere immediatamente che hai capito il loro problema. Puoi farlo con un’immagine a cui possono essere correlati o con una frase che riassuma i loro maggiori problemi.

Il tuo visitatore penserà che “questo sito web mi prende!”, Che è una grande esperienza utente da creare.

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

Puoi farlo con una copia, ad esempio “Ottimo lavoro!” “Abbiamo pensato che potrebbe piacerti questo”, “ti piacerebbe parlare con un esperto?”

barra di avanzamento

O piccola grafica e grafica, come un pollice in alto, una faccina sorridente o un orologio ticchettio su una pagina di caricamento.

Combina queste piccole modifiche e creerai un’esperienza utente che crea fiducia, si collega al tuo pubblico di destinazione e li rende felici e con un senso di realizzazione.

Stai usando uno di questi trucchi di progettazione UX? Mi piacerebbe sapere di ciò che mi sono perso! Fammi sapere nella sezione commenti.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map