Battle of the Burgers: siti di fast food americani a confronto
Il post di oggi sarà una battaglia intensa in quanto confrontiamo il design e l'usabilità di nove principali hamburger americani.
Queste aziende raccolgono milioni e mi fanno diventare obeso con i loro irresistibilmente gustosi attacchi di doppio cuore alla griglia con formaggio e dovrebbero avere un sacco di entrate da investire in solidi web designer. Vediamo come vanno contro il mio occhio imperscrutabile per il brutto web design.
Carl's Jr.
Voglio iniziare con Carl's Jr. (alias Hardees) perché è uno dei miei preferiti nella parte bassa delle articolazioni del fast food (McDonald's, Jack in the Box, Burger King, ecc.). I loro hamburger sono grandi, disordinati e pieni di sapore in più rispetto alla maggior parte degli altri messi insieme.
Vediamo se i loro designer sono all'altezza dei loro chef di hamburger.
Quando si accede al sito Web di Carl's Jr., si viene accolti in una sorta di finta interfaccia a tema 3D basata su Flash, con vari oggetti cliccabili sparsi per la stanza e pubblicità pubblicitarie che inducono al biasimo maschile che giocano in televisione, se lo si desidera o non.
La mia reazione non è piacevole. Questa fastidiosa idea di Flash room è stata messa a morte e mentre gli esperti di marketing pensano che sia "un'esperienza pienamente interattiva", noi utenti pensiamo che faccia schifo provando a navigare in un sito Web mentre si combatte la cinetosi perché la stanza salta ogni volta che si sposta il mouse.
Fortunatamente c'è un menu di navigazione in alto per coloro che non sono disposti a combattere nel mondo di Flash. Sfortunatamente, questo porta semplicemente a pagine ugualmente brutte.
Mi dispiace Carl, ma ci hai fornito un inizio seriamente debole. Speriamo che gli altri siti non seguiranno quella svolta della tendenza della sala interattiva del secolo.
Jack in the box
Jack è il miglior portavoce degli hamburger del pianeta. Il suo comportamento spiritoso, sarcastico e persino maleducato fa sì che ragazzi come me vogliano davvero guardare i suoi spot.
Quando navighi su Jackinthebox.com non ci sono carenze di animazioni superflue mentre la tua pagina si sta caricando ma quando tutto si assesta il design complessivo della pagina non è poi così male.
C'è un grande cursore grafico ben progettato che mostra le voci di menu in primo piano e un menu di navigazione verticale sulla sinistra. Tutto ha un senso e so immediatamente come trovare quello che voglio. Nessuna interfaccia utente della room interattiva nel sito.
Ma aspetta, non dieci secondi dopo il caricamento della pagina, Jack esce. Come ho detto sopra, adoro Jack, quindi sono divertito ma non vedo un modo per impedirgli di parlare.
Esperienze come questa rovinano davvero un sito perché spesso gli utenti non si aspettano o vogliono che il loro computer inizi a parlare ad alta voce. Se sei al lavoro o a scuola fai il panico e prova a chiudere la finestra e / o premi il pulsante mute il più velocemente possibile e poi cerca di non sembrare imbarazzato. Fornisci sempre una chiara scelta tra una navigazione tranquilla e silenziosa e un'esperienza folle e rumorosa (almeno avvisa gli utenti).
Si scopre che Jack vuole invitarmi nel suo ufficio dove, immagina, ti aspetta un'interfaccia interattiva per la stanza! Qualcuno deve avere queste cose in vendita.
Almeno questa volta è facoltativo, ma il fatto che sia ancora lì e rudemente viene fuori per invitarmi a infastidirmi. Finora l'esperimento del sito di hamburger si sta rivelando molto simile a quando abbiamo guardato i siti web della rock band.
sonico
Carhops su pattini a rotelle, 99 ¢ bevande grandi e deliziosi bambini rendono Sonic un posto preferito a tarda notte per me e mia moglie. Data la bella atmosfera retrò dei ristoranti, nutrivo grandi speranze per il loro web design.
Confesso di non aver passato molto tempo a visitare questo sito. È stato semplicemente troppo doloroso. Lunghi tempi di caricamento, animazioni ridondanti e fotografie scomode hanno reso l'esperienza del tutto spiacevole.
Invece di creare una versione web leggibile del loro menu, hanno semplicemente bloccato la versione stampata online, fatto saltare in aria, ingrandito e costretto a navigare spostando il mouse mentre le parole e le immagini si ingrandiscono in uno sforzo ammirevole per riprodurre il sensazione di mangiare un cono lungo di formaggio durante un viaggio di tre ore pieno di colpi di scena.
Segui il mio consiglio, se puoi aiutarlo, non visitare mai il sito Web di Sonic.
McDonald
Devo confessare che mentre la madre di tutte le catene di fast food ha senza dubbio il più grande budget per il web design (e le patatine fritte così gustose da sfidare la ragione), mi aspettavo che fosse tra le peggiori dal punto di vista del design.
Tuttavia, ciò che ho trovato mi ha scioccato notevolmente. È stato così ... bellissimo!
Bella tipografia, fotografia straordinaria, layout puliti, navigazione intuitiva con pangrattato per tornare indietro, cosa potrei chiedere di più? Penseresti che funzioni bene anche senza Flash e JavaScript abilitati !? Indica musica e raggi dal cielo.
Si scopre che McDonald's è in cima alla catena alimentare, per così dire con il web design del ristorante. Sono anni luce oltre tutto ciò che abbiamo visto finora letteralmente in ogni aspetto. In effetti, il loro sito sembra così bello che potremmo semplicemente inserirlo nella nostra galleria di design.
Ecco una panoramica di com'è navigare nel menu. Sonic web designer, inizia a prendere appunti!
Burger King
McDonald's ha una lunga rivalità con una particolare catena di hamburger: Burger King. Sebbene Ronald abbia le patatine migliori della terra, non si avvicina a quel sapore affumicato di hamburger cucinato come Dio intendeva: sopra le fiamme.
Ecco come appare attualmente il sito BK:
Innanzitutto, i punti stile per essere unici. Questa pagina sicuramente non assomiglia a nessun altro sito di hamburger là fuori. Gli effetti sonori sono un po 'fastidiosi ma puoi facilmente disattivarli.
La presentazione delle informazioni e l'usabilità dell'interfaccia sono a dir poco interessanti. Per impostazione predefinita, il tema della scatola 3D modulare presenta un mix apparentemente casuale di voci di menu e espedienti promozionali.
I tre cursori in alto controllano il rapporto tra divertimento, cibo e il famoso personaggio King in queste scatole. Se tutto ciò che vuoi è il cibo, basta alzare il cursore del cibo e abbassare tutto il resto.
Ho sentimenti contrastanti su questo sito, è decisamente poco ortodosso ma è abbastanza attraente e quasi divertente per circa dieci secondi. Tuttavia, più tempo trascorri sul sito, più frustrante diventa l'esperienza.
Mentre ti allontani dalla home page, scivola via ma rimane in una scheda a sinistra dello schermo. Passare il mouse sopra la scheda lo riporta indietro, ma solo fino a quando non si sposta il mouse nel punto sbagliato e poi si richiude.
Prova come potresti, non c'è modo di tornare semplicemente alla home page come era senza che fosse contenuta in questa fastidiosa scheda che ti schiaffeggia in faccia ogni volta che il mouse si avventura sul lato sinistro dello schermo.
Catene di livello superiore
Per quelli con palati più sofisticati, ci sono alcuni posti che considero premium, ma fondamentalmente fast food, hamburger e hamburger (niente cameriere o piatti).
Questi ristoranti fanno pagare di più e ti fanno aspettare un po 'di più, ma ti offrono un hamburger che è stato appena grigliato solo per te da un pezzo di carne che non è mai stato congelato.
Adoro la morte deliziosa servita da ciascuna di queste catene e speravo che i loro standard alimentari più elevati si riflettessero anche nel design del loro sito Web. Naturalmente avevo torto.
Culver's e In-N-Out non sono poi così male, ma non sono nemmeno fantastici. Fatburger e Five Guys, tuttavia, sono semplicemente orribili.
Culver
Dentro e fuori
Fatburger
Cinque ragazzi
Cosa abbiamo imparato oggi?
Per cominciare, abbiamo imparato che i siti web di hamburger fanno schifo. La domanda importante qui è però "perché fanno schifo?"
Ovviamente, l'usabilità è stata un fattore enorme. Nel tentativo di essere alla moda e attirare il pubblico giovane, i marketer di hamburger hanno superato il loro target demografico. I siti simili a giochi basati su Flash hanno molte più probabilità di essere apprezzati dai bambini piccoli e immediatamente scartati da adolescenti e adulti seri che non vogliono perdere quindici minuti cercando di capire quante calorie ci sono in un Whopper.
Tuttavia, oltre all'usabilità, c'è un'importante lezione estetica da imparare e McDonald's la sta insegnando. Quindi cosa c'è di così bello nel loro sito che gli altri non sembrano ottenere? Per dimostrare, il potere di questa lezione, ho fatto un po 'di grafica.
C'è la risposta, chiara e semplice. Stai vendendo cibo, quindi rendi il cibo l'eroe. Salta giochi, espedienti, Flash ed effetti sonori e rendi le persone affamate. Mostra loro quello che hai con abbastanza stile e il loro stomaco romperà.
Ho detto più volte su Design Shack che la grande fotografia toglie il lavoro dal buon design e continuerò con il mio mantra. Non è l'unica soluzione, ma in molti casi, soprattutto con il cibo, è il modo perfetto per vendere il tuo prodotto.
Un avvertimento per chi ha poca esperienza fotografica e non ha un budget per un fotografo professionista, non provarlo a casa. La fotografia di cibo è una bestia difficile e se non sai cosa stai facendo, finirai con qualcosa di brutto che ha maggiori probabilità di far ammalare i potenziali clienti piuttosto che la fame.
Conclusione
Nonostante sia sposato con una donna che soffre tragicamente della malattia del vegetarismo, mi immagino un conoscitore di parti di mucca finemente grigliate. Anche se non sono sorpreso, sono sicuramente deluso dalla mancanza di un elegante web design nel mondo del fast food.
Speriamo che l'incursione di McDonalds in un design ammirevolmente buono crei una tendenza che seguiranno altre articolazioni di hamburger. Forse in futuro tutti i siti Web di fast food saranno così belli. Probabilmente no.
Lascia un commento qui sotto con un link al sito web del tuo ristorante preferito. Facci sapere cosa ne pensi del design e come si sovrappone agli esempi sopra.
