Quali colori dovresti usare per aumentare le vendite?

Ancora una volta, i test A/B ci hanno mostrato che i nostri gusti e le nostre preferenze cromatiche non sono sempre allineate a quelle dei nostri visitatori. O meglio, i colori che mostri sul tuo sito web, sebbene possano essere attraenti, non sono necessariamente quelli che ti porteranno il maggior numero di vendite. In effetti, troverai molti articoli sulla psicologia del colore che studiano come ogni colore provoca una risposta emotiva diversa e come queste possono persuadere il tuo pubblico in modo diverso.

Questo mese, poiché abbiamo recentemente modificato i nostri piani di prodotto Nelio Content e il design della pagina dei prezzi, abbiamo pensato che fosse un'opportunità perfetta per analizzare quali colori dovrebbero essere mostrati in ciascuno dei nostri piani per ottenere più vendite.

Nel design della pagina originale, essendo un fan del colore blu, abbiamo proposto il seguente design della pagina dei piani di Nelio Content:

Bello, vero? Ma se hai letto della nostra esperienza nell'esecuzione di un test ogni mese, sai che, quando si tratta di prendere decisioni aziendali, non dovresti concentrarti esclusivamente sui tuoi gusti, ma ottenere invece dati reali, poiché è quello che ti dirà davvero ciò che influisce di più sui tuoi profitti.

Quindi, il test di questo mese con Nelio A/B Testing analizza quale combinazione di colori nella nostra pagina dei prezzi genererà più entrate.

Crea un test della pagina dei prezzi

Prima di creare un test A/B di qualsiasi elemento di un sito web, ti consigliamo sempre di eseguire un'analisi di ciò che sta funzionando sul tuo sito web, dove hai più attriti e problemi, e di generare ipotesi su cosa potresti migliorare. Dall'elenco di ipotesi che hai generato, dai la priorità a quelle che avranno il maggiore impatto sui tuoi obiettivi. Cioè, le pagine di destinazione e le pagine dei prezzi avranno probabilmente un impatto molto maggiore sull'aumento delle vendite rispetto a un post sul blog.

In questo caso, la nostra motivazione principale per la creazione di questo test è stata: poiché stiamo modificando i piani di Nelio Content e abbiamo riprogettato l'intera pagina dei prezzi, abbiamo colto l'occasione per assicurarci che il nuovo design utilizzi la migliore combinazione di colori possibile .

Abbiamo deciso di creare, oltre alla versione originale, altre due varianti con queste combinazioni di colori:

Nella prima variante, abbiamo deciso di mostrare i piani con una selezione di colori pastello che vanno molto di moda quest'anno.

E abbiamo creato una seconda variante, come potete vedere nell'immagine sopra, in cui abbiamo voluto evidenziare con il colore fucsia solo il piano Standard, e gli altri due piani per mostrarli con uno sfondo blu più scuro e pulsanti verdi.

In generale avremmo potuto selezionare altri colori, o anche creare altre combinazioni di colori, ma il problema nel creare molte alternative è che, per ottenere risultati statisticamente significativi, è necessario avere molte più visite.

Creazione del test A/B

Per creare il test A/B, come sempre, utilizziamo il nostro plugin, Nelio A/B Testing. Basta scaricarlo dalla directory ufficiale dei plugin di WordPress e installarlo sul tuo sito Web per poter creare un test come questo. E se hai ancora dubbi su quale plug-in di test A/B utilizzare per creare i tuoi test sul tuo sito Web, ti consiglio di leggere il nostro confronto tra i plug-in di test A/B per WordPress.

Nelio A/B Testing è molto versatile in quanto consente di creare test A/B di qualsiasi elemento di WordPress. In questo caso creiamo un test A/B delle pagine. Questo tipo di test ti consente di creare nuove varianti duplicando la pagina originale in nuove pagine alternative. Nel nostro test, abbiamo semplicemente cambiato i colori di sfondo di ogni piano, come descritto sopra. Se desideri modificare qualcosa che fa parte del modello di pagina che utilizzi, puoi farlo creando un modello alternativo ed eseguendo invece un test A/B dei modelli di pagina.

