Google e le 41 sfumature di blu: il test che fece dimettere un designer

Google provò 41 tonalità di blu per i link. Un dirigente parlò di 200 milioni l'anno, un designer se ne andò. Cosa regge della leggenda dei dati contro il gusto.

Da testarewebneuromarketingattenzionemetodo-scientifico

Marzo 2009. Douglas Bowman, uno dei designer più stimati del web, pubblica sul suo blog un post intitolato "Goodbye, Google". Era entrato nell'azienda tre anni prima come primo responsabile del design visivo. Ora se ne va.

Il motivo lo racconta con un esempio diventato leggenda. Un team non riusciva a decidere tra due blu. Allora ha testato 41 sfumature intermedie per vedere quale funzionava meglio. Lui stesso, scrive, aveva dovuto discutere se un bordo dovesse essere largo 3, 4 o 5 pixel.

Cinque anni dopo, a Londra, un dirigente di Google racconta la stessa storia da un'altra prospettiva: quel test ha portato 200 milioni di dollari l'anno. Chi aveva ragione? Il designer che difendeva il gusto, o l'azienda che misurava tutto?

In breve

Google testò decine di tonalità di blu per i link. Nel 2014 Dan Cobley, allora direttore generale di Google UK, disse che la scelta aveva portato 200 milioni di dollari l'anno di ricavi pubblicitari in più.
Leve: piccole differenze di colore cambiano quanto un link "sembra cliccabile" (fluidità cognitiva); e lo scontro tra opinione dell'esperto (autorità) e dati.
🟢 I test sui colori sono reali e documentati, anche da Microsoft. 🟠 I 200 milioni sono una frase detta a un evento, senza metodo pubblicato.

La storia

