Design menu QR: contrasto, leggibilità e gerarchia

Il design di un menu QR si gioca su tre cose che puoi verificare col telefono in mano, non su teorie del colore. Il contrasto tra testo e sfondo. La leggibilità su uno schermo piccolo in una sala poco illuminata. E la gerarchia visiva che decide cosa il cliente legge per primo. Il resto sono gusti, e i gusti si discutono. Queste tre no: si provano al tavolo.

La scena l'hai vista mille volte. Il cliente inquadra il codice, si apre un PDF pensato per un foglio A4, e parte il balletto delle due dita per ingrandire. Zoom, scorri, torna indietro, cerca di capire dove finiscono gli antipasti. Dopo trenta secondi chiude e chiede a te cosa c'è di buono. Il menù digitale ha appena fallito il suo unico compito.

Menù QR

Menù del ristorante consultabile inquadrando un codice QR con la fotocamera del telefono. La versione fatta bene è una pagina web che si adatta allo schermo, con testo selezionabile, categorie navigabili e contenuti aggiornabili in tempo reale. La versione fatta male è un file PDF, o peggio la foto della carta, servita dietro lo stesso codice.

Il design di un menu QR nasce dallo schermo, non dalla carta

Un menù stampato lavora su una superficie grande, ferma, illuminata dalla luce della sala, che l'occhio abbraccia tutta insieme. Vedi le sezioni, salti dove ti pare, torni indietro con lo sguardo.

Lo schermo di un telefono lavora al contrario: superficie piccola, contenuto che scorre, una finestra alla volta. Il cliente non vede mai l'insieme, vede una porzione e si costruisce la mappa mentre scorre. Se il layout non lo aiuta a capire dove si trova, si perde.

Da qui viene la regola pratica più importante. Un menù digitale non è la carta trasferita in un file, è un contenuto riprogettato per la lettura verticale. Categorie in cima raggiungibili con il pollice, un piatto per blocco, prezzo allineato al nome, nessuna colonna che costringa a girare il telefono.

Che contrasto serve nel design di un menu QR?

Il grafico lavora su un display grande, calibrato, in una stanza illuminata. Il tuo cliente legge su un telefono con la luminosità abbassata per risparmiare batteria. La sala alle nove di sera è volutamente in penombra, magari con un riflesso di candela sullo schermo.

È la ragione per cui il testo grigio chiaro su fondo bianco, che sul monitor sembra elegante, al tavolo diventa illeggibile. Stessa sorte per il testo bianco su una foto di cibo, dove la leggibilità cambia da riga a riga a seconda di cosa c'è sotto.

Le linee guida internazionali di accessibilità, le WCAG 2.2, fissano per il livello AA un rapporto di contrasto minimo di 4,5:1 tra testo e sfondo per il testo normale e di 3:1 per il testo grande. Per il menù di un ristorante non sono un obbligo di legge: sono la soglia sotto la quale una parte dei clienti semplicemente non legge. Il rapporto tra due colori si misura con qualunque strumento gratuito, prima di pubblicare.

Il test che vale più di ogni discussione dura due minuti. Prendi il tuo telefono, porta la luminosità al minimo, siediti al tavolo più buio del locale e apri il menù. Se devi strizzare gli occhi, il problema non è la tua vista.

• Testo del piatto: scuro su fondo chiaro, o chiaro su fondo scuro pieno. Mai su una foto.
• Corpo del testo: leggibile alla distanza a cui si tiene davvero il telefono, cioè sul tavolo, non a dieci centimetri dal naso.
• Prezzi: stesso peso visivo dei nomi, non più piccoli e non più grigi. Nasconderli è un trucco che i clienti riconoscono.
• Font: uno solo, con un peso per i titoli e uno per il testo. Il corsivo per righe intere si legge peggio.

La gerarchia visiva del design del menu QR decide cosa si legge per primo

Su una pagina che scorre l'attenzione non è distribuita in modo uniforme: si concentra su quello che arriva prima e su quello che spicca. Questo non è psicologia dei colori, è come funziona una lista lunga letta su un telefono.