Nello screenshot seguente puoi vedere la definizione del test:

Successivamente, quando crei un test A/B, devi impostare gli obiettivi che desideri misurare nel test per decidere cosa funziona meglio. In questo caso abbiamo definito 4 obiettivi da misurare all'interno del test:

• Clic sui pulsanti di qualsiasi piano
• Fa clic sui pulsanti del piano Base
• Fa clic sui pulsanti del piano Standard
• Clic sui pulsanti del piano Plus

Con tutto questo creato, non dovevamo fare altro che avviare il test e aspettare che arrivassero i risultati. Nelio A/B Testing ha il compito di dividere il traffico in tre gruppi casuali in modo che ognuno di essi veda solo una delle varianti definite e tenga traccia delle conversioni ottenute da ciascuna variante e obiettivo.

Analisi dei risultati del test A/B

Dopo un mese e nove giorni di esecuzione di questo test, abbiamo ottenuto risultati statisticamente significativi con quasi il 100% di confidenza. Diamo un'occhiata a un'analisi di ciascuno degli obiettivi in ​​dettaglio e alle conclusioni che siamo stati in grado di trarre dal test.

Il primo obiettivo era misurare i clic su uno qualsiasi dei pulsanti del piano della tabella dei prezzi (la tabella viene visualizzata due volte sulla pagina).

In questo caso, i risultati mostrano che la seconda variante, alternativa C, è quella che ottiene quasi il 130% (129,6%, per l'esattezza) di clic in più rispetto alla versione originale. Al contrario, la variante che mostra i piani in colori pastello è peggiore del 25,5%. Se avessimo avuto solo questo obiettivo del test, l'alternativa C avrebbe ottenuto risultati schiaccianti.

Il nostro secondo obiettivo si è concentrato sui clic ricevuti dai pulsanti del piano Basic. Vediamo come variano i risultati:

Da notare che se ci concentriamo solo sui clic al piano Base, la differenza tra la terza variante e la versione originale, seppur ancora notevole, ovvero un miglioramento del 73,7%, non è tanto quanto se analizziamo tutti i clic. E nel caso della variante color pastello, come nel caso precedente, è anche peggiore dell'originale ma la differenza è del 12,3%. Se ci pensi, può avere un senso poiché le varianti non si concentrano sull'evidenziazione particolare del piano Base.

Vediamo ora i risultati che abbiamo ottenuto in quello che volevamo misurare i click del piano Standard.

In questo caso, il miglioramento della terza variante, che è proprio quella che spicca con un colore più vistoso nel piano, ottiene addirittura il 228,1% di click in più rispetto alla versione originale. Quindi, se avevi dei dubbi sul fatto che evidenziare uno qualsiasi dei piani abbia un impatto, è chiaro da questo test che le persone sono attratte dagli elementi più accattivanti.

Infine, vediamo cosa succede con l'ultimo piano:

In questo caso, il miglioramento dell'alternativa C rispetto all'originale è di quasi il 3% con una confidenza del 95,7%. E comunque c'è poca conversione del piano Plus in tutte le alternative. In effetti, la maggior parte dei nostri clienti preferisce optare per un piano inferiore all'inizio per poi passare a un piano diverso in seguito.

Conclusioni

Considerando i risultati che abbiamo ottenuto dal test A/B, arriviamo alla conclusione che la versione in cui spicca il piano Standard con una colorazione fucsia ha funzionato molto meglio di qualsiasi altra variante. Pertanto, è meglio applicarlo come versione finale sul nostro sito Web.

Come puoi vedere, con un solo clic, la versione finale della pagina dei prezzi di Nelio Content diventa quella che ha vinto il test. Certo, all'inizio potremmo aver pensato che la combinazione di colori blu fosse una buona opzione, ma le nostre preferenze e gusti sono di scarsa utilità per aumentare le vendite. I test A/B sono quelli che, con dati reali, ci dimostrano cosa funziona davvero. Cosa aspetti a creare il tuo test A/B per aumentare la conversione sul tuo sito web?

Immagine in primo piano di Baher Khairy su Unsplash.