Il colore è una parte essenziale di come viviamo il mondo. Ma fai i colori veramente importa per l'ottimizzazione della conversione? Un colore del pulsante può garantire prestazioni migliori per un call to action (CTA)?
Nessun singolo colore è migliore di un altro. In fin dei conti, ciò che conta è quanto il colore di un pulsante sia in contrasto con l'area circostante.
Questo post spiega cosa conta davvero per i CTA e i colori dei pulsanti del sito web. Gli studi "definitivi" che hai letto sono tutt'altro che definitivi e un approccio superficiale ai test (cioè provare qualsiasi colore pulsante casuale) non ti aiuterà a costruire un rigoroso programma di sperimentazione.
Le associazioni psicologiche di colori
Colori diversi possono sollevarci o portarci giù. C'è anche un aspetto psicologico nei colori: certi colori sono associati a diverse qualità ed emozioni.
Nelle diverse culture, i diversi colori significano cose contraddittorie. Ad esempio, il bianco è il colore del lutto e della morte nella cultura cinese, ma il colore della morte in Brasile è 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 a colori caldi; le persone provenienti da climi nordici preferiscono colori più freddi, e così via.
Si dice anche che, nella cultura nordamericana, il colore blu crea una sensazione di fiducia, ma incoraggia anche l'appetito. Il verde suppone significa natura, freschezza, crescita e denaro. Il giallo porta con sé sole e felicità.
C'è alcuni verità a queste interpretazioni, ma possiamo tradurre queste supposte associazioni in elevatori di conversione?
Sperimenta con l'uso del colore
Il rosso può renderti un vincitore …
Quasi universalmente, il rosso significa fermarsi. Rosso significa pericolo. Il 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 il wrestling, in pratica tutti gli sport individuali. In questi sport, i concorrenti vengono assegnati in modo casuale a completi rossi o blu, quindi nessun rigging è possibile.
I concorrenti in abiti rossi tendono a esibirsi (leggermente) meglio alle Olimpiadi, anche quando i colori vengono assegnati in modo casuale. (Credito dell'immagine)
In 16 di 21 round, quelli che indossavano il rosso vinsero. Tendenze simili sono state trovate nel Campionato europeo di calcio del 2004. I ricercatori fanno attenzione a sottolineare che l'effetto è sottile al meglio. E quel rosso può essere un fattore decisivo solo tra concorrenti egualmente abbinati, ma esiste ancora.
"Troviamo che indossare il rosso sia coerentemente associato a maggiori 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 esibirci al meglio 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 agli errori di marcatura.
Quattro esperimenti hanno dimostrato che solo una breve percezione del colore ha avuto un impatto negativo sui risultati. “"Ha portato le persone a fare peggio senza la loro conoscenza", ha detto Elliot, uno degli autori.
I risultati hanno mostrato che "occorre prestare attenzione a come il rosso viene utilizzato in contesti di successo", hanno riferito i ricercatori, "e illustrare come il colore possa agire come una sottile indicazione ambientale che ha importanti influenze sul comportamento".
Colore e sapore della cioccolata calda
Cosa rende quella cioccolata calda così buona? Potrebbe essere il colore del contenitore da cui lo bevi. (Credito immagine)
Si scopre che il colore del contenitore in cui cibo e bevande sono serviti contribuisce al gusto percepito. È vero, almeno, per bere cioccolata calda, spiega la ricercatrice Betina Piqueras-Fiszman.
Piqueras-Fiszman ei suoi partner di ricerca avevano 57 partecipanti che assaggiavano cioccolata calda servita in contenitori di quattro colori diversi: bianco, crema, arancione e rosso. Tutti avevano le stesse dimensioni, e tutti erano bianchi all'interno.
Il sapore della cioccolata calda servita in coppe 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 certo colore o sfumatura", ha riconosciuto Piqueras-Fiszman. "In realtà questo varia a seconda del tipo di cibo, ma la verità è che, poiché questo effetto si verifica, si dovrebbe prestare più attenzione al colore del contenitore poiché ha più potenziale di quanto si possa immaginare".
Se il colore può influire sulla nostra prestazione atletica, sul rendimento scolastico e sulla percezione del gusto, può influire anche sulla nostra decisione di fare clic?
Qual è il colore migliore per i pulsanti CTA?
Il rosso potrebbe aumentare le tue possibilità di vincere nello sport. La tua prossima cioccolata calda può 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 pulsante di invito all'azione
Nel corso degli anni, c'è stata una polemica su quale colore converti 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 case study di test A / B in cui un pulsante arancione o prevalentemente rosso è stato testato rispetto ad altri colori, spesso verdi.
Quando ci pensi, il verde è principalmente associato a emozioni positive. Quando il semaforo diventa verde, significa che puoi guidare. Viceversa con il rosso. Il colore è principalmente associato alle emozioni negative.
Quindi cosa pensi? Quale colore del pulsante ha vinto? Ecco cosa hanno da dire gli studi di casi.
Case study 1
Dmix ha scritto di un test sui colori dei pulsanti verde e rosso. Nel loro test con 600 soggetti, lo hanno trovato le conversioni sono aumentate del 34% quando hanno usato un pulsante rosso.
Case study 2
Il prossimo test verrà gentilmente offerto da HubSpot. Hanno eseguito un test simile con pulsanti verdi e rossi su un sito client. Hanno eseguito il test per alcuni giorni e, in totale, hanno avuto più di 2.000 visite.
Il loro risultato? Il pulsante rosso ha sovraperformato il pulsante verde del 21%.
Case study 3
(Credito immagine)
Il terzo test viene rilasciato per gentile concessione di VWO. Il loro cliente era un sito di e-commerce che vendeva telefoni cellulari e accessori. Hanno testato i colori dei pulsanti "Acquista ora" sul sito. La competizione includeva un pulsante bianco con testo verde, pulsante verde con testo bianco e pulsante rosso (arancione scuro) con testo bianco.
E il vincitore era–hai indovinato–il pulsante rosso, questa volta con un aumento di conversione del 5%.
Case study 4
Questo studio, invece di confrontare i pulsanti rosso contro verde, ha visto un pulsante arancione contro blu. Nei loro test, il pulsante blu ha vinto, producendo un aumento del 9%.
Nonostante quel "turbamento" dei pulsanti blu, i pulsanti 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 narrazione dà alle persone l'idea sbagliata su cosa sia il test. Sì, certo: a volte il colore influisce sui risultati, specialmente quando influisce sulla gerarchia visiva, rende la chiamata all'azione migliore e così via. Ma "green vs orange" non è l'essenza del test A / B. Si tratta di capire il pubblico di destinazione. Fare ricerche e analisi può essere noioso ed è sicuramente un lavoro duro, ma è qualcosa che devi fare.
Per dare una svolta alle tue conversioni devi fare una ricerca di conversione. Hai bisogno di fare il sollevamento pesi.
I guadagni seri nelle conversioni non provengono da inganni psicologici, ma dall'analisi di ciò di cui i tuoi clienti hanno realmente bisogno, il linguaggio che risuona con loro e il modo in cui vogliono comprarlo. Riguarda la pertinenza e il valore percepito dell'offerta totale.
Perché dovresti essere scettico nei confronti degli studi di caso sui colori dei bottoni
Diamo un'occhiata a un ultimo esempio, che aiuterà a rendere tutto molto più sensato. RIPT Apparel ha testato il colore del loro pulsante "Compra Ora" per vedere se avrebbe fatto la differenza nella loro linea di fondo.
Questa è la versione originale:
E questo era il nuovo pulsante:
Nessuna sorpresa, i numeri di conversione sono aumentati. Guardando i casi precedenti, si potrebbe dire che se hanno cambiato il pulsante in rosso, potrebbe convertirsi anche meglio. Bene, non proprio.
Dai un'occhiata all'originale di nuovo. Vedi qualcosa dovrebbero essere lì ma non lo è? L'originale manca un pulsante! Il CTA "Compra Ora" si perde nel design. Puoi vedere chiaramente il nuovo pulsante, indipendentemente dal fatto che sia verde, rosso, giallo o uno dei tanti colori.
Questo, purtroppo, è il modo in cui è iniziata la grande controversia sui colori dei pulsanti. Vedete risultati sorprendenti che suggeriscono che un colore sempre converte il meglio. Cioè, finché non ti guardi più vicino.
Più spesso, questi test rivelano che, in precedenza, non c'era alcun pulsante, o 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 contro arancione, ha avuto questo da dire:
Ma se analizzi i risultati, vedrai che i pulsanti arancioni sono stati quasi sempre testati contro il controllo di nessun pulsante. In casi come questi, non è una sorpresa 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:
Le conversioni sono aumentate del 6,3%. Quindi il giallo batte verde? No, no, no.
Il colore del pulsante CTA fa poca differenza da solo
Il colore del pulsante ha un effetto minimo su zero. La cosa più importante è come cambia la gerarchia visiva della pagina e come fa risaltare l'invito all'azione.
Dipende anche da ciò che siamo abituati a vedere. Bing ha aumentato le proprie entrate di $ 80 milioni trovando il esatto colore del blu per i loro collegamenti. Le persone sono abituate a vedere i collegamenti blu. Quando il World Wide Web è nato per la prima volta, il blu era il colore dei link. (Gli ingegneri Microsoft che hanno lavorato su questo hanno anche ammesso che "… era una tonalità di blu abbastanza simile a quella usata da Google.")
Non esiste il miglior colore 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 sollevare le conversioni. Nel caso di Bing e blu, 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:
Noti qualcosa che potrebbe contribuire al fatto che il pulsante rosso sia 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 si distinguerà. Avrebbero potuto testare il verde contro quasi tutti gli altri colori brillanti e avrebbero visto gli stessi risultati "sorprendenti".
Per il merito di HubSpot, affermano nel case study che "non possono generalizzare questi risultati in tutte le situazioni". Ma ancora, un pulsante verde su una pagina con un disegno 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ì facendo i tuoi pulsanti CTA si distinguono con un colore ad alto contrasto. Il dibattito "verde contro rosso" riguarda meno il colore di per sé e altro se il colore aiuta a distinguere il pulsante.