I siti web dei ristoranti sono spesso disastri sia del design che dell'usabilità. Persino i bravi designer possono sbagliare molto in questo compito particolarmente difficile.
Prima di tentare la progettazione del tuo prossimo ristorante, dai un'occhiata a questo articolo. Andremo oltre alcuni consigli super-pratici per il successo oltre a qualche insidia da evitare.
Una domanda gustosa
Joe Elias ci ha contattato tramite la nostra pagina del Dilemma di progettazione e ha posto la seguente domanda:
? Ho preso una manciata di ristoranti nelle ultime settimane da referral e sono bloccato su una cosa: visualizzare i loro menu sui loro siti web. Certo, potrei andare a buttarlo in un PDF? percorso e chiamarlo un giorno, ma mi piace distinguermi facendo risaltare i miei clienti. Qualche idea per un modo unico e pulito di presentare un menù standard di 4 pagine del ristorante ??
Questo è un grande argomento con cui molti designer lottano. Penso che Joe abbia qualche intuizione chiave qui, ma ha bisogno di aiuto per iniziare. Vediamo cosa possiamo imparare da una rapida occhiata al Web sui siti Web di questa categoria.
Schermi e carta sono medi molto diversi
Nella sua domanda, Joe ha menzionato il? Lancio in un PDF? tecnica utilizzata da diversi siti Web. L'idea di base qui è quella di prendere il tuo menu di stampa, caricarlo così com'è sul web affinché gli utenti possano scaricarlo e chiamarlo un giorno. Anche se un menu PDF scaricabile è un grande opzione per fornire agli utenti, non è sicuramente il modo per andare come il modo principale per i visitatori di vedere il tuo menu.
Alcuni progettisti portano questa idea un ulteriore passo avanti e in realtà impiegano il tempo necessario per codificare un menu online che è essenzialmente una replica esatta del loro menu stampato. Anche se apprezzo il tentativo di coerenza, questo è di nuovo un altro modo molto scarso per affrontare questo compito.
I progettisti con uno sfondo in stampa (come me) tendono ad approcciare il web design in modo completamente sbagliato. Il presupposto è che il design digitale è fondamentalmente lo stesso della stampa, quindi tutto ciò che sai su layout, grafica, ecc. È ancora valido. Questo non potrebbe essere più lontano dalla verità.
La stampa è un mezzo statico e passivo. Per la maggior parte, le opportunità di interazione sono minime e devi affidarti principalmente all'appeal grafico e alla forza del layout. Il web è comunque una bestia completamente diversa, costruita sull'idea di una ricca interattività. Cliccando, scorrendo e passandoci sopra sono solo alcune delle tante azioni che sono ora disponibili. Inoltre, non sei più vincolato dalle dimensioni di un pezzo di carta fisico, che apre un milione di possibilità.
Il punto che sto cercando di fare è che trattando il web come la stampa, passi un sacco di opportunità per rendere il tuo design più user-friendly, attraente e coinvolgente.
Carrabba's Boring Italian
Ad esempio, diamo un'occhiata al menu online di uno dei miei ristoranti preferiti: Carrabba's Italian Grill. Questa è una catena piuttosto ampia negli Stati Uniti e dovrebbe disporre di molte risorse per creare un sito eccezionale. Tuttavia, il loro menu è piuttosto scialbo.
Il menu di navigazione roaming sulla sinistra è un bel tocco, ma per il resto è solo una pagina grande o un testo noioso. Vedere questo non mi rende affatto affamato!
Assicurati di poterlo leggere!
Il menu della Carrabba non è affatto male. In effetti, si colloca davvero in cima alla lista dei menu del ristorante che ho controllato! Nonostante il basso livello di eccitazione, il menu online della Carrabba è altamente leggibile. Il loro design generale del sito è abbastanza attraente, ma non lasciano che il design ostacoli l'usabilità del menu. In caso di dubbio, plain è meglio. Preferirei piuttosto vedere un menu statico e noioso che gli utenti possano carpire rapidamente informazioni da qualcosa di occupato e illeggibile.
Per capire cosa intendo, dai un'occhiata al menu in alto di Twelve Restaurant. Per la maggior parte, questo ristorante ha un sito molto bello, tuttavia spesso lascia filtrare il grafico di fondo quel tanto che basta per rendere difficile la lettura del testo sul sito. L'estetica è importante, ma ricorda che il design è più che creare cose carine! Si tratta di organizzare e stilare le informazioni in un modo che sia attraente e utilizzabile.
Fotografia di cibo
La cosa che rende davvero un menu del ristorante per me è la fotografia del buon cibo. Come ho detto sopra, le parole non mi rendono affamato, il cibo sì! Se sei abbastanza fortunato da lavorare per un cliente con fantastiche risorse fotografiche, assicurati di sfruttarle il più possibile.
Guarda come i due menu sono sotto foto. Hai davvero un senso per ciò che mangerai e la fotografia è abbastanza buona che solo guardarla ti rende affamato!
Non ogni articolo ha bisogno di una foto
Anche se non hai immagini di ogni piatto, e probabilmente non lo farai, puoi comunque ottenere una bella pagina di menu che sfrutta la fotografia. Dai uno sguardo al fantastico menu Ruby Tuesday, che utilizza un sistema di fisarmonica unico che espande una sezione di menu quando fai clic su una foto.
Questo sistema di fisarmonica funziona alla grande per navigare rapidamente tra i diversi tipi di cibo offerti nel menu. Inoltre, dà allo spettatore solo un numero sufficiente di foto per far sì che il loro appetito si risvegli senza esagerare.
Foto cattive o mancanti?
Come web designer del ristorante, probabilmente non avrai alcun controllo sulle eventuali risorse che il cliente ti fornisce per il progetto. In tutta onestà, il tipico cliente del ristorante non ti darà nulla in confronto alla qualità di ciò che vedi da California Pizza Kitchen e Ruby Tuesday. Invece, è probabile che sia o niente o qualcosa di quasi inutilizzabile.
La fotografia alimentare è complicata e ci vuole un vero professionista per avere successo. Nel caso in cui il cliente ti dia delle foto così brutte da ferire le probabilità che qualcuno venga al ristorante, dovrai trovare un modo per convincerle a non usarle. Fidati di me, il testo semplice è meglio di una pagina piena di immagini che inducono il gag.
In questi casi, devi solo sfruttare al meglio un layout solo testo. La parte del menu del sito web di Marie Catrib fa un lavoro abbastanza decente. Osserva quanto è ben organizzato tutto il contenuto e quanto spazio vuoto è presente tra gli oggetti.
Nel caso in cui tu abbia immagini perfettamente buone, ma una raccolta piuttosto strana di esse, può essere difficile capire come lavorarle tutte nel tuo progetto. Il menu di Chez Gerard si occupa di questo problema in modo carino offrendo foto nascoste che appaiono quando si passa con il mouse su alcune voci di menu.
Tipografia
Molti ristoranti vogliono apparire raffinati e di alta classe, quindi la mossa istintiva per i progettisti è quella di utilizzare molti script fluidi. Consiglio vivamente di evitare una pagina piena di tipografia di script, diventa semplicemente troppo difficile da leggere. Va bene usarlo in modo selettivo, ma tieni a mente che è facile andare troppo lontano.
Inoltre, va da sé, stare lontano da Comic Sans e altri tipi di carattere che il tuo cliente sembra divertente. Se vuoi che il tuo ristorante sia di alta classe, trova un buon vecchio stile serif. Se vuoi davvero che sembri divertente, prendi in considerazione la possibilità di estrapolarla attraverso la grafica e attenersi a un bel sans-serif moderno per la maggior parte del tipo.
Tuttavia, se vuoi davvero uscire con font divertenti, puoi sicuramente provarlo. Molti progettisti possono risolvere questo problema senza problemi, altri si bloccano e bruciano immediatamente. Un sito che penso abbia fatto un buon lavoro è The Little Cake Parlor. Anche se non sono pazzo per il layout delle colonne allineato al centro, i font utilizzati in questo sito sembrano grandi insieme.
Social media
Vuoi che i clienti spargano la voce sul tuo ristorante? Perché non lavorare in un'integrazione di social media unica? Le migliori implementazioni di questo che ho visto consentono ai visitatori di condividere voci di menu specifiche che gli piacciono.
Ad esempio, il menu Giraffe ha un pulsante simile a Facebook accanto a ogni singola voce di menu in modo che gli utenti possano facilmente consigliare piatti specifici ai propri amici.
Conclusione
I menu online possono essere un vero problema da sviluppare. È difficile organizzare così tante informazioni in un formato attraente e utilizzabile, ma spero che i suggerimenti e gli esempi sopra riportati siano sufficienti per avviare il tuo progetto nella giusta direzione.
Se hai recentemente progettato dei menu di ristoranti online, lascia un commento qui sotto con un link per consentirci di verificarli!
Pubblica l'immagine del titolo ripresa da clspeace.