11 Tecniche di Web Design che migliorano il coinvolgimento e la conversione degli utenti

Pubblicato: 2016-08-22

In che modo i professionisti della UX definiscono l'ottimizzazione delle conversioni?

Secondo Jeff Gothelf, autore del libro Lean UX, l'ottimizzazione della conversione consiste nel "trovare il giusto mix di proposta di valore, invito all'azione e fascia di prezzo per convincere un cliente a coinvolgere un livello più profondo con il tuo prodotto o servizio".

Tuttavia, un "consulente per l'ottimizzazione delle conversioni" è di solito qualcuno che un'azienda contrae per valutare un particolare flusso di lavoro. In genere provengono da un background di analisi web e propongono una serie di test da eseguire per migliorare la conversione di un flusso.

Un bel sito Web potrebbe fare un'ottima prima impressione, ma se ha una pessima usabilità, gli utenti non riescono a capire cosa fare, i moduli sul sito non funzionano, i messaggi di errore non sono utili e la copia sul sito Web è vago, l'esperienza complessiva sarà piuttosto negativa.

La domanda è: come puoi aumentare il coinvolgimento degli utenti sul tuo sito? Dal punto di vista di un web designer, diamo un'occhiata a dodici ottimi consigli che ti aiuteranno in questa direzione.

1) Fai una prima impressione forte

Ogni giorno un potenziale cliente vede per la prima volta la tua interfaccia. Questo può essere dimenticato all'interno dei team che progettano sempre per se stessi. La prima schermata che vedono i tuoi utenti ha 3 lavori importanti...

  1. Spiega come funziona la tua applicazione web.
  2. Motiva i tuoi utenti a iniziare.
  3. Fai sapere ai tuoi utenti come ottenere aiuto, se e quando ne hanno bisogno.

Se qualcuno atterra sulla tua app web e non capisce come registrarsi subito, questo è un grosso problema. Dovrebbe essere ovvio per l'utente cosa fa il tuo sito e come può esserne parte.

Make a strong first impression

2) Usa un'immagine dell'eroe

L'immagine dell'eroe è una tendenza popolare per i siti Web minimi e reattivi. Questi siti hanno una foto o un video di grandi dimensioni con poche righe di testo o un titolo che attira l'attenzione dell'utente.

Assicurati che l'immagine dell'eroe sul tuo sito web sia perfettamente adatta allo scopo del sito. In generale, catturare l'attenzione del lettore sta diventando sempre più difficile. Quindi l'uso di un'immagine grande farà fermare o "riposare" il lettore, quindi darà loro il via libera per leggere la pagina.

Use a Hero Image

3) Effetti di scorrimento della parallasse

Un buon concetto che un effetto di scorrimento parallasse ha un vantaggio è la narrazione. Gli effetti di parallasse vengono utilizzati per assemblare i prodotti proprio davanti ai tuoi occhi mentre scorri la pagina in modo artistico e bello. Per quanto riguarda il coinvolgimento, lo scorrimento del parallasse porta davvero gli utenti iniziali a fare un viaggio e assorbe completamente la loro attenzione.

Parallax scrolling effects

4) Implementa strategicamente i colori di accento e i pulsanti di invito all'azione

Gli efficaci pulsanti di invito all'azione (CTA) hanno la capacità di indurre un cliente a registrarsi, iscriversi, acquistare ora, condividere, scaricare ecc. Insieme, CTA e accenti di colore hanno la capacità di attirare l'attenzione, aumentando il coinvolgimento e stimolando l'azione. Si tratta di dimensioni, posizionamento e colore.

Implement accent colors and call-to-action buttons strategically

5) Video introduttivi/esplicativi

I video esplicativi sono brevi video che spiegano la storia di un'azienda e il modello di business di un'azienda. In altre parole danno una risposta alla domanda "Cosa fate ragazzi? Questi video possono essere in animazione, disegni digitali, disegni a mano o video normali. Le persone non sono solo per lo più studenti visivi, ma conservano il 68% in più di informazioni dai video rispetto ai testi.

I video esplicativi sono una mossa di marketing che ti aiuta a distinguerti dalla massa della concorrenza. Quando usi i video esplicativi, fornisci un mezzo grazie al quale gli utenti rimangono sul tuo sito Web e probabilmente finiscono con l'azione desiderata come l'acquisto dei tuoi prodotti e servizi.

Intro/explainer videos

6) Il tuo sito web deve essere progettato per essere forte come una pagina di destinazione

L'obiettivo di una pagina di destinazione è persuadere un visitatore del sito Web a intraprendere un'azione, nel frattempo ogni pagina su Internet è una pagina di destinazione. I visitatori del sito web non sempre iniziano il loro viaggio sulla tua home page, quindi è importante rimanere coerenti e fornire informazioni chiave nella parte superiore di tutte le pagine.

