Un sito si giudica in 50 millisecondi: cosa decide davvero il primo colpo d'occhio

Bastano 50 millisecondi per decidere se un sito ci piace, e quel giudizio regge anche dopo. Lo studio di Lindgaard, le repliche e cosa significa per chi progetta.

Solidawebattenzionefiduciabias

Cinquanta millisecondi sono un ventesimo di secondo. In quel tempo, secondo un gruppo di ricercatori canadesi, decidiamo già se un sito ci piace. Non se è utile, non se è affidabile: se ci piace. Nel 2006 Gitte Lindgaard e i suoi colleghi della Carleton University di Ottawa hanno mostrato pagine web per 50 millisecondi, un lampo quasi impercettibile, e hanno chiesto alle persone di valutarne l'aspetto. Quei giudizi lampo assomigliavano molto a quelli dati guardando le stesse pagine con calma. Il titolo dell'articolo era un avvertimento: "Attenzione web designer: avete 50 millisecondi per fare una buona prima impressione". Vent'anni dopo, la domanda resta: quel lampo decide solo il gusto, o anche se restiamo, compriamo e ci fidiamo?

In breve

Il giudizio estetico su una pagina web si forma in poche decine di millisecondi ed è coerente con quello dato con più tempo. Il risultato è stato replicato con esposizioni da 17 a 500 millisecondi e con decine di migliaia di partecipanti online. Riguarda però l'impressione visiva, non l'usabilità né la qualità dei contenuti.

🟢 Solida. Più laboratori hanno confermato che la prima impressione estetica è rapidissima e stabile; restano dubbi su quanto pesi poi nelle scelte reali.

L'esperimento

Siamo a Ottawa, a metà degli anni Duemila. Lindgaard, psicologa esperta di interazione uomo-computer, lavora con Gary Fernandes, Cathy Dudek e Judith Brown. Il loro obiettivo è semplice da dire e difficile da misurare: capire quanto velocemente si forma un'opinione su un sito.

In una prima fase i ricercatori selezionano 100 pagine iniziali di siti reali, raccolte nel 2002, e le mostrano ai partecipanti per 500 millisecondi, mezzo secondo, chiedendo di valutarne l'attrattiva visiva su una scala. Le valutazioni vengono ripetute per controllare che le persone siano coerenti con se stesse, e lo sono molto. L'attrattiva visiva risulta quasi sovrapponibile a giudizi come "interessante", "ben progettato" o "bei colori", mentre conta poco se la pagina è semplice o complessa.

Il passo decisivo arriva dopo. Le stesse pagine vengono mostrate per soli 50 millisecondi. È un tempo così breve che non si riesce a leggere nulla: niente titoli, niente prezzi, niente menu. Si percepisce solo un'impressione d'insieme di colori, forme e disposizione. Eppure le valutazioni date dopo 50 millisecondi risultano coerenti con quelle date dopo mezzo secondo, anche se l'esposizione più lunga produce giudizi un po' più stabili. Curiosamente, i partecipanti più giovani coglievano più dettagli nel lampo dei 50 millisecondi. Le pagine brutte restano brutte, quelle belle restano belle.

Lo studio è uscito su Behaviour & Information Technology nel 2006 ed è diventato uno dei lavori più citati del web design. La conclusione degli autori: il giudizio visivo si forma quasi istantaneamente, e questa prima impressione può influenzare il resto dell'esperienza, per effetto alone.

Cosa dice la ricerca oggi

La replica di Tractinsky: coerenza tra persone e tempi

Nello stesso anno, Noam Tractinsky e colleghi dell'Università Ben-Gurion hanno replicato ed esteso il lavoro sull'International Journal of Human-Computer Studies. Quaranta partecipanti hanno valutato 50 pagine web, prima dopo 500 millisecondi e poi dopo 10 secondi. Le valutazioni medie nelle due condizioni erano molto correlate. Un dettaglio interessante: i giudizi estremi, molto positivi o molto negativi, venivano dati più in fretta di quelli intermedi. E le differenze tra individui erano notevoli. In media siamo d'accordo, ma ognuno ha il suo gusto.

Tuch e Google: 17 millisecondi bastano per la complessità

