Chiedi a dieci designer qual è il loro lavoro migliore, e nove apriranno il portfolio per mostrarti il progetto più bello, mentre uno solo aprirà un foglio di calcolo per parlarti di dati.
Quel decimo lavorerà ancora tra dieci anni, mentre gli altri nove combattono su un terreno dove vince chi ha il gusto più raffinato, e il gusto non si difende: si discute. Basta un cliente con un’opinione diversa e il progetto salta.
Nielsen ha messo un numero sul costo di questo modo di lavorare. Oltre il 70% dei nuovi prodotti lanciati ogni anno sul mercato globale, compresi quelli firmati da progettisti veri, non viene compreso né accettato dal pubblico: restano invenduti e vengono ritirati prematuramente.
Sette prodotti su dieci.
Il legame tra design e conversioni è la linea che separa quel 70% dal 30% che sopravvive.
In questo articolo, scritto assieme a Luca Attolini, troverai undici parametri visivi con l’effetto misurato che hanno sulle vendite: quanto spazio lasciare tra due prodotti, dove mettere il prezzo, da quale angolo fotografare, quante cose scrivere sotto l’immagine.
Poi vedrai dove quei parametri vengono applicati più spesso, e non è il sito. È la casella di posta, l’unica superficie su cui la stessa persona rivede l’identità visiva di un brand decine di volte l’anno.
Design e conversioni non sono due mestieri diversi
C’è una convinzione che sopravvive da vent’anni negli studi di progettazione: prima si fa il bello, poi arriva qualcuno che lo fa convertire. Il designer costruisce, il marketer ottimizza.
Due reparti, due budget, due riunioni separate. Ma questa divisione è la ragione per cui tanto lavoro eccellente non produce un euro.
Design e conversioni sono la stessa decisione presa in due momenti diversi.
Quando scegli quanto spazio lasciare intorno a un prodotto stai già decidendo a quale prezzo verrà percepito. Quando scegli l’angolo di una fotografia stai già decidendo se quel prodotto sembrerà potente o maneggevole. Quando decidi se il prezzo sta sopra o sotto l’immagine stai già spostando la cifra che il cervello del cliente registra. Quando fissi il colore dominante di un template email stai già decidendo quanto di quel brand resterà in memoria sei mesi dopo.
Nessuna di queste è una scelta estetica con una conseguenza commerciale. Sono scelte commerciali travestite da scelte estetiche, e il fatto che vengano prese con criteri di gusto è esattamente il problema.
“Il design vero non nasce per stupire, ma per accompagnare la vita di tutti i giorni, con intelligenza e bellezza.”
Achille Castiglioni
Castiglioni aveva ragione cinquant’anni fa e ha ragione adesso. La differenza è che oggi esistono gli strumenti per misurare quando un progetto accompagna e quando disturba. Il rapporto tra design e conversioni ha smesso di essere una questione di opinioni nel momento in cui è diventato misurabile.
Design e conversioni nel primo secondo: chi decide non sei tu
Il cervello forma una prima impressione emotiva entro il primo secondo di elaborazione di uno stimolo visivo. Per darti la misura, un battito di ciglia dura tra i 300 e i 400 millisecondi.
In quella frazione di tempo l’amigdala, il centro di controllo emotivo del cervello, esegue una scansione con una sola domanda in testa: è sicuro qui, posso fidarmi?
È una domanda da preda che valuta un territorio. Se la risposta è no, layout confuso, colori aggressivi, troppi elementi in movimento, l’amigdala attiva la fuga. Il bounce rate esplode e il progetto premiato resta lì, bellissimo, davanti a nessuno.
Il cervello lavora per il 95% in modo inconscio e solo per il 5% in modo conscio, come insegna Gerald Zaltman della Harvard Business School con la teoria dell’iceberg. E l’elaborazione di uno stimolo visivo impegna circa il 50% dell’encefalo, molto più di qualsiasi altro senso.
Metà del cervello lavora su quello che vede, e lavora quasi tutto sotto la soglia della coscienza.
Ecco perché il legame tra design e conversioni non passa mai dalle motivazioni che il cliente ti dichiara. Quando gli chiedi perché ha comprato, ti risponde il 5%. Il restante 95% ha già deciso e non lascia verbale.
Design e conversioni: il tuo occhio è la variabile meno affidabile
Qui arriva la parte che ai progettisti bravi non piace sentire.
Tu guardi un’interfaccia con un cervello addestrato per anni a leggere griglie, spaziature, pesi tipografici e rapporti cromatici. Il tuo cliente finale no. Il tuo cliente finale appartiene a una delle otto specie neurologiche di navigazione che coprono oltre il 90% dei comportamenti osservati online.
- Il Perfezionista ha la corteccia prefrontale dorsolaterale in iperattività: cerca specifiche, confronti, prove.
- Il Brand-aware rilascia dopamina quando riconosce marchi noti e percepisce rischio davanti a un brand che non conosce.
- L’Edonista ha bisogno di stimolazione continua e si annoia davanti ai layout minimalisti.
- Il Consapevole del prezzo ha l’insula anteriore accesa, l’area che processa il dolore fisico del pagamento.
- Il Modaiolo scansiona in cerca di novità.
- L’Impulsivo ha un controllo inibitorio ridotto e decide nella finestra tra desiderio e ragionamento.
- Il Confuso va in tilt cognitivo davanti alla complessità.
- L’Abituale naviga con i gangli della base, cioè in pilota automatico, e percepisce ogni cambiamento come una minaccia.
Progettare seguendo il proprio gusto significa ottimizzare per un ottavo del mercato. Il gusto in sé funziona benissimo. Il problema è che come campione statistico vale uno.
Per questo ogni brand deve avere un chiaro codice genetico, un suo DNA specifico, unico, riconoscibile.
C’è un secondo strumento che rende operativa questa faccenda: la matrice FCB di Richard Vaughn, nata negli anni Ottanta in Foote, Cone & Belding. Incrocia due assi: quanto coinvolgimento richiede l’acquisto (alto o basso) e che tipo di elaborazione domina (razionale, Think, oppure emotiva, Feel).
- Un prodotto Think/High (software gestionale, macchine industriali, servizi finanziari) attiva la corteccia prefrontale e segue il percorso imparo, sento, faccio. Per quel quadrante la homepage deve essere un centro informativo.
- Un prodotto Feel/High (gioielleria, moda luxury, viaggi esclusivi) accende il sistema limbico e segue il percorso opposto, sento, imparo, faccio. Lì un blocco di specifiche tecniche in apertura uccide la vendita con la stessa efficienza con cui un video emozionale la uccide nel quadrante di sopra.
Stesso designer, stessa qualità esecutiva, due risultati opposti. Design e conversioni si incontrano solo quando la forma viene scelta in funzione del quadrante, non del moodboard.
Design e conversioni: undici parametri visivi che spostano il fatturato
Da qui in avanti troverai i numeri e le metriche che ti aiuteranno a sfruttare le neuroscienze applicate al design.
1. Lo spazio bianco è un prezzo
La ricerca di Huang, Lim, Lin e Han (2019) ha scoperto un fenomeno che dovrebbe stare appeso in ogni studio di progettazione: il cervello applica online le regole che ha imparato nei negozi fisici.
Nei negozi fisici più spazio tra i prodotti significa affitto più alto, quindi prezzi più alti. Il cervello trasferisce questa associazione all’ambiente digitale, anche se online lo spazio non costa nulla. Gli autori parlano di over generalizzazione offline-online: un’euristica illogica nel contesto, e proprio per questo resistente a qualsiasi ragionamento.
Traduzione:
- Vuoi comunicare premium? Aumenta il padding tra le immagini, aggiungi aria dentro le immagini stesse, scendi a tre prodotti per riga su desktop e uno o due su mobile.
- Vuoi comunicare convenienza? Comprimi il padding, riduci lo spazio interno, sali a cinque o più prodotti per riga.
L’effetto non si ferma al singolo prodotto: cambia la valutazione dell’intero negozio. I clienti attenti alla qualità giudicano più positivamente i siti con più spazio, quelli attenti al prezzo preferiscono le griglie compatte.
2. I bordi raddoppiano i click
Avvolgere ogni prodotto in un bordo o in uno sfondo dedicato, invece di lasciarlo galleggiare in una griglia indistinta, ha quasi raddoppiato i tassi di conversione negli esperimenti sul campo, sia su bevande sia su resort. L’effetto si è ripetuto nel mondo fisico: un ristorante ha raddoppiato le vendite di bevande incorniciando ogni drink nel menu.
Il meccanismo, letto con l’eye tracking: il bordo obbliga l’occhio a valutare il prodotto per intero (approccio by alternative) invece di saltare da un attributo all’altro tra prodotti diversi (by attribute).
Il cliente percepisce più caratteristiche uniche e più varietà nell’assortimento.
Due dettagli che valgono soldi: gli angoli arrotondati generano più click di quelli acuti, e i bordi funzionano meglio su categorie dove esiste una preoccupazione di contaminazione (alimentari, cosmetica, lusso), perché il cervello legge la cornice come una barriera protettiva.
Un rettangolo con gli angoli smussati: questo è il livello a cui design e conversioni si incontrano davvero, molto lontano dalle discussioni sul concept.
3. Orizzontale o verticale cambia quanto spendono
Quattro studi sperimentali, un risultato che nessun moodboard può prevedere.
I layout orizzontali (prodotti affiancati) hanno prodotto:
- +25,7% di probabilità di scegliere laptop più costosi e di qualità superiore
- +13,8% di importanza percepita della qualità rispetto al prezzo
- +18,4% di probabilità di scegliere fotocamere con caratteristiche primarie migliori invece che secondarie
I layout verticali spingono nella direzione opposta: attenzione al prezzo, peso alle caratteristiche accessorie, scelte più economiche.
La spiegazione sta nel tipo di pensiero che il layout attiva.
- L’orizzontale accende il pensiero astratto, quindi il perché dell’acquisto.
- Il verticale accende il pensiero concreto, quindi il come.
L’effetto regge indipendentemente dalla direzione di lettura della lingua. Chi ragiona su design e conversioni senza conoscere questo dato sta scegliendo l’orientamento della griglia a caso.
4. Above the fold: la prima riga va vista intera
Secondo il Nielsen Norman Group (2023), il 68% degli utenti si forma un’opinione sull’intero contenuto di una pagina basandosi solo su ciò che vede senza scrollare.
Gli studi con fMRI aggiungono il resto: le liste prodotto con la prima riga tagliata attivano l’amigdala, cioè l’elaborazione del rischio, e riducono del 28% l’intenzione d’acquisto.
Su mobile, mostrare almeno tre prodotti completi sopra la piega aumenta l’engagement del 31%.
Un ritaglio sbagliato di sessanta pixel viene letto come segnale di pericolo. Questo è il livello di dettaglio a cui design e conversioni si toccano.
5. Riflessi e lucentezza
I prodotti presentati con riflessi sono stati valutati il 23% più attraenti e hanno generato un’intenzione d’acquisto superiore del 32% rispetto agli stessi prodotti opachi.
6. L’angolo della fotografia vale fino al 32%
- Dal basso verso l’alto: aumenta la percezione di potenza e lusso (+28%) e migliora la valutazione complessiva dei prodotti di lusso (+24%).
- Dall’alto verso il basso: genera valutazioni più favorevoli (+32%) per prodotti facili da usare, portatili o sostenibili.
Stesso prodotto, stesso fotografo, stessa luce. Cambia l’altezza del treppiede e cambia il posizionamento percepito. Tra design e conversioni ci sono venti centimetri di cavalletto.
7. La mano che tocca
Le immagini in cui una mano tocca il prodotto (non lo indica, lo tocca) hanno aumentato la probabilità d’acquisto del 16% e la disponibilità a pagare fino al 32,5%.
Il meccanismo è l’immaginazione aptica: il cervello simula il contatto e inizia a trattare l’oggetto come già posseduto.
8. Isolato o contestualizzato dipende dalla fase
Le immagini isolate hanno performato +37% nella fase di confronto tra opzioni. Le immagini contestuali hanno alzato le intenzioni d’acquisto fino al +45%.
Sono due lavori diversi. Isolato nella lista, contestuale nella scheda.
9. Il prodotto migliore va a sinistra
Nei bundle e nelle immagini multiple, mettere l’elemento più attraente a sinistra ha aumentato del 24% la probabilità che il bundle venisse scelto, a parità di combinazione.
10. Dove metti il prezzo vale il 9%
Le persone hanno percepito lo stesso prezzo (2,49 dollari per un filo interdentale) come il 9% più basso quando era posizionato sotto l’immagine invece che sopra. In un negozio fisico di liquori, spostare i prezzi sotto le bottiglie ha aumentato le vendite del 35,2%.
Nove per cento di sconto percepito senza toccare il listino. È la modifica con il miglior rapporto tra minuti di lavoro e impatto sul margine che trovi in tutto questo articolo.
11. Tre. Sempre tre
Nel caso di un prodotto in vendita online, tre affermazioni positive sono risultate il 10,4% più persuasive di quattro. La quarta affermazione fa scattare lo scetticismo: il cervello passa dalla valutazione del contenuto alla valutazione dell’intento di chi scrive.
Sulla stessa linea, i prodotti presentati con benefici multipli correlati hanno generato il 42% di vendite in più rispetto a quelli con un beneficio singolo. Ma i prodotti con benefici non correlati hanno registrato il 66% di ordini in meno. Aggiungere un vantaggio scollegato dagli altri fa più danni che non dire niente.
Se nella tua hero section ci sono cinque proposte di valore, quattro stanno lavorando contro la quinta. Su design e conversioni la quantità lavora contro di te ben prima di quanto immagini.
Design e conversioni: gli stessi parametri, dentro una casella di posta
Un cliente guarda la tua homepage una volta, forse due, prima di comprare. Poi entra in una lista e riceve trenta, quaranta email all’anno.
Il template email è la superficie su cui l’identità visiva di un brand accumula il numero di ripetizioni più alto di tutto il sistema. Ed è anche l’unica che quasi nessun brief di progettazione nomina. Non è un caso che il confronto tra email design e plain text resti uno dei più discussi nel settore: la posta in gioco è esattamente questa ripetizione.
I dati dicono che è un errore di allocazione.
Usare lo stesso colore dominante della pagina prodotto dentro l’email di conferma aumenta del 29% il ricordo del brand, perché attiva la corteccia visiva primaria e rinforza un’associazione già scritta. Le campagne di riattivazione che riusano gli elementi sensoriali originali (stessi colori, stesse tonalità, stesso layout) generano il 41% di riconversioni in più rispetto agli approcci che ripartono da zero.
C’è un motivo neurologico preciso. Le memorie emotive legate a un acquisto positivo restano latenti nella corteccia prefrontale ventromediale, e uno stimolo contestuale riattiva i pattern neurali originali con un’accuratezza del 78%, anche dopo diciotto mesi di silenzio. Un’analisi su 2,3 milioni di clienti dormienti mostra che il 68% conserva associazioni emotive positive nonostante l’inattività.
Dentro una casella di posta il design lavora sulla memoria, non solo sull’attenzione.
Il compito non è sedurre da zero. è riaccendere un pattern che è già stato scritto. Ecco perché un restyling che cambia palette senza una ragione forte azzera un capitale che stava lavorando da solo, e lo azzera proprio sul pubblico che aveva già comprato.
Gli undici parametri di prima non cambiano quando entrano in un template. La spaziatura della griglia comunica ancora il posizionamento di prezzo. Il bordo attorno a ogni prodotto fa ancora il suo lavoro. Il prezzo sotto l’immagine viene ancora percepito il 9% più basso. Tre claim battono ancora cinque.
Cambiano i vincoli, e peggiorano: niente hover, niente profondità di scroll da misurare, e una piega molto più bassa perché il riquadro di anteprima taglia prima di qualsiasi browser.
E tutto questo presuppone che l’email sia arrivata: senza una deliverability solida, nessuno di questi undici parametri ha la possibilità di essere visto.
Design e conversioni, in una casella di posta, si giocano tutte dentro il primo schermo di un’anteprima.
Il momento del dubbio e il momento del rimorso
Gli studi con fMRI hanno misurato cosa succede nel cervello durante un checkout. L’attivazione dell’amigdala aumenta in media del 340% rispetto alla navigazione normale. L’insula anteriore, che processa rischio e incertezza, si accende. La corteccia prefrontale va in sovraccarico.
Non è indecisione. È una reazione di difesa.
Il tasso medio di abbandono del carrello si aggira intorno al 70%, e il 69% degli abbandoni avviene perché l’utente percepisce un rischio troppo alto proprio nelle fasi finali.
Il progetto grafico, di solito, si ferma sul pulsante di pagamento.
Il 70% che se ne va e il 100% che ha appena comprato vivono entrambi dopo quel pulsante.
Un messaggio di conferma che include elementi di rassicurazione riduce del 38% il rimorso post-decisionale e abbassa del 22% l’attività dell’insula, l’area legata al disgusto decisionale. Le offerte presentate entro quindici minuti dall’acquisto attivano il nucleo accumbens (+31% di attività) e aumentano del 27% la probabilità di riacquisto. Le email transazionali con riepilogo visivo del prodotto alzano l’NPS del 23% e generano il 37% di riacquisti in più rispetto ai template standard.
Sono tutte scelte di layout, colore e gerarchia. Nessuna di queste è una scelta di copy.
Su design e conversioni il confine tra il lavoro del progettista e quello del marketer è una convenzione di reparto, non una descrizione di quello che succede nel cervello di chi legge.
Il dogma del “meno scelte” è vero solo in quattro casi
Ogni designer conosce l’esperimento delle marmellate di Sheena Iyengar alla Columbia University. In un supermercato, banchetto di degustazione: a metà dei clienti 24 varietà, all’altra metà 6. Al banco con 24 si è fermato il 60% delle persone contro il 40%, ma solo il 3% ha poi comprato. Al banco con 6 varietà ha comprato il 30%. Dieci volte tanto.
Da questo studio è nato il dogma del “meno opzioni, più conversioni”, che oggi viene applicato ovunque come legge universale.
È una lettura sbagliata.
Una meta analisi di 99 studi su 7.202 soggetti condotta alla Northwestern University nel 2015 ha stabilito che il sovraccarico di scelta esiste, ma funziona solo in presenza di quattro condizioni:
- Il cliente vuole decidere in fretta e minimizzare lo sforzo
- La scelta è difficile o il prodotto è complesso
- Le opzioni sono difficili da confrontare tra loro
- Il cliente non sa esattamente cosa vuole
Fuori da queste quattro condizioni, un assortimento più ampio migliora l’esperienza e aumenta le conversioni. L’esperimento delle marmellate ha funzionato perché le conteneva tutte e quattro.
Su design e conversioni questo è il punto in cui il buon senso dei manuali si rompe. Netflix mostra migliaia di titoli in homepage e converte.
Non perché abbia violato la psicologia cognitiva, ma perché il suo utente non si trova in nessuna delle quattro condizioni. Design e conversioni non si allineano applicando dogmi: si allineano verificando in quale delle quattro condizioni si trova il tuo cliente.
Come si misura il rapporto tra design e conversioni: tre esiti possibili
Dopo un test neurofisiologico esistono tre risultati possibili:
- Mantenere. I dati indicano alta efficienza cognitiva, coinvolgimento positivo, basso carico mentale. Il design funziona, si lascia stare.
- Ottimizzare. I segnali sono contrastanti: alcuni elementi catturano l’attenzione ma generano stress o confusione. Si interviene in modo mirato.
III. Riprogettare. Bassa risposta emotiva, affaticamento cognitivo elevato, confusione percettiva. Il progetto non regge e va rifatto dalle fondamenta.
La terza opzione è quella che nessuno vuole scrivere nel report, ed è esattamente quella che separa chi progetta con un metodo da chi progetta con il gusto. Su design e conversioni il coraggio di scegliere la terza opzione vale più di dieci anni di portfolio.
Se vuoi verificare il rapporto tra design e conversioni su un progetto già online, la sequenza da cui partire è questa:
- Sposta tutti i prezzi sotto le immagini. Modifica CSS, quindici minuti, fino al 9% di prezzo percepito in meno.
- Metti un bordo con angoli arrotondati intorno a ogni prodotto. Nei test i click sono quasi raddoppiati.
- Riduci a tre le proposte di valore in hero section. Se ne hai una o due, portale a tre. Se ne hai cinque, taglia.
- Allinea il colore dominante delle tue email a quello della pagina prodotto. Vale il 29% di ricordo di marca in più, e non costa un’ora di lavoro.
Quattro interventi, nessuno dei quali richiede un rifacimento. Misurali per trenta giorni prima di toccare altro, altrimenti non saprai mai quale dei quattro ha lavorato.
Ricordati che serve sempre una mappa prima di agire.
La risposta alla domanda del titolo
Torniamo all’inizio, ai dieci designer e ai nove portfolio.
Il progetto più bello del portfolio può essere quello che vende di più. Succede quando la spaziatura viene scelta in funzione del posizionamento di prezzo, quando l’angolo di ripresa viene scelto in funzione del quadrante FCB del prodotto, quando le proposte di valore sono tre perché quattro fanno scattare lo scetticismo.
Quando invece succede per caso, e succede per caso quasi sempre, il progetto bello e il progetto che vende restano due oggetti diversi che condividono lo stesso file Figma.
Quello che hai visto qui sopra:
- Il primo secondo decide. L’amigdala risponde a una domanda di sicurezza prima che la corteccia veda un solo dettaglio della tua griglia.
- Il tuo gusto è un campione di uno. Otto archetipi coprono il 90% dei comportamenti online e tu ne rappresenti uno.
- Undici parametri misurabili spostano prezzo percepito, click e ordini: spazio, bordi, orientamento del layout, taglio above the fold, riflessi, angolo di ripresa, mano, contesto, posizione a sinistra, posizione del prezzo, regola del tre.
- Design e conversioni non finiscono sul sito. La casella di posta è dove l’identità viene rivista più spesso: la coerenza cromatica con la pagina prodotto vale il 29% di ricordo di marca in più, e le riattivazioni che riusano gli elementi visivi originali convertono il 41% meglio.
- I dogmi vanno verificati. Meno scelte converte solo in quattro condizioni precise.
- Gli esiti di un test sono tre. Mantenere, ottimizzare, riprogettare. Su design e conversioni non esiste una quarta strada.
Il 70% dei prodotti che non arriva a fine anno non muore di bruttezza. Muore perché nessuno ha verificato, prima di produrre, se qualcuno lo voleva davvero e se la forma scelta lo comunicava.
Design e conversioni sono la stessa disciplina, nella versione misurata e nella versione tirata a indovinare.
E la differenza tra le due versioni finisce in bilancio.
Il foglio di calcolo del decimo designer, quello che apre i numeri invece del portfolio, non si chiude il giorno del lancio. Continua a riempirsi ogni volta che quel brand entra in una casella di posta. E continua a riempirsi anche diciotto mesi dopo, quando un colore già visto riaccende un ricordo che era rimasto lì ad aspettare.
Chi arriva fin qui ha già capito la parte difficile: che il progetto bello e il progetto che vende non sono in conflitto, ma sono la stessa decisione, presa bene o presa a caso.
Il passo successivo è tradurre undici parametri e otto archetipi in un sistema che funziona per un brand specifico, il tuo, o quello del cliente che hai davanti in questo momento.
In Brand Veritas è il workshop dal vivo di tre ore pensato proprio per questo passaggio: non un altro elenco di regole da applicare a caso, ma la Brand Genesis Map, la diagnosi che dice quale forma comunica cosa per quel brand, e perché.