Batalha dos hambúrgueres: sites americanos de fast food comparados
O post de hoje será uma batalha intensa, à medida que compararmos o design e a usabilidade de nove grandes lanchonetes americanas.
Essas empresas atraem milhões, tornando-me obesas com seus irresistivelmente saborosos ataques cardíacos duplos grelhados com queijo e devem ter bastante receita para investir em sólidos web designers. Vamos ver como eles se saem contra o meu olho inescrutável por um web design feio.
Carl's Jr.
Quero começar com Carl's Jr. (também conhecido como Hardees), porque é um dos meus favoritos no escalão inferior de lanchonetes (McDonald's, Jack in the Box, Burger King, etc.). Seus hambúrgueres são grandes, bagunçados e cheios de mais sabor do que a maioria dos outros juntos.
Vamos ver se seus designers fazem jus aos seus chefs de hambúrguer.
Quando você entra no site da Carl's Jr., é levado a uma espécie de interface com tema de apartamento falsa, dirigida por Flash 3D, com vários itens clicáveis espalhados pela sala e altos comerciais de indução de baba no ar, exibidos na televisão, quer você queira ou não. não.
Minha reação não é agradável. Essa idéia irritante da sala Flash foi exterminada e, enquanto os profissionais de marketing acham que é uma “experiência ricamente interativa”, os usuários pensam que é uma droga tentar navegar em um site enquanto combatem a doença de movimento, porque a sala salta toda vez que você move o mouse.
Felizmente, existe um menu de navegação no topo para aqueles que não estão dispostos a lutar pelo mundo agitado do Flash. Infelizmente, isso apenas leva a páginas igualmente feias.
Desculpe Carl, mas você nos deu um começo seriamente fraco. Vamos torcer para que os outros sites não sigam essa tendência de sala interativa da virada do século.
Jack in the Box
Jack é o melhor porta-voz de hambúrgueres do planeta. Seu comportamento espirituoso, sarcástico e até rude faz com que caras como eu realmente desejem assistir seus comerciais.
Quando você viaja pelo Jackinthebox.com, não há escassez de animações supérfluas enquanto a página está carregando, mas quando tudo se acalma, o design geral da página não é tão ruim.
Há um grande controle deslizante gráfico bem projetado exibindo itens de menu em destaque e um menu de navegação vertical à esquerda. Tudo está fazendo sentido e eu imediatamente sei como encontrar o que quero. Nenhuma interface do usuário da sala interativa no site.
Mas espere, nem dez segundos após o carregamento da página, Jack sai. Como eu disse acima, eu amo Jack, então me divirto, mas não vejo uma maneira de impedi-lo de falar.
Experiências como essa realmente arruinam um site, porque geralmente os usuários não esperam ou desejam que seu computador comece a falar alto com eles. Se você estiver no trabalho ou na escola, entre em pânico e tente fechar a janela e / ou apertar o botão mudo o mais rápido possível e tente não parecer envergonhado. Sempre forneça uma escolha clara entre uma navegação tranquila e pacífica e uma experiência louca alta (no mínimo, avise os usuários).
Acontece que o que Jack quer é me convidar para o escritório dele, onde você acha que uma interface interativa de sala aguarda! Alguém deve ter essas coisas à venda.
Pelo menos é opcional desta vez, mas o fato de ainda estar lá e aparecer bruscamente para me convidar me incomoda. Até agora, o experimento com sites de hambúrguer está se tornando muito parecido com quando analisamos sites de bandas de rock.
sônica
Carros de patins em patins, bebidas grandes de 99 ¢ e bolinhos deliciosos fazem de Sonic um lugar favorito da madrugada para minha esposa e eu. Dada a sensação retrô dos restaurantes, eu tinha grandes esperanças de seu design na web.
Confesso que não gastei muito tempo consultando este site. Foi muito doloroso. Longos tempos de carregamento, animações redundantes e fotografias estranhas contribuíram para uma experiência totalmente desagradável.
Em vez de criar uma versão legível da Web de seu menu, eles apenas colocaram a versão impressa on-line, ampliaram, aumentaram o zoom e forçaram você a navegar movendo o mouse enquanto as palavras e imagens se aproximam em um esforço admirável para reproduzir o sensação de comer um cone de queijo de trinta centímetros enquanto fazia uma viagem de três horas, cheia de reviravoltas.
Siga o meu conselho, se você puder ajudá-lo, nunca visite o site da Sonic.
McDonald's
Devo confessar que, embora a mãe de todas as cadeias de fast food tenha, sem dúvida, o maior orçamento de web design (e batatas fritas tão saborosas que desafiam a razão), eu esperava que estivesse entre as piores do ponto de vista do design.
No entanto, o que encontrei me chocou consideravelmente. Foi tão bonito!
Tipografia agradável, fotografias incríveis, layouts limpos, navegação intuitiva com migalhas de pão para voltar, o que mais eu poderia pedir? Você acreditaria que funciona mesmo sem o Flash e o JavaScript ativados !? Cue música e raios do céu.
Acontece que o McDonald's está no topo da cadeia alimentar, por assim dizer, com web design de restaurante. Eles são anos-luz além de tudo o que vimos até agora em literalmente todos os aspectos. De fato, o site deles parece tão bom que só podemos mostrá-lo em nossa galeria de design.
Aqui está uma foto de como é navegar no menu. Sonic web designers, comece a tomar notas!
Burger King
O McDonald's tem uma rivalidade de longa data com uma rede de hambúrgueres em particular: o Burger King. Embora Ronald possa ter as melhores batatas fritas do país, ele não chega nem perto do sabor defumado de hambúrgueres cozinhados da maneira que Deus pretendia: sobre chamas.
Veja como é o site da BK atualmente:
Primeiro de tudo, pontos de estilo por serem únicos. Esta página definitivamente não se parece com nenhum outro site de hambúrguer por aí. Os efeitos sonoros são um pouco irritantes, mas você pode desativá-los facilmente.
A apresentação das informações e a usabilidade da interface são interessantes, para dizer o mínimo. Por padrão, o tema da caixa 3D modular apresenta uma mistura aparentemente aleatória de itens de menu e truques promocionais.
Os três controles deslizantes no topo controlam a proporção de diversão, comida e o famoso personagem hilariante do rei nessas caixas. Se tudo o que você quer é comida, acione o controle deslizante de comida e abaixe todo o resto.
Eu tenho sentimentos contraditórios sobre este site, é definitivamente pouco ortodoxo, mas é bastante atraente e quase divertido por cerca de dez segundos. No entanto, quanto mais você gasta no site, mais frustrante a experiência se torna.
À medida que você sai da página inicial, ela desliza, mas permanece em uma guia à esquerda da tela. Passar o mouse sobre a guia a traz de volta, mas apenas até você mover o mouse para o local errado e depois fechar novamente.
Por mais que tente, não há como simplesmente voltar para a página inicial como estava, sem ela estar contida nesta guia irritante que lhe dá um tapa na cara toda vez que seu mouse se aproxima do lado esquerdo da tela.
Cadeias de camada superior
Para aqueles com paladares mais sofisticados, existem alguns lugares que considero premium, mas ainda basicamente fast food, lanchonetes (sem garçonetes ou pratos).
Esses restaurantes cobram mais e fazem com que você espere um pouco mais, mas fornece um hambúrguer que foi grelhado na hora apenas para você a partir de um pedaço de carne que nunca foi congelado.
Eu adoro a morte deliciosa servida por cada uma dessas cadeias e tinha esperanças de que seus padrões alimentares mais altos também se refletissem nos designs de seus sites. Eu estava obviamente errado.
Culver e In-N-Out não são tão ruins assim, mas também não são ótimos. Fatburger e Five Guys, no entanto, são simplesmente horríveis.
Culver's
Dentro e fora
Fatburger
Cinco caras
O que nós aprendemos hoje?
Para iniciantes, aprendemos que sites de hambúrgueres são péssimos. A questão importante aqui é "por que eles sugam?"
Obviamente, a usabilidade foi um fator enorme. Em uma tentativa de atrair o público jovem, os profissionais de marketing de hambúrgueres ultrapassaram seu público-alvo. Sites parecidos com jogos baseados em flash têm muito mais probabilidade de serem apreciados por crianças pequenas e imediatamente descartados por adolescentes e adultos sérios que não querem perder quinze minutos tentando descobrir quantas calorias há em um Whopper.
No entanto, além da usabilidade, há uma importante lição estética a ser aprendida e o McDonald's está ensinando. Então, o que há de tão bom no site deles que os outros parecem não entender? Para demonstrar, o poder desta lição, fiz um pequeno gráfico.
Existe a resposta, pura e simples. Você está vendendo comida, então faça da comida o herói. Pule os jogos, truques, Flash e efeitos sonoros e deixe as pessoas com fome. Mostre a eles o que você tem com estilo suficiente e seus estômagos roncarão.
Eu disse várias vezes no Design Shack que a excelente fotografia tira o trabalho do bom design e continuarei com meu mantra. Não é a única solução, mas em muitos casos, especialmente com alimentos, é a maneira perfeita de vender seu produto.
Uma palavra de cautela para aqueles com pouca experiência em fotografia e sem orçamento para um fotógrafo profissional, não tente fazer isso em casa. A fotografia de alimentos é uma fera complicada e, se você não sabe o que está fazendo, acabará com algo desagradável que provavelmente deixará os clientes em potencial mais doentes do que com fome.
Conclusão
Apesar de casado com uma mulher que sofre tragicamente da doença do vegetarianismo, imagino que sou um conhecedor de peças de vaca grelhadas. Embora eu não esteja surpreso, definitivamente estou decepcionado com a falta de web design elegante no mundo do fast food.
Vamos torcer para que a incursão do McDonalds em um design admiravelmente bom defina uma tendência que outras juntas de hambúrguer seguirão. Talvez no futuro todos os sites de fast food sejam tão bonitos. Provavelmente não.
Deixe um comentário abaixo com um link para o site do seu restaurante favorito. Deixe-nos saber o que você acha do design e como ele se compara aos exemplos acima.