Nel 2012 un gruppo dell'Università di Basilea con ricercatori di Google (Alexandre Tuch, Javier Bargas-Avila e colleghi) ha scomposto la prima impressione in due fattori: la complessità visiva e la prototipicità, cioè quanto una pagina assomiglia a ciò che ci aspettiamo da quel tipo di sito. Le pagine più apprezzate erano poco complesse e molto prototipiche. Nel primo esperimento le pagine comparivano per 50, 500 o 1.000 millisecondi; nel secondo per 17, 33 o 50. Già a 50 millisecondi il giudizio era formato. Alle esposizioni più brevi pesava soprattutto la complessità, mentre l'effetto della prototipicità era più debole. In pratica: semplice e familiare vince, e il "semplice" si coglie per primo.

Reinecke e il laboratorio online

Katharina Reinecke e Krzysztof Gajos (Harvard) hanno portato l'esperimento fuori dal laboratorio con la piattaforma LabintheWild. Nel loro studio presentato alla conferenza CHI 2013, 548 volontari hanno valutato 450 siti visti per 500 millisecondi. I ricercatori hanno costruito modelli che calcolano dallo screenshot la complessità visiva e la ricchezza di colori percepite. Insieme a età e livello di istruzione dei partecipanti, questi due fattori spiegavano circa metà delle differenze nel gradimento. Il primo colpo d'occhio è rapido per tutti, ma non è uguale per tutti.

Bellezza e fiducia: il legame con la credibilità

Un filone parallelo collega l'aspetto alla credibilità. Nel 2000 Tractinsky, Katz e Ikar pubblicano su Interacting with Computers un lavoro dal titolo eloquente: "What is beautiful is usable". Le interfacce percepite come più belle venivano giudicate anche più facili da usare. Nel 2003 il gruppo di B. J. Fogg a Stanford ha analizzato i commenti di migliaia di persone che valutavano la credibilità di siti reali: l'aspetto grafico era l'elemento citato più spesso: il 46,1% dei commenti parlava di un aspetto pulito e professionale, più di quelli sulla struttura delle informazioni (28,5%). Le persone dichiarano di giudicare i contenuti, ma commentano soprattutto il design.

I limiti

I partecipanti giudicano screenshot, non siti veri in cui cercano qualcosa. Quando abbiamo un obiettivo preciso, l'usabilità e i contenuti contano di più.
Il giudizio lampo misura il gradimento estetico, non la decisione di acquisto. Che una buona prima impressione aumenti le vendite è plausibile, ma va misurato caso per caso.
I campioni dei primi studi erano piccoli e spesso di studenti; Reinecke ha mostrato che età e istruzione cambiano le preferenze.

Come funziona

Il cervello visivo elabora per prima cosa l'insieme, non i dettagli. In poche decine di millisecondi coglie la distribuzione dei colori, il contrasto, la quantità di elementi, la presenza di aree vuote. È la stessa capacità che ci permette di capire al volo se una foto ritrae una spiaggia o una città.

Da questa impressione grezza nasce subito una valutazione: mi piace, non mi piace. Daniel Kahneman, in Pensieri lenti e veloci, descrive questi giudizi automatici del Sistema 1 e cita il lavoro di Alexander Todorov: guardando volti di politici anche solo per un decimo di secondo, le persone giudicano la competenza in modo molto concorde, e in circa il 70% delle elezioni studiate il candidato giudicato più competente aveva vinto. Il meccanismo per i siti è simile: una valutazione veloce e automatica che non aspetta i dati.

Poi entra in gioco l'effetto alone. Kahneman lo descrive come la tendenza ad apprezzare o detestare tutto di qualcosa a partire da poche caratteristiche iniziali, che cambiano il significato di quelle osservate dopo. Un sito che ci è piaciuto al primo sguardo ci sembrerà più affidabile e più facile da usare. Uno che ci è sembrato confuso dovrà lavorare il doppio per convincerci.

Infine la fluidità: le pagine semplici e prototipiche si elaborano con meno sforzo, e il cervello interpreta la facilità come un segnale positivo. Per questo una pagina "come ce la aspettiamo" ci sembra subito più gradevole.