Vediamo un esempio di un sito Web del marchio di lifestyle americano O'Neill che è perfettamente chiaro con una pagina di destinazione guidata da immagini che ti vende le sue gamme di abbigliamento e attrezzatura sportiva attraverso fotografie straordinarie di grandi onde e montagne innevate.

landing page

7) Aggiunta di widget e pulsanti social

I widget sociali aumentano il traffico e il coinvolgimento degli utenti sul tuo sito web. Hanno la capacità di raccogliere nuovi clienti o espandere comunità di nuova creazione consentendo agli utenti di connettersi con loro sui social media come Facebook e Twitter per attirare più visitatori di riferimento.

Sapevi che Dropbox ha speso pochissimo in pubblicità? Hanno implementato molti hack per la crescita. Ad esempio, un hack di crescita consiste nell'incentivare alcuni dei tuoi attuali utenti a fare riferimento ad altri. Questo incentivo può venire sotto forma di gadget aziendale o un mese gratuito del tuo servizio.

Dropbox ha fatto qualcosa di leggermente diverso. Con ogni Segui su Twitter, connettiti con Facebook o Twitter, Dropbox offre all'utente un aumento di 125 MB di spazio:

Adding social widgets and buttons

Al momento in cui scrivo, Dropbox aveva poco più di 720.000 follower su Twitter. Anche se non tutti possono essere attribuiti a questo hack. Dropbox incentiva gli utenti a connettersi con loro per diffondere il prodotto Dropbox.

8) Aggiungi un modulo di iscrizione in ogni pagina

I moduli di abbonamento sono generalmente solo una casella con un posto in cui l'utente può inserire il proprio nome e indirizzo e-mail. Quando fanno clic sul pulsante 'iscriviti' vengono automaticamente aggiunti alla tua lista e-mail. Fornendo molteplici opportunità ai lettori del blog di iscriversi agli aggiornamenti via e-mail, aumenterai più rapidamente il numero dei tuoi abbonati e-mail se aggiungi un'opzione lightbox su ogni pagina.

Oltre a un modulo di iscrizione nella barra laterale, puoi inserirne uno all'interno del tuo post o in fondo. Inserendo il modulo di iscrizione nel contenuto sarà facile convincere qualcuno a partecipare se sta già apprezzando il tuo contenuto.

Add a subscription form on every page

9) Usa più spazio bianco

Gli spazi bianchi sono un elemento importante del design per una buona ragione. Se usato bene e correttamente, può trasformare un design e fornire molti vantaggi al tuo sito web.

Lo spazio bianco che si trova tra i paragrafi e attorno ai blocchi di testo e immagini aiuta effettivamente le persone a capire cosa stanno leggendo e si aggiunge a una migliore esperienza utente complessiva. Aiuterà anche ad aumentare il coinvolgimento poiché è più probabile che gli utenti rimangano sulla pagina più a lungo. L'utilizzo di più spazio bianco contribuisce a creare un design dall'aspetto più professionale e ad aumentare la leggibilità dei contenuti.

Use more white space

Use more white space

10) Coinvolgi il pubblico con un sito web ottimizzato per i dispositivi mobili

Semplifica l'interazione degli utenti con il tuo sito su uno smartphone. Cose come l'utilizzo di una dimensione del carattere leggibile su schermi di piccole dimensioni o la possibilità di chiamarti con un solo clic, contribuiscono notevolmente a migliorare l'esperienza dell'utente.

Engage audience with mobile friendly website

11) Le mappe di calore mostrano il coinvolgimento

Gli strumenti Heatmaps sono sovrapposizioni grafiche del tuo sito Web che indicano quali contenuti sono interessanti e quali no. Ciò avviene principalmente tracciando i clic del mouse del visitatore.

Conoscere il comportamento dei visitatori è importante per il successo del tuo sito web.

La mappatura termica risponde a molte domande. I tuoi visitatori sono distratti da troppe scelte? Stanno lasciando la tua pagina prima di iscriversi a un'opzione di abbonamento e-mail? Stai mettendo abbastanza enfasi sulle pagine che sono più importanti per gli utenti? Quali immagini e annunci sulle pagine di destinazione evocano le migliori risposte e generano conversioni alle vendite?

Heat maps show engagement

Conclusione

Spero che questo articolo possa farti iniziare a pensare ad alcune tecniche di web design comuni che migliorano il coinvolgimento degli utenti. La cosa migliore che puoi fare è metterti nei panni di un utente tipico e cercare di determinare i principali difetti di un'interfaccia.

Man mano che i consumatori diventano più intelligenti e hanno un maggiore controllo sulla loro esperienza di acquisto, è necessario che le tue strategie di marketing stiano al passo con le tendenze. Ci sono molti vantaggi nell'usare il marketing di coinvolgimento per la tua azienda.

Migliore condotta di coinvolgimento degli utenti per un migliore rapporto di conversione, tassi di abbandono più bassi e probabilmente un aumento delle vendite. Hai qualche tuo consiglio? Facci sapere nel commento qui sotto?