Design efficace:
7 principi che convertono

Il pannello di un televisore perde contrasto man mano che ci si sposta lateralmente. Non è un difetto: è il funzionamento normale di quasi tutti gli schermi economici, e cambia due cose concrete di quello che ci metti sopra.

• I grigi chiari spariscono per primi. Un testo grigio su bianco che di fronte è elegante, di sbieco diventa illeggibile. Nero su bianco o bianco su nero attraversano l'angolo senza perdere nulla.
• Le foto scure diventano nere. Un'immagine con poca luce, che sul computer si legge benissimo, dal marciapiede è una macchia. È la ragione per cui le foto di piatti fatte di sera raramente funzionano in vetrina.

La verifica non richiede strumenti e si fa una volta sola: metti il contenuto sullo schermo e guardalo dal punto più laterale da cui può essere visto, non da davanti. Quello che sbiadisce lì è quello che la maggior parte delle persone non vedrà mai.

Tre regole di disposizione che valgono più di qualunque scelta tipografica:

• Un solo punto di ingresso. Se due elementi si contendono l'attenzione, l'occhio oscilla e poi abbandona. Il secondo per importanza deve essere visibilmente secondario, non quasi uguale.
• La riga corta si legge, quella lunga si salta. Sopra una certa larghezza l'occhio deve tornare indietro per trovare l'inizio della riga successiva, e a quel punto ha già smesso.
• Lo spazio vuoto non è spazio perso. È ciò che separa un gruppo dal successivo. Senza separazione, cinque informazioni diventano una macchia e nessuna arriva.

Il punto che cambia più risultati è però un altro e riguarda il tempo: l'ordine conta perché quasi nessuno arriva alla fine. Chi passa dedica pochi secondi e legge in ordine di gerarchia visiva, non in ordine di contenuto. Quindi ciò che sta in fondo va considerato non letto, e va scritto sapendolo.

Da qui una prova semplice che sostituisce mille discussioni: guarda il tuo contenuto per due secondi e poi copri lo schermo. Quello che ricordi è quello che comunica. Se ricordi il logo e non il prodotto, l'ordine è sbagliato indipendentemente da quanto sia bello.

Fai leggere il contenuto a qualcuno che non l'ha mai visto e chiedigli solo cosa ha letto per primo. Se non è quello che volevi, non è un problema di gusto: è di disposizione.

Il primo errore è il peso del carattere, e nasce da una scelta che sembra elegante. I caratteri sottili — quelli che sui siti si chiamano light o thin — funzionano benissimo su un monitor vicino e spariscono a distanza, perché l'occhio che fatica perde per primo le linee fini. Lo stesso vale per il grigio su bianco: sullo schermo del computer sembra raffinato, in sala sembra sbiadito. La correzione non costa nulla e non peggiora il progetto: peso normale o semi-grassetto per il testo che deve arrivare lontano, nero pieno o quasi, e il grigio riservato a quello che è davvero secondario.

Il secondo è il testo appoggiato sopra una fotografia, che è di gran lunga l'errore più diffuso. Una foto ha zone chiare e zone scure, e qualunque colore si scelga per il testo finirà sopra una parte sbagliata dell'immagine: bianco che si perde nel cielo, nero che sprofonda nell'ombra. Da vicino l'occhio ricostruisce e il difetto non si nota; a quattro metri no. La soluzione è banale e viene sistematicamente evitata perché sembra brutta nel mockup: una fascia piena sotto il testo, oppure il testo fuori dalla foto. Chi la prova una volta e poi guarda lo schermo dall'ingresso non torna indietro.

Il terzo riguarda la sera, ed è controintuitivo. Uno sfondo bianco a piena luminosità in un locale poco illuminato non si legge meglio: acceca. L'occhio meno giovane fatica di più a recuperare dopo un abbagliamento, e il testo scuro su fondo bianco brillante produce esattamente quell'effetto, con un alone che resta. Per le ore serali conviene una versione a fondo scuro con testo chiaro, o semplicemente meno luminosità. È una decisione che si prende una volta e si programma, e cambia l'esperienza di chi entra alle otto di sera molto più di qualunque scelta di font.

E c'è un quarto punto che non riguarda gli occhi ma la memoria, e vale per tutti. Un elenco di sei voci non viene letto: viene scansionato e abbandonato. Tre voci si leggono, quattro si tollerano. Quando in un pannello ci sono sei servizi con sei prezzi è quasi sempre perché nessuno ha voluto decidere quali fossero i tre importanti — e quella decisione, non presa a monte, viene presa dal cliente, che sceglie di non leggerne nessuno.

La verifica di tutto questo non richiede competenze e dura due minuti. Si va dove sta il cliente, ci si mette alla distanza reale e si guarda. Se serve un secondo di sforzo per mettere a fuoco, quel secondo lo perderanno tutti, e chi ha sessantacinque anni lo perderà due volte. Non è un test rigoroso e non deve esserlo: quasi tutti gli schermi che non funzionano falliscono questa prova in modo evidente, e quasi nessuno la fa perché lo schermo, sul computer di chi l'ha montato, era perfetto.

Con tutta onestà: non progettiamo noi i tuoi contenuti e non c'è nessuna magia dietro — lo schermo mostra quello che carichi tu. Quello che ti togliamo è il costo di correggere: cambiare un peso, una fascia o la versione serale è una modifica in un punto solo, visibile su tutti gli schermi, invece di una ristampa.