Cosa significa in pratica

Web e app.

Riduci la complessità nella parte visibile senza scorrere: un messaggio principale, un'immagine, un'azione. Il resto può stare più in basso.
Rispetta le convenzioni del tuo settore: logo in alto a sinistra, menu dove ci si aspetta, carrello in alto a destra in un negozio. L'originalità si gioca nei contenuti, non nella posizione dei comandi.
Cura il contrasto e gli spazi vuoti: sono le prime cose che il cervello percepisce.
La prima impressione si forma su ciò che compare per primo. Se la pagina carica a pezzi, il primo lampo è uno schermo bianco o una pagina che salta. Anche la velocità fa parte del design.

Marketing e brand. Una pagina di destinazione per una campagna deve "sembrare giusta" prima ancora di essere letta. Puoi testarlo con un semplice test dei cinque secondi: mostra la pagina per pochi secondi a persone che non la conoscono e chiedi cosa ricordano e che impressione hanno avuto.

Difesa da manipolazioni. L'effetto vale anche al contrario. I siti di phishing e le truffe online investono molto nell'aspetto, perché sanno che un design curato genera fiducia immediata. Un sito bello non è per questo un sito affidabile: controlla l'indirizzo, i dati aziendali, le recensioni esterne.

Studio e lavoro. Presentazioni, curriculum, report: anche qui il colpo d'occhio arriva prima del contenuto. Una pagina ordinata non sostituisce le idee, ma evita che vengano giudicate male prima di essere lette.

Le domande che ci fanno

Quindi se un sito non piace in 50 millisecondi è perso? No. La prima impressione pesa, ma un utente con un obiettivo preciso (trovare un orario, un prezzo) va avanti se trova quello che cerca. L'impressione negativa però rende tutto più faticoso.

Esiste uno stile che piace a tutti? No. In media vincono la semplicità e la familiarità, ma età, istruzione e settore cambiano le preferenze. Conosci il tuo pubblico e testa con lui.

Il dato dei 50 millisecondi vale anche su smartphone? Gli studi classici usavano schermi di computer. Il meccanismo visivo è lo stesso, ma su mobile lo spazio è minore e la parte visibile al primo colpo ancora più importante.

Bello significa anche usabile? Lo percepiamo così, ed è proprio questo il punto: la bellezza crea un'aspettativa di usabilità. Se poi il sito è scomodo, la delusione è più forte.

Per approfondire

Fonti

Lindgaard G., Fernandes G., Dudek C., Brown J. (2006). Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology, 25(2), 115-126. https://doi.org/10.1080/01449290500330448
Tractinsky N., Cokhavi A., Kirschenbaum M., Sharfi T. (2006). Evaluating the consistency of immediate aesthetic perceptions of web pages. International Journal of Human-Computer Studies, 64(11), 1071-1083. https://doi.org/10.1016/j.ijhcs.2006.06.009
Tuch A. N., Presslaber E. E., Stöcklin M., Opwis K., Bargas-Avila J. A. (2012). The role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic judgments. International Journal of Human-Computer Studies, 70(11), 794-811. https://doi.org/10.1016/j.ijhcs.2012.06.003
Reinecke K., Yeh T., Miratrix L., Mardiko R., Zhao Y., Liu J., Gajos K. Z. (2013). Predicting users' first impressions of website aesthetics with a quantification of perceived visual complexity and colorfulness. Proceedings of CHI 2013, ACM, 2049-2058. https://doi.org/10.1145/2470654.2481281
Tractinsky N., Katz A. S., Ikar D. (2000). What is beautiful is usable. Interacting with Computers, 13(2), 127-145. https://doi.org/10.1016/S0953-5438(00)00031-X
Fogg B. J. et al. (2003). How do users evaluate the credibility of Web sites? Proceedings of DUX 2003, ACM. Dati riportati da WebSiteOptimization.com, https://www.websiteoptimization.com/speed/tweak/blink/
Kahneman D. (2012). Pensieri lenti e veloci. Mondadori, capitoli sull'effetto alone e sui giudizi di base (lavori di Todorov). https://www.mondadori.it/libri/pensieri-lenti-e-veloci-daniel-kahneman/