Il colore è una parte essenziale di come viviamo il mondo. Ma i colori sono davvero importanti per l'ottimizzazione della conversione? Il colore di un pulsante può garantire prestazioni migliori per un invito all'azione (CTA)?
Nessun singolo colore è migliore di un altro.In definitiva, ciò che conta è quanto il colore di un pulsante contrasta con l'area circostante.
Questo post spiega cosa conta davvero per i CTA del sito Web e i colori dei pulsanti. Gli studi "definitivi" che hai letto sono tutt'altro che definitivi e un approccio superficiale ai test (ad esempio, provare qualsiasi colore di pulsante casuale) non ti aiuterà a costruire un programma di sperimentazione rigoroso.
Corso di ottimizzazione delle conversioni
di Peep Laja
Le domande del sondaggio sono solo una parte della torta di ottimizzazione delle conversioni. Approfondisci come ottimizzare tutte le tue ricerche di conversione in questo corso gratuito.
Le associazioni psicologiche dei colori
Colori diversi possono sollevarci o abbatterci. C'è anche un lato psicologico dei colori: alcuni colori sono associati a diverse qualità ed emozioni.
In culture diverse, colori diversi significano cose contraddittorie. Ad esempio, il bianco è il colore del lutto e della morte nella cultura cinese, ma il colore della morte in Brasile è il viola. Il giallo simboleggia la felicità e la pace nell'induismo, ma rappresenta la tristezza in Grecia e la gelosia in Francia.
Le persone dei paesi tropicali rispondono favorevolmente ai colori caldi; le persone dei climi settentrionali preferiscono i colori più freddi e così via.
Si dice anche che, nella cultura nordamericana, il colore blu crei un sentimento di fiducia, ma incoraggi anche l'appetito. Il verde presumibilmente significa natura, freschezza, crescita e denaro. Il giallo porta con sé sole e felicità.
C'è del vero in queste interpretazioni, ma possiamo tradurre queste associazioni presunti in impianti di conversione?
Esperimenti con l'uso del colore
Il rosso può renderti un vincitore...
Quasi universalmente, il rosso significa stop. Rosso significa pericolo. Rosso significa caldo. E analizzando i risultati delle Olimpiadi del 2004, i ricercatori hanno scoperto che il rosso significa anche dominio.
Hanno esaminato la boxe, il taekwondo, la lotta greco-romana e la lotta libera, praticamente tutti gli sport uno contro uno. In questi sport, ai concorrenti vengono assegnati in modo casuale abiti rossi o blu, quindi non è possibile alcun sartiame.
I concorrenti in tenuta rossa tendono a comportarsi (leggermente) meglio alle Olimpiadi, anche quando i colori vengono assegnati in modo casuale. (Credito immagine )
In 16 round su 21, quelli che indossavano il rosso hanno vinto. Tendenze simili sono state riscontrate nel Campionato europeo di calcio del 2004. I ricercatori stanno attenti a sottolineare che l'effetto è al massimo sottile. E quel rosso può essere un fattore decisivo solo tra concorrenti alla pari, ma esiste ancora.
"Troviamo che indossare il rosso è costantemente associato a una maggiore probabilità di vincita", hanno scritto i ricercatori dell'Università di Durham Russell Hill e Robert Barton.
…o un perdente
I ricercatori dell'Università di Rochester hanno scoperto che il colore rosso può anche impedirci di dare il massimo nei test. Nei loro esperimenti, volevano scoprire se la percezione del rosso avrebbe influenzato i risultati dei test del QI o dei principali esami accademici. In un contesto accademico, il colore rosso è tradizionalmente associato a errori di marcatura.
Quattro esperimenti hanno mostrato che solo una breve percezione del colore ha avuto un impatto negativo sui risultati. " Ha portato le persone a fare peggio a loro insaputa", ha detto Elliot, uno degli autori.
I risultati hanno mostrato che "bisogna prestare attenzione a come il rosso viene utilizzato in contesti di successo", hanno riferito i ricercatori, "e illustrano come il colore può agire come un sottile segnale ambientale che ha importanti influenze sul comportamento".
Colore e gusto della cioccolata calda
Cosa rende così buona quella cioccolata calda? Potrebbe essere il colore del contenitore da cui lo bevi. (Credito immagine)
Si scopre che il colore del contenitore in cui vengono serviti cibi e bevande contribuisce al gusto percepito. Questo è vero, almeno, per bere cioccolata calda, spiega la ricercatrice Betina Piqueras-Fiszman.
Piqueras-Fiszman e i suoi partner di ricerca hanno fatto assaggiare a 57 partecipanti cioccolata calda servita in contenitori di quattro colori diversi: bianco, crema, arancione e rosso. Avevano tutte le stesse dimensioni e tutte erano bianche all'interno.
Il sapore della cioccolata calda servita in tazze color arancio e crema è stato giudicato migliore dai partecipanti. Tuttavia, la dolcezza e l'aroma sono stati giudicati simili, indipendentemente dal colore.
"Non esiste una regola fissa che affermi che il sapore e l'aroma siano esaltati in una tazza di un determinato colore o tonalità", ha riconosciuto Piqueras-Fiszman. “In realtà questo varia a seconda del tipo di cibo, ma la verità è che, quando si verifica questo effetto, si dovrebbe prestare maggiore attenzione al colore del contenitore in quanto ha più potenzialità di quanto si possa immaginare”.
Se il colore può influenzare le nostre prestazioni atletiche, i risultati accademici e la percezione del gusto, può influenzare anche la nostra decisione di fare clic?
Qual è il colore migliore per i pulsanti CTA?
Il rosso potrebbe aumentare le tue possibilità di vittoria negli sport. La tua prossima cioccolata calda potrebbe avere un sapore migliore in una tazza arancione. Ma cosa c'entra questo con le conversioni sul web? Il rosso ti dà davvero un vantaggio per il tuo pulsante CTA?
Verde contro rosso: una guerra tra pulsanti di invito all'azione
Nel corso degli anni, ci sono state controversie su quale colore si converte meglio per il tuo pulsante CTA. Unbounce ha dichiarato che il futuro dei pulsanti CTA era "BOB" (Big Orange Buttons).
Ci sono anche una serie di interessanti casi di studio di test A/B in cui un pulsante arancione o principalmente rosso è stato testato contro altri colori, spesso verdi.
Se ci pensi, il verde è per lo più associato a emozioni positive. Quando il semaforo diventa verde, significa che puoi guidare. Viceversa con il rosso. Il colore è per lo più associato a emozioni negative.
Quindi cosa pensi?Quale colore del pulsante ha vinto? Ecco cosa hanno da dire i casi di studio.
Caso di studio 1
Dmix ha scritto di un test sui colori dei pulsanti verdi e rossi. Nei loro test con 600 soggetti, hanno scoperto che le conversioni sono aumentate del 34% quando hanno usato un pulsante rosso.
Caso di studio 2
Credito immagine
Il prossimo test arriva per gentile concessione di HubSpot. Hanno eseguito un test simile con i pulsanti verdi e rossi sul sito di un cliente. Hanno eseguito il test per alcuni giorni e, in totale, hanno avuto più di 2.000 visite.
Il loro risultato? Il pulsante rosso ha superato il pulsante verde del 21%.
Caso di studio 3
(Credito immagine)
Il terzo test arriva per gentile concessione di VWO. Il loro cliente era un sito di e-commerce che vendeva telefoni cellulari e accessori. Hanno testato i colori del pulsante "Acquista ora" sul sito. Il concorso includeva un pulsante bianco con testo verde, un pulsante verde con testo bianco e un pulsante rosso (arancione scuro) con testo bianco.
E il vincitore è stato - hai indovinato - il pulsante rosso, questa volta con un aumento delle conversioni del 5%.
Caso di studio 4
Credito immagine
Questo studio, invece di confrontare i pulsanti rossastri con quelli verdi, ha esaminato un pulsante arancione rispetto a quello blu. Nei loro test, il pulsante blu ha vinto, producendo un aumento del 9%.
Nonostante quel "turbamento" dei bottoni blu, i bottoni rossi o rossastri erano dominanti, una tendenza supportata anche da altri studi.
Eppure, Peep non ha scritto quanto segue sui colori nel web design in questo post:
Mi è piaciuto questo tweet di Naomi Niles:
Non potrei essere più d'accordo.Questo tipo di narrativa dà alle persone un'idea sbagliata su cosa siano i test.Sì, certo, a volte il colore influisce sui risultati, specialmente quando influisce sulla gerarchia visiva, fa risaltare meglio l'invito all'azione e così via.Ma "verde contro arancione" non è l'essenza del test A/B.Si tratta di capire il pubblico di destinazione.Fare ricerca e analisi può essere noioso ed è sicuramente un lavoro duro, ma è qualcosa che devi fare.
Per aumentare seriamente le tue conversioni, devi fare ricerche sulle conversioni.Devi fare il lavoro pesante.
I guadagni seri nelle conversioni non provengono da trucchi psicologici, ma dall'analisi di ciò di cui i tuoi clienti hanno veramente bisogno, il linguaggio che risuona con loro e come vogliono acquistarlo.Riguarda la pertinenza e il valore percepito dell'offerta totale.
Perché dovresti essere scettico sui casi di studio sul colore dei pulsanti
Diamo un'occhiata a un ultimo esempio, che aiuterà questo a dare molto più senso. RIPT Apparel ha testato il colore del pulsante "Acquista ora" per vedere se avrebbe fatto alcuna differenza per i loro profitti.
Questa è la versione originale:
Credito immagine
E questo era il nuovo pulsante:
Credito immagine
Senza grande sorpresa, i numeri di conversione sono aumentati. Guardando i casi precedenti, si potrebbe dire che se cambiassero il pulsante in rosso, potrebbe convertire ancora meglio. Beh, non proprio.
Dai un'occhiata di nuovo all'originale. Vedi qualcosa che dovrebbe esserci ma non lo è? All'originale manca un bottone! Il CTA "Acquista ora" si perde nel design. Puoi vedere chiaramente il nuovo pulsante, indipendentemente dal fatto che sia verde, rosso, giallo o uno dei diversi colori.
Così, purtroppo, è iniziata la grande polemica sui colori dei bottoni. Vedi risultati sorprendenti che suggeriscono che un colore converte sempre il meglio. Cioè, finché non guardi più da vicino.
Il più delle volte, questi test rivelano che, in precedenza, non c'era alcun pulsante o che il pulsante è solo molto più prominente. Si distingue dal resto della pagina e si converte meglio perché è un colore ad alto contrasto, non un singolo colore.
Monetate, che ha eseguito il test del pulsante blu vs. arancione, ha affermato quanto segue:
Ma, se approfondisci i risultati, vedrai che i pulsanti arancioni sono stati quasi sempre testati contro un controllo di nessun pulsante. In casi come questi, non sorprende che i pulsanti arancioni facciano la differenza. Certo che lo fanno ... rispetto a nessun pulsante! Praticamente qualsiasi pulsante farà la differenza, indipendentemente dal colore.
Nel caso di RIPT Apparel, hanno testato una versione finale, con un pulsante giallo:
Credito immagine
Le conversioni sono aumentate di un ulteriore 6,3%. Quindi il giallo batte il verde? No, no, no.
Il colore del pulsante CTA da solo fa poca differenza
Il colore del pulsante di per sé ha un effetto minimo o nullo.La cosa più importante è come cambia la gerarchia visiva della pagina e come fa risaltare l'invito all'azione.
Dipende anche da cosa siamo abituati a vedere. Bing ha aumentato le proprie entrate di $ 80 milioni trovando il colore esatto del blu per i propri collegamenti. Le persone sono abituate a vedere i link blu. Quando è nato il World Wide Web, il blu era il colore dei collegamenti. (Gli ingegneri Microsoft che lavorano su questo hanno anche ammesso che "... era una tonalità di blu abbastanza simile a quella usata da Google.")
Non esiste un colore migliore per le conversioni. Nel caso del pulsante giallo, hanno anche aggiunto l'urgenza ("$ 10 solo per 24 ore"), che è stato dimostrato più e più volte per aumentare le conversioni. Nel caso di Bing e Blue, era il potere della convenzione in azione.
Torna a HubSpot
Lo stesso si può dire per l'esempio di HubSpot. Dai un'occhiata di nuovo:
Credito immagine
Noti qualcosa che potrebbe contribuire a rendere il pulsante rosso una scelta migliore? Qualcosa nel design generale della pagina?
Il verde è uno dei colori principali del sito! E cosa succede quando aggiungi un pulsante verde al mix? Non risalta. Avrebbero potuto testare il verde contro quasi tutti gli altri colori brillanti e avrebbero visto gli stessi risultati "sorprendenti".
A merito di HubSpot, nel caso di studio affermano che "non possono generalizzare questi risultati a tutte le situazioni". Ma ancora, un pulsante verde su una pagina con un design verde dominante? Veramente?
Conclusione
Il colore è importante per i tuoi inviti all'azione. Ma dire che un colore si converte meglio di un altro non regge. Non esiste un colore migliore universale. Ciò che funziona su un sito non funziona necessariamente su un altro.
La gerarchia visiva è importante. Così fa risaltare i tuoi pulsanti CTA con un colore ad alto contrasto. Il dibattito "verde vs. rosso" riguarda meno il colore in sé e più se il colore aiuta il pulsante a risaltare.
