Il pulsante rosso converte di più? Perché non esiste un colore magico

Il test 'rosso batte verde' gira da anni nei corsi di marketing. Ma la ricerca sul colore è fragile e ciò che conta davvero è il contrasto con la pagina.

Mitowebattenzioneneuromarketingneuromiti

Nei corsi di marketing digitale c'è una slide che non manca quasi mai. Due versioni della stessa pagina: a sinistra un pulsante verde, a destra uno rosso. Sotto, il risultato: il rosso ha ottenuto il 21% di clic in più. Il test è vero, l'ha raccontato HubSpot, una delle aziende più note del settore. Da lì la conclusione è corsa di bocca in bocca: il rosso crea urgenza, il rosso converte. Molti siti hanno cambiato colore ai pulsanti per questo. Eppure lo stesso test, letto con attenzione, dice quasi il contrario. E la ricerca accademica sul colore, quando la guardi da vicino, è molto meno solida di quanto lascino intendere le infografiche. Allora: esiste un colore che vince sempre?

In breve

Non esiste un colore di pulsante che converte di più in assoluto. Gli effetti psicologici del colore sono in genere piccoli, dipendono dal contesto e molti studi famosi non hanno retto alle repliche. Per un pulsante conta soprattutto che si distingua dal resto della pagina.

🔴 Mito. Le rassegne scientifiche (Elliot 2015) e le meta-analisi più recenti non sostengono una regola universale sul colore, e il caso "rosso contro verde" si spiega meglio con il contrasto.

Da dove nasce il mito

Il mito ha tre radici.

La prima è il test di HubSpot. Nell'articolo che lo racconta, HubSpot scrive che cambiare il pulsante da verde a rosso ha aumentato i clic del 21%. Ma è un singolo test su una singola pagina. Non ci dice che il rosso è migliore del verde: ci dice che, su quella pagina, quel rosso ha funzionato meglio di quel verde. È stato fatto notare che la pagina usava già molto verde nel resto del design, quindi un pulsante verde si mimetizzava. Se è così, il vincitore non è il rosso: è il pulsante che si vede.

La seconda è la psicologia del colore da manuale. Circola da anni la frase secondo cui tra il 62% e il 90% del giudizio su un prodotto dipende dal colore. Viene da un articolo di Satyendra Singh pubblicato nel 2006 su Management Decision. Ma è una rassegna della letteratura, non un esperimento, e la cifra è riportata dall'abstract senza un dato originale che la misuri. È diventata una "statistica" citata ovunque, soprattutto da chi vende consulenze sul colore.

La terza è una tabella semplice: rosso uguale urgenza ed energia, blu uguale fiducia, verde uguale natura. È rassicurante perché trasforma una scelta difficile in una regola. Ed è facile da mettere in una slide.

Cosa dice davvero la ricerca

La rassegna della scheda: Elliot 2015

Andrew Elliot, dell'Università di Rochester, è uno dei ricercatori che più hanno studiato gli effetti del colore. Nel 2015 pubblica su Frontiers in Psychology una rassegna di decenni di lavori. Il tono è prudente. Elliot scrive che la teoria in questo campo è ancora "a un livello di sviluppo nascente" e che le affermazioni forti e le raccomandazioni applicative sono premature.

I problemi che elenca sono tre. Molti studi usano campioni troppo piccoli, e campioni piccoli tendono a gonfiare la dimensione degli effetti. Il colore è spesso controllato male: si imposta una tinta sullo schermo, ma non si misura cosa arriva davvero all'occhio. E soprattutto, scrive, tutti gli effetti del colore dipendono da certe condizioni: cultura, genere, età, compito, tonalità esatta. Non esiste un "effetto del rosso" che valga ovunque.

Il rosso che peggiora i test: un effetto che svanisce

Uno dei risultati più famosi riguardava il rosso nelle situazioni di prestazione: vedere il rosso prima di un test sembrava peggiorare i punteggi (Elliot e colleghi, 2007). Nel 2020 Timo Gnambs ha raccolto in una meta-analisi su Psychonomic Bulletin & Review 22 pubblicazioni, 38 campioni indipendenti e 67 effetti. Il rosso non aveva effetti significativi su anagrammi e test di conoscenza. Sui test di ragionamento c'era un effetto negativo (d = -0,34), ma si riduceva nel tempo e spariva dopo la correzione per il bias di pubblicazione. Gli studi originali mostravano effetti molto più grandi di quelli successivi, e alcune repliche fedeli non hanno ritrovato il risultato.

Il rosso che rende più attraenti: piccolo e forse gonfiato

Un altro filone sosteneva che il rosso, indossato o vicino a una persona, la rendesse più attraente. Nel 2018 Lehmann, Elliot e Calin-Jageman hanno pubblicato una meta-analisi su Evolutionary Psychology con 41 fonti. Per gli uomini che valutano donne l'effetto era piccolo (d = 0,26) e scendeva a 0,19 togliendo uno studio anomalo. Per le donne che valutano uomini era molto piccolo (d = 0,13), con segni di bias di pubblicazione. Gli effetti sembravano calare nel tempo ed essere più piccoli negli studi preregistrati. Che tra gli autori ci sia lo stesso Elliot, che ha proposto l'ipotesi, è un bell'esempio di scienza che si corregge.

Cosa regge: la distinzione

Se gli effetti "simbolici" del colore sono fragili, uno è solidissimo: ciò che è diverso dal contesto si nota e si ricorda. È l'effetto von Restorff, dal nome della psicologa tedesca Hedwig von Restorff, che nel 1933 mostrò su Psychologische Forschung che in una lista di elementi simili quello isolato viene ricordato meglio. Da allora l'effetto è stato replicato in molte forme, anche manipolando il colore del testo e applicandolo alla pubblicità.

