\n Molti fattori hanno un impatto diretto sulla conversione del tuo sito. Tuttavia, il web design \u00e8 il pi\u00f9 importante di loro.\n<\/p>\n
\n La prima impressione che si ha \u00e8 visiva e decisiva. Pertanto, se desideri migliorare il tasso di conversione del tuo sito, il web design \u00e8 il primo punto di partenza.\n<\/p>\n
\n In questo articolo, abbiamo raccolto i principi e i suggerimenti di base che ti aiuteranno in questo compito.\n<\/p>\n
\n La quota di traffico mobile sta crescendo e crescer\u00e0 nel 2020. La ricerca suggerisce che la maggior parte degli utenti si rifiuter\u00e0 di interagire con il marchio se \u00e8 impossibile eseguire l'azione necessaria da un dispositivo mobile. Pertanto, prima di apportare modifiche al design del tuo sito per ottenere pi\u00f9 conversioni, assicurati che il sito Web venga visualizzato correttamente sui dispositivi mobili e che gli utenti non incontrino ostacoli nel loro percorso.\n<\/p>\n
\n Come farlo? Tutto dipender\u00e0 dal modo in cui crei il tuo sito. Ad esempio, i siti su WordPress e altri popolari CMS saranno reattivi dal momento della creazione. Tuttavia, un ulteriore test di usabilit\u00e0 non sar\u00e0 eccessivo.\n<\/p>\n
\n Questa legge suggerisce che meno scelte aumentano la velocit\u00e0 del processo decisionale e viceversa. Ad esempio, se utilizzi tre inviti all'azione contemporaneamente sulla pagina principale, ad esempio registrati sul sito, ottieni uno sconto e scarichi un e-book, sar\u00e0 difficile per l'utente decidere quale azione intraprendere per prima. Sar\u00e0 molto pi\u00f9 ragionevole disporre questi inviti all'azione in una sequenza logica, cos\u00ec come sono stati elencati e offrire all'utente l'azione successiva a quella precedente.\n<\/p>\n
\n Lo stesso vale per il numero di prodotti visualizzati sulla pagina. Non dovresti mostrare all'utente tutti i possibili prodotti adatti alla sua query di ricerca: \u00e8 meglio mostrare le cinque opzioni pi\u00f9 adatte e consentire di continuare la ricerca utilizzando i filtri.\n<\/p>\n
\n Pensa alla possibilit\u00e0 di mostrare un lead form a schermo intero nel momento in cui l'utente scorre la pagina principale fino a un certo punto. In primo luogo, il modulo a schermo intero attirer\u00e0 tutta l'attenzione dell'utente e non lo lascer\u00e0 distrarre da altri elementi del sito, e in secondo luogo, si tratta solo delle possibilit\u00e0 di scelta di cui abbiamo parlato prima. Quindi l'utente riceve solo due opzioni. Il primo \u00e8 chiudere il modulo per i lead e continuare a interagire con il sito. Il secondo \u00e8 darti il \u200b\u200bsuo indirizzo email in cambio della tua offerta.\n<\/p>\n
\n Probabilmente conosci una delle regole principali della fotografia: la regola dei terzi. Secondo questa regola, due linee dividono visivamente lo schermo orizzontalmente e verticalmente, risultando in nove quadrati. Quindi, i quattro punti di intersezione delle linee al centro dello schermo sono il centro dell'attenzione dell'utente, motivo per cui le informazioni essenziali, come un invito all'azione, dovrebbero essere posizionate qui.\n<\/p>\n
\n Questo elemento \u00e8 direttamente correlato al design, poich\u00e9 la tua pagina potrebbe essere sovraccarica di immagini pesanti che rallentano il caricamento del tuo sito. Rimuovi tutto ci\u00f2 che non \u00e8 necessario e ottimizza le immagini che sono fondamentali. Secondo le statistiche, la velocit\u00e0 ottimale di caricamento del sito va dai due ai cinque secondi. E in questo caso, devi cercare un indicatore pi\u00f9 basso, poich\u00e9 il 40% degli utenti afferma che chiuder\u00e0 un sito che impiega pi\u00f9 di tre secondi per caricarsi, il che significa che perderai un potenziale vantaggio ogni volta che il sito rallenta.\n<\/p>\n
\n Jan Tschichold afferma che lo spazio negativo dovrebbe essere visto come un elemento attivo, non come uno sfondo passivo. C'\u00e8 una connessione tra la distanza e l'attenzione. Una distanza maggiore attira l'attenzione e l'assenza di altri elementi distingue maggiormente gli elementi esistenti. I progettisti possono utilizzare questa propriet\u00e0 dello spazio per evidenziare elementi importanti. L'aggiunta di spazi a un segmento specifico del contenuto fa s\u00ec che l'utente presti attenzione a quest'area semplicemente perch\u00e9 sullo schermo non c'\u00e8 altro che attiri l'attenzione. Come puoi vedere nell'esempio qui sotto, Google \u00e8 un grande sostenitore dello spazio bianco nei suoi progetti. Aiuta a capire subito lo scopo di questo progetto: il focus \u00e8 sull'obiettivo principale della pagina.\n<\/p>\n
\n Sfortunatamente, non esiste un consiglio universale su quali colori convertono meglio. Tutto dipender\u00e0 dalle specificit\u00e0 della tua attivit\u00e0. Ad esempio, i colori bianco e blu danno una sensazione di stabilit\u00e0 e affidabilit\u00e0. Pertanto PayPal utilizza questa combinazione per formare le associazioni corrette.\n<\/p>\n
\n Se non sei sicuro che i tuoi colori funzionino correttamente, torna alle origini della psicologia del colore nel marketing e riesamina anche i valori della tua azienda e trova la corrispondenza perfetta.\n<\/p>\n
\n Inoltre, ci sono opinioni diverse sul colore dei pulsanti che convertono peggio o meglio. Il colore corretto del pulsante \u00e8 una vecchia questione filosofica. Qualcuno afferma che la conversione pi\u00f9 alta si ottiene tramite i pulsanti rossi. Altri dicono verde o blu. La risposta corretta suona cos\u00ec (come molte altre risposte nel marketing e nel design): “Deve essere testato”. Pertanto, scegli un colore del pulsante che contrasti con i colori primari del design e fai alcuni test per capire quale il colore converte meglio.\n<\/p>\n
\n Un'immagine corretta pu\u00f2 dire pi\u00f9 di pochi paragrafi di testo. Pertanto, usa il potere della percezione visiva e delle emozioni nella progettazione del tuo sito. Ad esempio, puoi rendere l'immagine lo sfondo del tuo sito e quindi posizionare tutti i tuoi elementi in modo tale che seguano le regole di base del web design. E a proposito, contribuisce anche a conversioni migliori.\n<\/p>\n
\n Inoltre, questo approccio promuove la semplicit\u00e0 e il minimalismo, che \u00e8 una tendenza degli ultimi anni, e un'immagine selezionata correttamente evoca le emozioni e le associazioni necessarie. E viceversa, come abbiamo detto, troppe immagini rendono pi\u00f9 complicata una scelta e disperdono l'attenzione dell'utente.\n<\/p>\n
\n In altre parole, cerca la massima semplicit\u00e0. Nella moderna abbondanza di rumore informativo, semplicit\u00e0 e chiarezza sono diventate una vera carenza. Gli studi hanno dimostrato che il 76% degli utenti considera la semplicit\u00e0 il principale fattore decisivo nella progettazione di siti web. E qui \u00e8 necessario mantenere un equilibrio competente tra semplicit\u00e0, minimalismo, ma allo stesso tempo funzionalit\u00e0, poich\u00e9 la semplicit\u00e0 \u00e8 anche l'opportunit\u00e0 di trovare ci\u00f2 di cui l'utente ha bisogno in pochi clic.\n<\/p>\n
\n Sfortunatamente, Internet \u00e8 pieno di recensioni false e non dubitare che anche i tuoi utenti lo sappiano. Pertanto, invece di costringerli a cercare feedback sui tuoi prodotti o servizi (che possono essere scritti dai tuoi concorrenti per minare la tua attivit\u00e0), devi dare loro questa opportunit\u00e0 proprio sul posto.\n<\/p>\n
\n Pertanto, pensa al design del sito in modo tale da poter inserire alcune recensioni reali (e ancora meglio un carosello) vicino alla fine della pagina. E assicurati di utilizzare foto di persone in vita (idealmente i tuoi veri clienti) per creare l'impressione di una forte evidenza sociale.\n<\/p>\n
\n Probabilmente hai visto siti che contengono un milione di categorie ed \u00e8 semplicemente impossibile scegliere la sezione giusta al primo tentativo. E se prima gli utenti dedicavano ancora del tempo a tale ricerca, oggi vogliono vedere ci\u00f2 di cui hanno bisogno senza ulteriori azioni.\n<\/p>\n
\n Pertanto, riconsidera il tuo approccio alla navigazione nel sito, riduci il numero di categorie, rimuovi tutto ci\u00f2 che non \u00e8 necessario e lascia solo le sezioni pi\u00f9 importanti. Come abbiamo gi\u00e0 detto, l'intera gamma di scelte complica la decisione o, in generale, costringe l'utente a lasciare la pagina e rimandare l'attivit\u00e0 per dopo.\n<\/p>\n
\n Questo \u00e8 un trucco psicologico che innesca una reazione inconscia: le persone tendono a credere alle statistiche. E questa \u00e8 un'altra opportunit\u00e0 per aumentare la conversione costruendo fiducia e creando un'impressione di affidabilit\u00e0. Ma c'\u00e8 un punto cruciale. Ricordi, abbiamo parlato della regola dei terzi e dei punti di intersezione strategica? Questi sono precisamente i luoghi in cui devi mettere le tue statistiche in modo che siano al centro dell'attenzione e della percezione.\n<\/p>\n
\n Gli esperti di marketing non sono d'accordo su questa tattica di vendita, ma per le vendite rapide e stagionali questo approccio \u00e8 ancora appropriato. Pertanto, se hai un'offerta stagionale o promozionale, o se stai verificando l'interesse per un nuovo prodotto, ha senso creare l'illusione della scarsit\u00e0 e rifletterla con l'aiuto del design. Ad esempio, puoi impostare un conto alla rovescia e, ancora una volta, mettere i numeri al centro dell'attenzione del visitatore.\n<\/p>\n
\n Tuttavia, qui \u00e8 ancora necessario posizionare correttamente i pulsanti di invito all'azione. E in questo caso, \u00e8 meglio farlo seguendo lo schema Z.\n<\/p>\n
\n L'attenzione dell'utente scivola lungo l'orizzontale superiore, diagonalmente verso il basso, e si sposta sulle informazioni in basso. Nell'angolo in alto a sinistra, posiziona il logo, orizzontalmente: le intestazioni. L'angolo in basso a destra \u00e8 il luogo ideale per un invito all'azione.\n<\/p>\n
\n Puoi giustamente notare che questa \u00e8 la responsabilit\u00e0 dell'UX designer, ma in pratica, questo \u00e8 solo il caso in cui il web e l'UX designer devono lavorare insieme per ottenere un unico risultato. Il design dell'UX \u00e8 un altro fattore che ha un impatto diretto sulle conversioni e meno passaggi separano gli utenti dall'azione target, maggiore \u00e8 la probabilit\u00e0 di completarla.\n<\/p>\n
\n Pertanto, \u00e8 necessario assicurarsi ancora una volta che le informazioni o il prodotto di cui ha bisogno non siano a pi\u00f9 di tre clic di distanza.\n<\/p>\n
\n Per migliorare la conversione del tuo sito, sfrutta la regola dei terzi e lo schema Z quando inserisci i tuoi inviti all'azione. Puoi migliorare la percezione di un invito all'azione se lo duplichi: all'intersezione delle linee e nell'angolo in alto a destra della pagina, dove termina la riga superiore della lettera Z. Pertanto, l'attenzione dell'utente si fermer\u00e0 prima nell'angolo in alto a destra, quindi scivoler\u00e0 diagonalmente verso il basso e si fermer\u00e0 direttamente nel punto strategico di intersezione delle linee a sinistra.\n<\/p>\n
\n Gli utenti moderni sono molto impazienti e ne abbiamo gi\u00e0 parlato nel paragrafo sulla velocit\u00e0 di caricamento della tua pagina. E un enorme modulo di riempimento pu\u00f2 uccidere le tue conversioni, dal momento che nessuno vuole perdere tempo, soprattutto da un dispositivo mobile. Pertanto, rivedi il modulo di registrazione e lascia solo tre righe: per nome, indirizzo e-mail e password, oltre a aggiungere la possibilit\u00e0 di registrarsi tramite Google e Facebook.\n<\/p>\n
\n Come puoi vedere, molti trucchi possono influenzare le conversioni. Tuttavia, la cosa pi\u00f9 importante da ricordare \u00e8 che qualsiasi nuovo approccio dovrebbe essere testato sugli utenti. Ogni azienda e ogni target di riferimento \u00e8 specifico; pertanto, non possono esserci istruzioni sui modelli su cosa utilizzare nel progetto per aumentare le conversioni. Inoltre il design \u00e8 il primo ma non l'ultimo fattore che converte (o non converte), e anche questo va ricordato.\n<\/p>\n<\/p>\n