Share
Come designer, siamo addestrati e costretti a concentrarci su ciò che riteniamo più piacevole alla vista. Lavoriamo duramente per creare i siti dall'aspetto più sorprendente, riunendo tutto ciò che possiamo attingere dal branding e dagli obiettivi di business dei nostri clienti o delle nostre operazioni.
Tuttavia, la realtà è che non importa quanto sia perfetto un design, l'unico modo per essere assolutamente sicuri che sta raggiungendo i suoi obiettivi è quello di uscire da lì e scricchiolare i numeri con alcuni test del mondo reale.
Q. Il colore che hai scelto per il Scarica la versione di prova gratuita pulsante sembra incredibile?
UN. Sì, certo che lo è, perché sei un fantastico web designer.
Q. Il colore che hai scelto per il Scarica la versione di prova gratuita pulsante in realtà costringere le persone a scaricare una versione di prova gratuita?
UN. La verità è che non hai modo di sapere se non crei dei pulsanti colorati alternativi e confronti i risultati ottenuti dal traffico reale.
Ogni sito ha un pubblico completamente diverso. E non importa quanta ricerca di mercato fai prima non puoi conoscere la mente di ogni utente. Fino a quando quelle persone reali non avranno iniziato a compiere azioni reali, è solo una teoria.
Ecco dove Test diviso altrimenti noto come test A / B entra in gioco. La fase di progettazione della produzione del sito è l'arte e il test A / B è la scienza.
Per qualsiasi sito che deve raggiungere un obiettivo specifico, ovvero qualsiasi sito aziendale, i test A / B sono essenziali per il processo come test su più browser. Fare in modo che un sito raggiunga i suoi obiettivi è tanto parte della creazione di un sito funzionale che di avere tutti i rendering CSS correttamente.
Nonostante ciò, in passato era sempre un po 'come il filo interdentale del mondo del web design. Sapevi che dovevi farlo, ma hai sempre finito per rilassarti perché era imbarazzante ea volte un po 'doloroso.
Dovevi installare e configurare complicati script, creare più versioni differenti dei tuoi siti memorizzati su URL diversi, e l'intero processo era ingombrante e noioso.
Come ogni altra cosa nel mondo web, gli strumenti di test divisi A / B si stanno evolvendo e le cose che prima venivano relegate nel "cestino troppo duro" sono ora nel "cestino facile e veloce".
Ora disponiamo di una nuova generazione di strumenti di test A / B che assicurano che ogni singolo sito che creiamo possa essere completamente ottimizzato in ogni modo, aiutandoci a progettare siti che non solo hanno un bell'aspetto ma che raggiungono anche tutti i loro obiettivi..
Uno degli strumenti di test di nuova generazione di A / B è Visual Website Optimizer, o VWO, della gente di Wingify. VWO elimina i vecchi metodi di test A / B di gestire infinite code di codice e ore di creazione di versioni alternative del tuo sito.
Invece, è così semplice:
Inserisci un piccolo frammento di JavaScript nella sezione principale del tuo sito.
Utilizza l'interfaccia di trascinamento della selezione del Visual Website Optimizer per creare tutte le versioni alternative del tuo sito che desideri.
Guarda il traffico e utilizza i grafici e le heatmap generate automaticamente per vedere esattamente quale versione del tuo sito genera i migliori risultati.
Questo processo elimina completamente le congetture e consente di determinare con assoluta certezza quali variazioni dei progetti generano il maggior numero di lead e il maggior numero di vendite.
Se non hai mai effettuato test A / B prima potresti pensare che occorrono revisioni complete del sito per fare la differenza nel generare risultati. In realtà, sono spesso cambiamenti molto piccoli che portano alle maggiori differenze.
Un ottimo posto per avere un'idea dei piccoli cambiamenti che possono generare aumenti significativi delle entrate è la galleria di casi studio di VWO.
Gli esempi mostrano che i miglioramenti possono venire da qualcosa di semplice come cambiare il colore di un collegamento dal blu al rosso per un aumento del 50% sui clickthrough:
UN: Beamax, collegamento blu
B: Beamax, link rosso 50% in più clickthroughModifica di una dimensione del carattere da 15px a 20px e in grassetto per un aumento della conversione del 36,54%:
UN: Sconto reale, dimensione carattere 15px e peso carattere normale
B: Sconto reale, dimensione carattere 20 pixel in grassetto, aumento del 36,54% delle conversioniO aggiungendo un paio di parole per passare da un tasso di conversione dal 14,5% al 18,6%:
UN: Soocial, originale con una conversione del 14,5%
B: Soocial, aggiunto "È gratuito" e aumentato al 18,6% di conversioneOra mettiamolo in prospettiva un po '.
L'esempio che vedi sopra dove il testo è stato messo in grassetto e aumentato di dimensioni ha portato ad un aumento delle entrate del 10,21%. Anche se l'intero fatturato dell'azienda per un anno era di soli $ 100.000 (e sono sicuro che sia molto di più) ciò significherebbe un payoff di $ 10,210 per due minuti di tweaking, un risultato degno nel libro di chiunque.
Hai visto sopra come anche piccole modifiche possono ottenere risultati reali. Ora diamo un'occhiata a come è possibile creare tweaks come questo usando VWO.
Puoi seguire questi passaggi registrandoti per una prova gratuita di 30 giorni su VWO. Questa versione di prova gratuita ti offre:
Dopo esserti registrato e aver inserito alcuni dettagli di base del tuo account come il nome della tua azienda e l'URL, puoi visitare il Codice di installazione scheda nella tua area di amministrazione per afferrare lo snippet di integrazione di JavaScript.
Copia lo snippet e incollalo alla fine della sezione della testa del tuo sito e sei a posto.
Puoi verificare che tutto funzioni correttamente inserendo l'URL del tuo sito in Smart Code Checker sulla stessa pagina e facendo clic su Dai un'occhiata pulsante.
Ora che hai integrato VWO con il tuo sito puoi configurare una nuova campagna. Clicca il grande + icona nel menu a sinistra, quindi selezionare Campagne del sito web.
Verrai quindi indirizzato a una serie di tipi di campagne tra cui puoi scegliere. Per i nostri scopi, selezionare Test A / B.
Nel pannello successivo, inserisci l'URL della pagina su cui vuoi eseguire i test A / B.
Verrai quindi indirizzato direttamente al tuo sito in Visual Website Optimizer (VWO), dove potrai iniziare a crearne diverse versioni per testare.
Per dimostrare, ho creato una piccola pagina di iscrizione alla newsletter per le persone che amano i video di cuccioli carini, perché chi non lo fa, giusto?
Da qui, tutto ciò che devi fare è cliccare sull'elemento che vuoi cambiare e vedrai una serie di strumenti che ti permetteranno di creare le tue versioni alternative direttamente all'interno di VWO.
Gli scatti di VWO da soli non lo rendono giustizia, perché è davvero necessario guardarlo usato dal vivo per vedere quanto velocemente rende la creazione di versioni alternative del sito.
Questi sono gli stessi tipi di modifiche come negli esempi che abbiamo visto in precedenza, in cui piccoli cambiamenti hanno generato grandi differenze nei risultati.
Come ho detto nel video, sono stato in grado di configurare queste modifiche solo attraverso un account di prova gratuito. Per provare a fare lo stesso tipo di modifiche per te stesso, vai al sito di VWO e ricevi 30 giorni di accesso completamente funzionale gratuitamente.
Oltre al test A / B, VWO ti consente anche di creare test multivariati. Il test multivariato consente di confrontare più di due varianti di un sito, quindi puoi pensare che sia un test A / B / C / D ....
I report risultanti generati dai test sono disponibili in una varietà di forme e formati. Tra la selezione di rapporti disponibili, otterrai riepiloghi "a colpo d'occhio" che monitorano le tue conversioni, entrate, traffico e così via:
Otterrai grafici comparativi:
E uno dei miei preferiti personali, heatmap per tracciare dove i visitatori fanno clic:
Mentre si può andare a VWO per i test divisi, si potrebbe anche rimanere per tutti gli altri modi in cui è possibile utilizzare il set di strumenti e alcuni dei vantaggi aggiuntivi offerti.
Ciò che ti offre VWO è un modo per creare varianti del tuo sito senza rallentarlo o dover mantenere installazioni diverse su URL diversi. Il test diviso è un modo in cui puoi utilizzarlo, ma puoi anche pubblicare versioni ottimizzate specificamente per tutti i tipi di fattori diversi come posizione, tipo di dispositivo, sistema operativo, browser, termini di ricerca e così via.
Ad esempio, potresti utilizzare il sistema di tracciamento dei segmenti di VWO per scoprire che le persone sugli iPhone di New York che arrivano tramite Facebook sono le più reattive e producono il maggior numero di conversioni. È quindi possibile creare una versione personalizzata del sito solo per questo segmento, analizzarlo e modificarlo per usabilità e conversioni fino a ottenere la variazione perfettamente ottimizzata possibile.
Un altro aspetto dell'appartenenza che, secondo me, vale il prezzo di ammissione a se stesso è la "fabbrica delle idee". Una volta che hai verificato le cose ovvie come titoli e colori dei pulsanti potresti chiederti cosa puoi fare per continuare a ottimizzare. A quel punto, puoi toccare la scheda "Idee" in VWO per ottenere dettagli completi e indicazioni su oltre 400 modi in più per continuare a migliorare:
Avrai inoltre accesso a una vasta raccolta di studi di casi reali, in modo da poter vedere esattamente cosa ha funzionato per aumentare le conversioni e le entrate di altri siti. Questo tipo di cosa può essere oro puro quando applichi ciò che scopri ai tuoi progetti.
Per mettere questo in prospettiva, alcuni anni fa ricordo di aver visto una persona che vendeva un compendio di poco più di 40 casi di studio suddivisi per $ 200, e lo hanno fatto con molto successo.
Ho iniziato a contare quanti studi di casi sono stati effettuati nella fabbrica di idee VWO- Ho smesso di fare clic sul pulsante "Carica altro" alla 120 ° voce.
Spero che questo ti abbia dato alcuni spunti su ciò che A / B Testing può fare per te e su come VWO può aiutarti a portarlo a termine. VWO ha una serie completa di funzionalità e puoi leggerle tutte sul loro sito web.
O per entrare subito e iniziare a mettere alla prova i tuoi siti, ottenere 30 giorni di creazione delle varianti e guardare i risultati con la prova gratuita completamente funzionale.
Vediamo quanto bene funzionano i tuoi siti!
Accentsconagua