Anche la ricerca di neuromarketing va nella stessa direzione. Il manuale di Moran Cerf e Manuel Garcia-Garcia sulla consumer neuroscience riporta studi di eye-tracking secondo cui luminosità e colore influenzano dove e quanto a lungo si posa lo sguardo, e il valore attribuito a un'opzione dipende dall'attenzione che riceve durante la scelta (Armel, Beaumel e Rangel, 2008). Il punto non è quale colore, ma quanto un elemento spicca rispetto agli altri.

Perché il cervello ci casca

Il mito del colore magico sfrutta alcune tendenze molto umane.

Amiamo le regole semplici. "Usa il rosso" è più facile da applicare di "testa il contrasto nel tuo contesto". Il cervello preferisce le spiegazioni fluide, che si capiscono al volo.
Un caso vivido batte cento dati noiosi. Un singolo test con un numero preciso (21%) si ricorda e si racconta. I test in cui il colore non ha cambiato nulla non finiscono nelle slide, perché nessuno li pubblica.
Confondiamo il colore con la salienza. Quando un pulsante rosso vince, vediamo il rosso. Non vediamo il fatto che era l'unico elemento rosso della pagina.
Le associazioni culturali sono vere, ma deboli. Il rosso richiama davvero il pericolo o i saldi in molte culture occidentali. Ma un'associazione non è una spinta all'azione, e cambia con il Paese, il settore e il marchio.

Cosa significa in pratica

Web e app. Al posto di "il rosso converte", la regola utile è: il pulsante principale deve essere l'elemento più visibile della sua zona, e deve esserci un solo pulsante principale per schermata. Scegli un colore d'azione che non usi altrove, così diventa un segnale riconoscibile.

Accessibilità, cioè contrasto misurabile. Le linee guida WCAG 2.1 chiedono, a livello AA, un rapporto di contrasto di almeno 4,5:1 per il testo normale (3:1 per il testo grande) e di almeno 3:1 per i componenti dell'interfaccia, come il bordo o lo sfondo di un pulsante rispetto a ciò che lo circonda. È un criterio verificabile con qualunque strumento gratuito, a differenza della "psicologia del colore". Ricorda anche che circa un uomo su dodici, e una donna su duecento, ha una forma di daltonismo, e le più comuni riguardano proprio rosso e verde: un pulsante che si distingue solo per tinta, e non per luminosità, per molti non si distingue affatto.

Brand. Il colore del marchio conta per il riconoscimento, non per una presunta azione sul cervello. Se il tuo brand è rosso, un pulsante rosso rischia di confondersi con il logo e le decorazioni.

Test A/B fatti bene. Se vuoi testare un colore, testa ipotesi di contrasto ("il pulsante si nota di più?"), non di simbolismo. Stabilisci prima quanti visitatori ti servono e fermati solo allora: chi guarda i risultati ogni giorno e si ferma al primo picco trova "vincitori" che spariscono il mese dopo. E un vincitore vale per quella pagina, non per tutte.

Difesa dai consulenti. Se qualcuno ti promette "+30% di conversioni cambiando colore", chiedi su quale pagina, con quanti visitatori e confrontato con cosa.

Le domande che ci fanno

Allora il colore non conta nulla? Conta, ma come strumento di contrasto, gerarchia e riconoscibilità. I suoi effetti "emotivi" diretti sono piccoli e instabili.

Esiste un colore più sicuro da usare? Quello che, sulla tua pagina, ha più contrasto con lo sfondo e con gli elementi vicini, ed è coerente con il brand. Spesso è un colore complementare a quello dominante.

Il verde non "frena" l'azione come il semaforo? Non ci sono prove solide di questo. Il verde in molte interfacce significa "procedi" o "confermato", e funziona benissimo quando si distingue dal resto.

Ma il test di HubSpot era falso? No, era un test reale. Il problema è generalizzarlo: un risultato su una pagina non diventa una legge per tutte le pagine.

Per approfondire

Fonti

Elliot A. J. (2015). Color and psychological functioning: a review of theoretical and empirical work. Frontiers in Psychology, 6, 368. https://doi.org/10.3389/fpsyg.2015.00368
Gnambs T. (2020). Limited evidence for the effect of red color on cognitive performance: A meta-analysis. Psychonomic Bulletin & Review, 27, 1374-1382. https://doi.org/10.3758/s13423-020-01772-1
Lehmann G. K., Elliot A. J., Calin-Jageman R. J. (2018). Meta-analysis of the effect of red on perceived attractiveness. Evolutionary Psychology. https://doi.org/10.1177/1474704918802412
Singh S. (2006). Impact of color on marketing. Management Decision, 44(6), 783-789. https://doi.org/10.1108/00251740610673332
HubSpot. A/B tests run on homepage (test del pulsante rosso contro verde). https://blog.hubspot.com/marketing/ab-tests-run-homepage-list
von Restorff H. (1933). Über die Wirkung von Bereichsbildungen im Spurenfeld. Psychologische Forschung. Sintesi: https://en.wikipedia.org/wiki/Von_Restorff_effect
W3C (2018). Understanding Success Criterion 1.4.3: Contrast (Minimum), WCAG 2.1. https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
Understanding SC 1.4.11 Non-text Contrast. Digital A11Y. https://www.digitala11y.com/understanding-sc-1-4-11-non-text-contrast/
Cerf M., Garcia-Garcia M. (a cura di) (2017). Consumer Neuroscience. MIT Press, capitolo sull'attenzione visiva. https://mitpress.mit.edu/9780262036597/consumer-neuroscience/