Un buon design per un menu digitale si riduce a distanza e tempo. Chi deve decidere sta a qualche metro, in fila, con pochi secondi a disposizione. Quindi dimensiona lo schermo e i caratteri per chi è in fondo alla fila, mostra una categoria per pagina, tieni i prezzi nella stessa posizione su ogni riga, usa le foto solo dove aiutano a scegliere e scegli un menu chiaro o scuro in base alla sala in cui è appeso. Se azzecchi questi punti, la scelta del carattere conta molto meno.
Tutto quello che segue vale per qualsiasi menu digitale. Dove serve, spiega come farlo nell'app Menù digitale di SignageStack, dove undici design disegnano le stesse voci. Provare un aspetto diverso è un clic, non un menu da riscrivere, e questo rende i consigli di questo articolo facili da mettere alla prova.
Il design di un menu digitale parte dal fondo della fila
Comincia da chi legge, non dal layout. Una regola pratica diffusa, la stessa della nostra pagina hardware: per un menu che si legge riga per riga, chi legge dal punto più lontano non dovrebbe stare a più di quattro altezze di schermo.
Facendo i conti, per uno schermo montato in orizzontale il risultato è questo:
- Uno schermo da 43 pollici è alto circa 54 cm, quindi serve chi legge fino a circa 2,1 metri.
- Uno schermo da 55 pollici è alto circa 68 cm: fino a circa 2,7 metri.
- Uno schermo da 65 pollici è alto circa 81 cm: fino a circa 3,2 metri.
Misura dal punto in cui le persone decidono, di solito il fondo della fila in un momento di punta, non dal bancone. Trovi altro sulle dimensioni in quanto deve essere grande uno schermo di digital signage. In verticale la regola è meno diretta, perché ora è la larghezza dello schermo a limitare quanto può essere grande una riga di testo; mettiti sul posto e verifica.
Se i numeri non tornano per la tua sala, hai tre leve: uno schermo più grande, uno schermo appeso più vicino a dove stanno le persone, oppure meno voci per pagina, così che ognuna possa essere più grande. Nell'app Menù digitale quest'ultima leva è il design. Duo mostra due piatti per pagina in formato poster; i design costruiti attorno alle foto mettono meno voci in una pagina; e disattivando "Show photos" quegli stessi design ne contengono di più.
L'unico vero test è una persona. Metti su il menu, manda in fondo alla fila qualcuno che non l'ha mai visto e chiedigli di leggerti il prezzo della terza voce di ogni pagina.
Costruisci una gerarchia chiara
L'occhio di chi legge dovrebbe posarsi in quest'ordine: la categoria, poi il nome della voce, poi il prezzo, poi, solo se gli interessa, la descrizione. Tutto quello che c'è sul menu dovrebbe sostenere quest'ordine.
- I titoli delle categorie dicono alle persone dove si trovano: «Colazione», «Bevande calde». Tienili a una o due parole.
- I nomi delle voci sono l'elemento più grande di ogni riga. Scrivili come la gente li ordina: «Cappuccino», «Toast prosciutto e formaggio».
- I prezzi stanno subito accanto o subito sotto la loro voce, mai in un elenco separato da far combaciare.
- Le descrizioni sono facoltative e brevi. «Latte d'avena su richiesta» aiuta a decidere; un paragrafo sulla fattoria, a quattro metri, no.
Il colore fa lo stesso lavoro. Nell'app Menù digitale il colore del tuo marchio va sui titoli e sui prezzi, e al resto pensa il design. È voluto: un solo colore d'accento, usato sulle due cose che le persone cercano con lo sguardo, si legge meglio di un menu in cui tutto è in competizione.
Il logo sta accanto all'intestazione. Rendi utile l'intestazione, oppure lasciala vuota. «Il menu di oggi» non dice niente a nessuno; «Colazione fino alle 11:00» sì.
Una categoria per pagina
Uno schermo che prova a mostrare tutto il menu in una volta finisce con caratteri troppo piccoli per essere letti. L'app Menù digitale mostra una categoria alla volta, su tutte le pagine che servono, quindi un menu più lungo fa più pagine invece di caratteri più piccoli.
Il lavoro di design si sposta così su come dividi le categorie:
- Tieni le categorie di dimensioni simili. Una pagina con tre torte seguita da quattro pagine di caffè sembra sbilanciata e fa aspettare chi vuole un caffè. Dividi quelle lunghe: «Caffetteria» e «Tè e tisane» invece di un unico «Bevande».
- Metti per prima la categoria più richiesta. È la pagina che vede la maggior parte delle persone quando alza lo sguardo.
- Dai tempo a ogni pagina. Mettiti in fondo alla fila e leggi una pagina ad alta voce, senza fretta. Quello è il minimo per cui deve restare a schermo. Lascia vuoto "Seconds per page" e il menu divide il tempo dell'elemento di playlist in parti uguali tra le sue pagine; se lo imposti tu, rendi l'elemento di playlist abbastanza lungo perché ogni pagina abbia il suo turno.
Quando le pagine ci mettono comunque troppo a tornare, un secondo schermo fa più di qualsiasi modifica al design: un menu per le bevande e uno per il cibo, uno accanto all'altro.
Foto, niente foto o scontornati
Le foto aiutano quando un piatto è poco conosciuto o si vende per il suo aspetto: bowl, hamburger, tutto ciò che sta in vetrina. Aggiungono poco a un elenco di caffè o a una carta delle bevande. Decidi per menu, non per singola voce, così nessuna pagina finisce fotografata a metà.
Se usi le foto, rendile coerenti:
- Fotografa tutti i piatti in una sola sessione, con la stessa angolazione, lo stesso piatto e la stessa luce. La luce naturale di una finestra batte il flash.
- Fotografa quello che servi davvero. Un'immagine che promette più di quello che arriva nel piatto si trasforma in una lamentela al bancone.
- Ritaglia stretto attorno al cibo. Lo spazio attorno a un piatto, alla distanza dello schermo, è sprecato.
Gli scontornati sono un altro stile: il piatto sta sul menu senza cornice né sfondo, come le foto dei prodotti su un menu stampato da pizzeria. Nell'app Menù digitale, design come Carte e Spectrum sono pensati per loro. Carica file PNG con lo sfondo trasparente; i bordi trasparenti vuoti vengono tagliati automaticamente, così ogni piatto risulta della stessa dimensione qualunque siano i margini del file. Un JPEG con sfondo bianco non è uno scontornato, e compare come un riquadro bianco su qualsiasi menu che non sia bianco.
Dove va il prezzo
Le persone scorrono un menu digitale cercando due cose: cosa vogliono e quanto costa. Rendi la seconda immediata.
- Stessa posizione su ogni riga. Ci pensa il design; non rovinarlo scrivendo i prezzi dentro i nomi o le descrizioni delle voci.
- Imposta la valuta una volta sola. Nell'app Menù digitale la valuta che scegli viene scritta dopo ogni prezzo, quindi digita solo i numeri. La valuta stabilisce anche il separatore decimale: la virgola per l'euro e il dinaro («3,50 €»), il punto per il dollaro e la sterlina. Se serve, l'impostazione "Decimal separator" ha la precedenza.
- Un prezzo per voce. Ogni voce ha un solo prezzo. Per le taglie, crea due voci («Latte macchiato, normale» e «Latte macchiato, grande») oppure scrivi la differenza nella descrizione («grande +0,50 €»).
- Le offerte hanno un trattamento a parte. Un menu combinato non è una voce come le altre. Il design Combo dispone le voci come schede per offerte e promozioni; dai alle offerte un menu tutto loro o una categoria tutta loro.
Chiaro o scuro: scegli in base alla sala
Il menu giusto è quello che si adatta alla sala nell'ora di maggiore affluenza.
I menu chiari si adattano alle sale diurne: un bar, un forno, una mensa con grandi finestre. Con la luce del giorno un menu bianco sembra pulito e resta leggibile. Fresh, il design chiaro e pulito tra quelli dell'app Menù digitale, è pensato proprio per questo.
I menu scuri si adattano a ristoranti, bar e banconi aperti fino a tardi, dove uno schermo bianco e luminoso abbaglia e attira ogni sguardo della sala. Classic, Chalkboard, Velvet, Midnight, Grill e Hero sono i design più scuri, per una sala da pranzo, un bar o un bancone notturno.
Due controlli, qualunque sia la tua scelta. Guarda il menu nel momento più luminoso della giornata, quando il sole batte sulla vetrina, e in quello più buio, con le luci che usi davvero la sera. E se lo schermo è rivolto verso una vetrina sulla strada, la luminosità conta più dello schema di colori: uno schermo poco luminoso dietro il vetro perde contro il sole, qualunque design mostri.
Verticale accanto alla porta, orizzontale sopra il bancone
Ogni design dell'app Menù digitale si adatta a uno schermo girato di lato, quindi la scelta dipende dalla parete.
- L'orizzontale si adatta all'ampio spazio sopra un bancone, dove tutta la fila alza lo sguardo insieme.
- Il verticale si adatta a un punto stretto: accanto alla porta, lungo la fila, su una colonna. Si legge come un menu stampato tenuto in piedi, ed è adatto a un elenco breve o a un menu di proposte del giorno.
Decidi prima che lo schermo venga montato. La staffa, la lunghezza dei cavi e la posizione del player dipendono da questo. Se giri di lato una TV di casa, controlla prima il manuale; non tutte le TV sono pensate per stare in verticale.
Tieni il movimento fuori dal menu
Il movimento attira lo sguardo, ed è proprio per questo che va accanto al menu e non sopra. Un menu che le persone devono leggere dovrebbe restare fermo mentre lo leggono.
Se vuoi un video promozionale, la proposta del giorno o il meteo sullo stesso schermo, l'app Zone e schermo diviso suddivide lo schermo in riquadri: il menu in uno, il video in un altro, entrambi in riproduzione insieme e senza audio. Funziona meglio che infilare una promozione tra le pagine del menu, che lascia chi è in fila a guardare una pubblicità mentre aspetta la pagina che gli serve. Un riquadro è più piccolo dell'intero schermo, quindi dopo ricontrolla il menu dalla fila.
Una banda scorrevole in basso va bene per una sola riga breve («Zuppa di oggi: pomodoro e basilico»), ma tienila lenta e limitata a un unico messaggio. Il testo che scorre è difficile da leggere e ancora più difficile da ignorare.
Controllalo prima di metterlo su
Nell'app Menù digitale l'anteprima accanto al modulo è lo schermo finito, quindi la maggior parte di questa lista di controllo richiede pochi minuti:
- Leggi ogni pagina dal fondo della fila, non dal tuo portatile.
- Controlla sullo schermo vero ogni menu che accendi durante la giornata, sia la colazione sia il pranzo.
- Guardalo nei momenti più luminosi e più bui della giornata.
- Fai rileggere nomi e prezzi a qualcun altro. Un refuso su uno schermo è sotto gli occhi di ogni cliente finché qualcuno non se ne accorge.
- Dopo la prossima modifica di prezzo, controlla che la parete la mostri. Dovrebbe farlo nel giro di pochi secondi.
Da dove cominciare
Inserisci il menu una volta e prova i design su di esso, sullo schermo vero, dalla fila vera. La pagina sul menu digitale mostra i design con un menu di esempio, e la pagina dell'app Menù digitale spiega le impostazioni. Per il resto della configurazione (schermi, player, cambio di menu nel corso della giornata e cosa succede offline), leggi la guida completa ai menu digitali; per il design degli schermi oltre ai menu, vedi i nostri consigli di design per il digital signage.
La prova di SignageStack dura 21 giorni con tutte le funzioni su uno schermo e non richiede carta di credito.