La conseguenza è che l'ordine e il peso visivo degli elementi sono decisioni di margine, non di grafica. Se il piatto che ti rende meglio sta in fondo alla terza categoria, scritto uguale a tutti gli altri, hai deciso di non venderlo. Il menu engineering serve a scegliere cosa mettere in evidenza; il design del menu QR serve a rendere quella scelta visibile davvero.

Una nota sui piatti da mettere in evidenza: sceglili guardando il food cost e non l'entusiasmo del momento. L'evidenza è uno spazio limitato, e se la dai a tutto non la stai dando a nessuno.

Tre livelli di gerarchia, una prova di leggibilità sul telefono e una coppia di tinte a contrasto: il menù QR si giudica così.

Le foto dei piatti: quando aiutano e quando affondano il menù

Le foto non sono un obbligo e non sono un difetto. Il criterio è se sono al livello del piatto vero.

Una foto fatta bene, con luce naturale e il piatto come esce dalla cucina, aiuta chi non conosce quella preparazione. Una foto scura, scattata al volo, oppure una foto stock che non è il tuo piatto, lavora contro di te due volte. Abbassa la percezione della cucina e alza le aspettative sbagliate.

C'è poi la questione tecnica, che sul telefono conta parecchio: immagini pesanti significano menù lento, e un menù lento viene chiuso. Meglio poche foto leggere sui piatti che vuoi spingere che una galleria intera da caricare al tavolo.

Sul canale di ordini online senza commissioni il criterio cambia ancora. Lì le foto sono parte della vendita, perché il cliente non ha un cameriere a cui chiedere.

Chi legge a fatica è un cliente, non un caso limite

A tavola c'è sempre qualcuno che legge il telefono a fatica, spesso perché gli occhiali da vista sono rimasti in macchina. Un design di menu QR accessibile non toglie niente agli altri: rende la lettura più veloce per tutti.

Tre accorgimenti che costano zero. Testo vero e non immagini di testo, così il telefono può ingrandirlo con le impostazioni di sistema. Contrasto verificato invece che a occhio. Bersagli toccabili larghi, perché un dito non è un puntatore del mouse.

E terrei sempre qualche carta stampata dietro il bancone, per chi il QR non lo vuole usare. Non è un fallimento del digitale, è ospitalità.

Il supporto fisico: dove metti il codice conta quanto il layout

Il codice è l'unica parte fisica del design di un menu QR, e viene quasi sempre trattato come un dettaglio da stampare all'ultimo.

Mettilo dove il cliente guarda appena si siede, al centro del tavolo, non incollato sul bordo dove finisce sotto un piatto. Stampalo su un supporto rigido che sta in piedi da solo, scuro su chiaro, con un buon margine bianco intorno. Senza quel margine molte fotocamere fanno fatica. Provalo da seduto, con la luce della sera e non a mezzogiorno.

Un ultimo controllo che quasi nessuno fa: apri il codice con un telefono che non è il tuo, possibilmente vecchio. Se il menù ci mette troppo, o si apre storto, lo hai scoperto tu e non un cliente.

In che ordine si interviene sul design del menu QR?

Gli interventi hanno una sequenza, e invertirla fa perdere tempo. Prima esce il PDF, se c'è. Al suo posto arriva una pagina che si adatta allo schermo, ed è il singolo cambiamento che sposta di più. Poi si sistemano contrasto e dimensione del testo, con la prova al tavolo buio come giudice. Alla fine si lavora sulla gerarchia, decidendo quali piatti meritano l'evidenza e riscrivendo le descrizioni in una riga.

E il menù va tenuto dove si cambia in trenta secondi. Un menù in cloud dentro lo stesso gestionale permette di correggere un prezzo, nascondere un esaurito o spostare un piatto in cima senza chiamare nessuno. Il flusso di modifica, passo per passo, sta in aggiornare il menu digitale. La parte più delicata da tenere allineata resta la gestione degli allergeni. Un design perfetto che poi resta congelato per due anni invecchia in sala, davanti ai clienti.