Batalla de las hamburguesas: sitios de comida rápida estadounidense comparados
La publicación de hoy será una batalla intensa al comparar el diseño y la usabilidad de nueve de las principales hamburgueserías estadounidenses.
Estas corporaciones obtienen millones y me hacen obeso con sus irresistiblemente sabrosos ataques de doble corazón a la parrilla con queso y deberían tener muchos ingresos para invertir en diseñadores web sólidos. Veamos cómo les va en contra de mi ojo inescrutable para el diseño web feo.
Carl's Jr.
Quiero comenzar con Carl's Jr. (también conocido como Hardees) porque es uno de mis favoritos en el escalón más bajo de las comidas rápidas (McDonald's, Jack in the Box, Burger King, etc.). Sus hamburguesas son grandes, sucias y llenas de más sabor que la mayoría de las otras combinadas.
Veamos si sus diseñadores están a la altura de sus chefs de hamburguesas.
Cuando ingresa al sitio web de Carl's Jr., se lo lleva a una especie de interfaz falsa con temática de apartamentos en 3D con varios elementos en los que se puede hacer clic esparcidos por la habitación y comerciales ruidosos que inducen baba masculina jugando en la televisión, ya sea que lo desee o no.
Mi reacción no es agradable. Esta molesta idea de la sala Flash se ha llevado a la muerte y, aunque los especialistas en marketing piensan que es una "experiencia muy interactiva", los usuarios creemos que es una mierda tratar de navegar por un sitio web mientras se lucha contra el mareo porque la sala salta cada vez que mueves el mouse.
Afortunadamente, hay un menú de navegación en la parte superior para aquellos que no están dispuestos a luchar en el mundo de Flash. Desafortunadamente, esto simplemente lleva a páginas igualmente feas.
Lo siento, Carl, pero nos proporcionaste un comienzo muy débil. Esperemos que los otros sitios no sigan esa tendencia de sala interactiva de cambio de siglo.
Jack in the box
Jack es el mejor portavoz de hamburguesas del planeta. Su comportamiento ingenioso, sarcástico e incluso grosero hace que tipos como yo realmente quieran ver sus comerciales.
Cuando navegas por Jackinthebox.com no faltan animaciones superfluas mientras tu página se carga, pero cuando todo se estabiliza, el diseño general de la página no es tan malo.
Hay un control deslizante gráfico grande y bien diseñado que muestra elementos de menú destacados y un menú de navegación vertical a la izquierda. Todo tiene sentido e inmediatamente sé cómo encontrar lo que quiero. No hay interfaz de usuario de sala interactiva en el sitio.
Pero espera, no diez segundos después de que la página se cargue, Jack se va. Como dije anteriormente, amo a Jack, así que me divierte, pero no veo una manera de evitar que hable.
Experiencias como esta realmente arruinan un sitio porque es frecuente que los usuarios no esperen o quieran que su computadora comience a hablar en voz alta. Si estás en el trabajo o en la escuela, entras en pánico e intentas cerrar la ventana y / o presionas el botón de silencio lo más rápido que puedes y luego trata de no parecer avergonzado. Siempre brinde una opción clara entre navegación tranquila y pacífica y una experiencia loca y ruidosa (al menos, advierta a los usuarios).
¡Resulta que lo que Jack quiere es invitarme a su oficina donde, supongo, le espera una interfaz de sala interactiva! Alguien debe tener estas cosas a la venta.
Al menos es opcional esta vez, pero el hecho de que todavía está allí y se presenta groseramente para invitarme me molesta. Hasta ahora, el experimento del sitio de hamburguesas ha resultado muy parecido a cuando miramos sitios web de bandas de rock.
Sonic
Las caravanas en patines, las bebidas grandes de 99 centavos y las deliciosas bebidas hacen de Sonic un lugar favorito para mi esposa y para mí. Dada la sensación retro de los restaurantes, tenía muchas esperanzas en su diseño web.
Confieso que no pasé mucho tiempo visitando este sitio. Fue demasiado doloroso. Largos tiempos de carga, animaciones redundantes y fotografías incómodas para una experiencia completamente desagradable.
En lugar de crear una versión web legible de su menú, simplemente pegaron la versión impresa en línea, la explotaron, hicieron zoom y te obligaron a navegar moviendo el mouse mientras las palabras y las imágenes se acercan en un esfuerzo admirable para reproducir el sensación de comer un conejo de queso de un pie de largo durante un viaje por carretera de tres horas lleno de muchos giros y vueltas.
Sigue mi consejo, si puedes evitarlo, nunca visites el sitio web de Sonic.
McDonald's
Debo confesar que, si bien la madre de todas las cadenas de comida rápida, sin duda, tiene el mayor presupuesto de diseño web (y las papas fritas tan sabrosas que desafían la razón), esperaba que fuera una de las peores desde una perspectiva de diseño.
Sin embargo, lo que encontré me sorprendió considerablemente. ¡Era tan ... hermoso!
Buena tipografía, fotografía increíble, diseños limpios, navegación intuitiva con migas de pan para volver, ¿qué más puedo pedir? ¿Creería que incluso funciona bien sin Flash y JavaScript habilitado? Cue música y rayos del cielo.
Resulta que McDonald's está en la cima de la cadena alimentaria, por así decirlo, con el diseño web de restaurantes. Son años luz más allá de todo lo que hemos visto hasta ahora en literalmente cada aspecto. De hecho, su sitio se ve tan bien que podríamos incluirlo en nuestra galería de diseño.
Aquí hay una foto de cómo es navegar por el menú. Diseñadores web de Sonic, ¡comience a tomar notas!
Burger King
McDonald's tiene una larga rivalidad con una cadena de hamburguesas en particular: Burger King. Aunque Ronald podría tener las mejores papas fritas de la tierra, no se acerca al sabor ahumado de las hamburguesas cocinadas de la manera que Dios pretendía: sobre las llamas.
Así es como se ve actualmente el sitio BK:
En primer lugar, puntos de estilo por ser únicos. Esta página definitivamente no se parece a ningún otro sitio de hamburguesas. Los efectos de sonido son un poco molestos pero puedes desactivarlos fácilmente.
La presentación de la información y la usabilidad de la interfaz son interesantes, por decir lo menos. Por defecto, el tema de la caja 3D modular presenta una mezcla aparentemente aleatoria de elementos de menú y trucos promocionales.
Los tres controles deslizantes en la parte superior controlan la proporción de diversión, comida y el famoso personaje King en estas cajas. Si todo lo que quieres es comida, simplemente sube el control deslizante de comida y rechaza todo lo demás.
Tengo sentimientos encontrados sobre este sitio, definitivamente no es ortodoxo, pero es bastante atractivo y casi divertido durante unos diez segundos. Sin embargo, cuanto más tiempo pasa en el sitio, más frustrante se vuelve la experiencia.
A medida que navega fuera de la página de inicio, se desliza pero permanece en una pestaña a la izquierda de la pantalla. Al pasar el cursor sobre la pestaña, vuelve a aparecer, pero solo hasta que mueva el mouse al lugar equivocado y luego se cierre de nuevo.
Por más que lo intente, no hay forma de volver simplemente a la página de inicio como estaba sin que esté contenida en esta pestaña molesta que lo abofetea cada vez que su mouse se aventura hacia el lado izquierdo de la pantalla.
Cadenas de nivel superior
Para aquellos con paladares más sofisticados, hay algunos lugares que considero premium, pero aún así básicamente comida rápida, hamburguesas (sin camareras ni platos).
Estos restaurantes cobran más y te hacen esperar un poco más, pero te proporcionan una hamburguesa recién hecha a la parrilla solo para ti con un trozo de carne que nunca se ha congelado.
Adoro la deliciosa muerte de cada una de estas cadenas y tenía la esperanza de que sus estándares alimentarios más altos se reflejaran también en los diseños de sus sitios web. Estaba, por supuesto, bastante equivocado.
Culver's e In-N-Out no son realmente tan malos, pero tampoco son geniales. Fatburger y Five Guys, sin embargo, son simplemente horribles.
Culver's
Dentro y fuera
Fatburger
Cinco chicos
¿Qué hemos aprendido hoy?
Para empezar, aprendimos que los sitios web de hamburguesas apestan. Sin embargo, la pregunta importante aquí es "¿por qué apestan?"
Obviamente, la usabilidad fue un factor enorme. En un intento por estar a la moda y atraer al público joven, los vendedores de hamburguesas sobrepasaron su objetivo demográfico. Es mucho más probable que los sitios de juegos basados en flash sean apreciados por los niños pequeños y descartados de inmediato por adolescentes y adultos serios que no quieren perder quince minutos tratando de calcular cuántas calorías hay en un Whopper.
Sin embargo, más allá de la usabilidad, hay una importante lección estética que aprender, y McDonald's la está enseñando. Entonces, ¿qué tiene de bueno su sitio que los demás simplemente no parecen entender? Para demostrar el poder de esta lección, hice un pequeño gráfico.
Ahí está la respuesta, simple y llanamente. Estás vendiendo comida, así que haz de la comida el héroe. Omita los juegos, trucos, Flash y efectos de sonido y haga que la gente tenga hambre. Muéstrales lo que tienes con suficiente estilo y sus estómagos retumbarán.
He dicho una y otra vez en Design Shack que una gran fotografía le quita el trabajo al buen diseño y continuaré con mi mantra. No es la única solución, pero en muchos casos, especialmente con alimentos, es la manera perfecta de vender su producto.
Una advertencia para aquellos con poca experiencia en fotografía y sin presupuesto para un fotógrafo profesional, no intente esto en casa. La fotografía de alimentos es una bestia difícil y si no sabes lo que estás haciendo, terminarás con algo desagradable que es más probable que haga que los clientes potenciales se enfermen que tengan hambre.
Conclusión
A pesar de estar casado con una mujer que sufre trágicamente la enfermedad del vegetarianismo, me considero una conocedora de las partes de vaca finamente asadas. Aunque no estoy sorprendido, definitivamente estoy decepcionado por la falta de diseño web con estilo en el mundo de la comida rápida.
Esperemos que la incursión de McDonalds en un diseño admirablemente bueno establezca una tendencia que otras hamburguesas seguirán. Quizás en el futuro todos los sitios web de comida rápida sean tan bonitos. Probablemente no.
Deje un comentario a continuación con un enlace al sitio web de su restaurante favorito. Háganos saber lo que piensa del diseño y cómo se compara con los ejemplos anteriores.