Il test. Secondo il racconto più diffuso, ripreso dal New York Times nel 2009 in un ritratto di Marissa Mayer, allora vicepresidente per i prodotti di ricerca, il problema nacque da due blu diversi usati in due parti di Google. Invece di far scegliere un designer, Mayer fece mostrare 41 gradazioni a gruppi diversi di utenti e misurò su quale cliccavano di più. I dettagli esatti del prodotto coinvolto e delle percentuali di traffico variano tra i racconti [da verificare sull'articolo originale].

Le dimissioni. Il 20 marzo 2009 Bowman pubblica il suo addio. Non attacca le persone. Descrive una cultura: quando un'azienda è piena di ingegneri, scrive in sostanza, ogni problema diventa un problema di ingegneria, e ogni decisione deve essere ridotta a un dato. Il design, per lui, è fatto anche di scelte coraggiose che nessun test può giustificare in anticipo.

I 200 milioni. Il 5 febbraio 2014 il Guardian riporta un intervento di Dan Cobley a un evento dello studio legale DLA Piper. Cobley contrappone il "mondo dell'HiPPO", l'opinione della persona più pagata nella stanza, al mondo dei dati. Nel primo chiedi al direttore creativo di scegliere un blu. Nel secondo fai esperimenti. E conclude che la tonalità scelta così aveva fatto guadagnare 200 milioni di dollari in più all'anno in pubblicità.

Il caso parallelo di Microsoft. Nel 2010 il Seattle Times racconta che anche Bing aveva cercato "il suo" blu. Paul Rey, responsabile dell'esperienza utente, spiegava che il blu pallido del vecchio Live Search "mancava di sicurezza". La stima del team: la tonalità giusta valeva 80-90 milioni di dollari di vendite pubblicitarie. Anni dopo Ron Kohavi, che guidava la piattaforma di esperimenti di Microsoft, e Stefan Thomke della Harvard Business School descrivono su Harvard Business Review (2017) un test di Bing su colori leggermente più scuri per titoli e link e un nero più chiaro per le descrizioni. Ripetuto su 32 milioni di utenti per scrupolo, una volta adottato ha portato più di 10 milioni di dollari l'anno.

Il meccanismo: cosa succede nella testa dell'utente

Un link deve dire una cosa sola: "cliccami". Il blu sottolineato è una convenzione nata con i primi browser. Gli utenti l'hanno imparata, e riconoscono un link senza pensarci. È fluidità cognitiva: ciò che si elabora senza sforzo sembra più chiaro e più affidabile.

Una tonalità troppo chiara rende il link meno visibile, una troppo scura lo confonde con il testo. In mezzo c'è un punto in cui il link si nota di più senza disturbare la lettura. Su miliardi di ricerche al giorno, anche uno spostamento minuscolo nei clic sugli annunci diventa denaro. 🟢 Che piccoli cambiamenti visivi producano effetti misurabili su piattaforme enormi è ben documentato da Kohavi e colleghi.

Attenzione però a un salto logico frequente: "il colore X persuade di più". Non esiste un blu magico. Esiste il blu che, su quella pagina, con quei contrasti, per quegli utenti abituati a quella convenzione, rende il link più leggibile. 🔴 La "psicologia dei colori" che attribuisce emozioni fisse a ogni colore non ha basi solide.

Poi c'è il conflitto umano. L'effetto alone e il bias di autorità spingono ad affidarsi al gusto del designer famoso. L'eccesso di fiducia colpisce tutti: nei dati di Microsoft, citati da Kohavi e Thomke, solo circa un terzo delle idee testate migliora davvero le metriche, un terzo è neutro e un terzo peggiora le cose. A Google e Bing la quota di esperimenti con esito positivo è tra il 10 e il 20%.

Mito o realtà?

Regge: Google testò davvero molte tonalità, Bowman se ne andò davvero citando quella cultura, e i test sui colori dei link hanno effetti misurabili su scala enorme, come confermano i dati pubblicati di Microsoft.

Non regge come numero: i 200 milioni. È una frase detta da un dirigente a un evento, riportata dalla stampa. Nessun metodo, nessun intervallo di confidenza, nessuna indicazione su come sia stato isolato l'effetto. 🟠 Va citata come "secondo Google", non come fatto. Lo stesso vale per gli 80-90 milioni di Bing del 2010, che erano una stima del team. Il dato più verificabile è il più piccolo: i 10 milioni descritti da Kohavi su HBR, con una replica su 32 milioni di utenti.

Il falso dilemma: la storia viene raccontata come "dati contro design". In realtà il test sceglie solo tra opzioni che qualcuno ha disegnato. I dati ottimizzano un dettaglio; non inventano Google Maps. Lo stesso Kohavi insiste sul fatto che gli esperimenti servono a valutare le idee, non a sostituirle. E un'ossessione per i micro-test può far perdere di vista i cambiamenti grandi, che sono più difficili da testare.

Il sequel: nel 2016 Google ha provato link neri nei risultati di ricerca, e la notizia ha fatto il giro del mondo. Segno che anche il blu "vincente" non era definitivo: era solo il migliore tra quelli provati, in quel momento.

Come applicarlo al tuo sito (senza manipolare)

Rispetta le convenzioni. I link devono sembrare link: colore distinto e, nel testo, sottolineatura. Non è un dettaglio estetico, è accessibilità.
Controlla il contrasto prima del colore. Le linee guida WCAG chiedono un contrasto minimo tra testo e sfondo. Spesso il "colore che non converte" è solo poco leggibile.
Non testare 41 blu se hai 300 visite al giorno. Le differenze piccole richiedono campioni enormi. Su un sito piccolo testa cose grandi: il titolo, l'offerta, la lunghezza del modulo.
Separa gusto e prove. Decidi l'identità visiva con un designer. Poi misura i punti critici, come pulsanti e moduli.
Diffida di chi vende "il colore che converte". Non esiste un colore universale.

Il lato oscuro: come riconoscerlo da utente

Lo stesso strumento che rende un link più chiaro può rendere un annuncio meno riconoscibile. Negli anni l'etichetta "Annuncio" nei risultati di ricerca è diventata più discreta e lo sfondo colorato degli annunci è sparito: la differenza visiva tra risultato pagato e organico si è assottigliata. Quando l'ottimizzazione serve a farti cliccare su qualcosa che non distingui bene, non è più chiarezza: è confusione progettata.

Il Digital Services Act (art. 26) chiede alle piattaforme online di rendere riconoscibile in modo chiaro e inequivocabile la pubblicità e chi la paga. Da utente: prima di cliccare il primo risultato, guarda se ha l'etichetta "Sponsorizzato" o "Annuncio". Il primo posto spesso è stato comprato.

Prossimo passo

Bowman aveva ragione su una cosa: un sito non si progetta solo con i test. Google aveva ragione su un'altra: i dettagli che nessuno nota possono valere moltissimo. Sul tuo sito probabilmente ci sono link poco visibili, contrasti deboli e pulsanti che non sembrano pulsanti. Nella nostra mini guida trovi gli errori più comuni, spiegati senza gergo.

Mini guida gratuita: Gli errori più comuni quando si fa un sito web. Scaricala qui

Collegamenti

Fonti

Bowman D. (2009). Goodbye, Google. Stopdesign. http://stopdesign.com/archive/2009/03/20/goodbye-google.html
Zeldman J. (2009). 41 shades of blue. https://zeldman.com/2009/03/20/41-shades-of-blue
Holson L. M. (2009). Putting a bolder face on Google. The New York Times, 1 marzo 2009. https://www.nytimes.com/2009/03/01/business/01marissa.html
Helft M. (2009). Data, not design, is king in the age of Google. The New York Times, 10 maggio 2009. http://www.nytimes.com/2009/05/10/business/10ping.html
The Guardian (2014). Why Google has 200m reasons to put engineers over designers. https://www.theguardian.com/technology/2014/feb/05/why-google-engineers-designers
Chan S. (2010). The Bing blue color that's worth $80 million. The Seattle Times, ripreso da 512 Pixels. https://512pixels.net/2010/03/0044cc-worth-80-million/
Kohavi R., Thomke S. (2017). The surprising power of online experiments. Harvard Business Review. https://web-docs.stern.nyu.edu/executive/The%20Surprising%20Power%20of%20Online%20Experiments.pdf
Christian Science Monitor (2016). Google tests turning search results from blue to black. https://ezorigin.csmonitor.com/Technology/2016/0510/Google-tests-turning-search-results-from-blue-to-black
Regolamento (UE) 2022/2065 (Digital Services Act), art. 26. https://eur-lex.europa.eu/eli/reg/2022/2065/oj