La publicación de hoy será una batalla intensa, ya que comparamos el diseño y la facilidad de uso de nueve de las principales hamburguesas estadounidenses.
Estas corporaciones atraen a millones de personas, lo que me hace obeso con sus irresistiblemente sabrosos ataques dobles a la parrilla con queso y debería tener un montón de ingresos para invertir en diseñadores web sólidos. Veamos cómo les va contra mi inescrutable visión del 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, desordenadas y tienen más sabor que la mayoría de las otras combinadas.
Vamos a ver si sus diseñadores están a la altura de sus chefs de hamburguesas.
Cuando ingresa en el sitio web de Carl's Jr., se lo lleva a una especie de falsa interfaz 3D basada en un apartamento con varios elementos cliqueables repartidos por la habitación y anuncios publicitarios ruidosos de babeo masculino que se reproducen en la televisión, ya sea que los quiera o no. no.
Mi reacción no es agradable. Esta molesta idea de Flash Room se hizo realidad y, si bien los especialistas en marketing piensan que es una "experiencia rica en interacción", Nosotros, los usuarios, pensamos que es difícil intentar navegar por un sitio web mientras luchamos contra el mareo porque la habitación 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 a través del inquietante mundo Flash. Desafortunadamente, esto simplemente conduce a páginas igualmente feas.
Lo siento, es de Carl, pero nos diste un comienzo muy débil. Esperemos que los otros sitios no sigan esa tendencia de sala interactiva del cambio de siglo.
Jack en la caja
Jack es el mejor portavoz de hamburguesas en el planeta. Su actitud ingeniosa, sarcástica e incluso grosera hace que los tipos como yo quieran ver sus comerciales.
Cuando navega por Jackinthebox.com no hay escasez de animaciones superfluas mientras su página se está cargando, pero cuando todo se asienta, el diseño general de la página no es tan malo.
Hay un gran control deslizante gráfico bien diseñado que muestra los elementos del menú destacado y un menú de navegación vertical a la izquierda. Todo tiene sentido y de inmediato sé cómo encontrar lo que quiero. No hay interfaz de usuario interactiva en el sitio.
Pero espera, no diez segundos después de que se cargue la página, Jack se marcha. Como dije anteriormente, amo a Jack, así que me divierto, pero no veo una manera de evitar que él 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 presionar el botón de silencio tan rápido como puedas y luego tratar de no parecer avergonzado. Siempre ofrezca una opción clara entre una navegación tranquila y pacífica y una experiencia loca y ruidosa (como mínimo, avise a los usuarios).
Resulta que lo que Jack quiere es invitarme a su oficina donde, supongo, ¡una interfaz de sala interactiva te espera! Alguien debe tener estas cosas en venta.
Al menos es opcional esta vez, pero el hecho de que todavía esté ahí y se presente de forma grosera para invitarme me molesta. Hasta ahora, el experimento del sitio de hamburguesas se está volviendo muy parecido a cuando miramos los sitios web de bandas de rock.
Sonic
Carhops en patines, 99? Las bebidas grandes y los deliciosos tots hacen de Sonic el lugar favorito de la noche 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 revisando este sitio. Era demasiado doloroso. Tiempos de carga prolongados, animaciones redundantes y fotografías incómodas hechas para una experiencia totalmente desagradable.
En lugar de crear una versión web legible de su menú, simplemente pegaron la versión impresa en línea, la hicieron estallar, la acercaron y le obligaron a navegar moviendo el mouse mientras las palabras y las imágenes se acercan con un esfuerzo admirable para reproducir el sensación de comer un queso de pie largo en un viaje de tres horas por carretera lleno de giros y vueltas.
Sigue mi consejo, si puedes evitarlo, nunca visites el sitio web de Sonic.
McDonald's
Debo confesar que aunque 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 estuviera entre las peores desde una perspectiva de diseño.
Sin embargo, lo que encontré me sorprendió considerablemente. ¿Era tan? ¡hermoso!
Bonita tipografía, fotografía increíble, diseños limpios, navegación intuitiva con migajas para volver, ¿qué más puedo pedir? ¿Creería que incluso funciona bien sin Flash y JavaScript habilitados? Cue la música y los rayos del cielo.
Resulta que McDonald's está en la cima de la cadena alimenticia, por lo que hablar con el diseño web de restaurantes. Son años luz más allá de lo que hemos visto hasta ahora, literalmente, en todos los aspectos. De hecho, su sitio se ve tan bien que podríamos incluirlo en nuestra galería de diseño.
Aquí hay una foto de lo que es navegar por el menú. Los diseñadores web de Sonic, comienzan 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 quería: sobre las llamas.
Así es como se ve actualmente el sitio BK:
En primer lugar, los puntos de estilo por ser únicos. Esta página definitivamente no se parece a ningún otro sitio de hamburguesas por ahí. Los efectos de sonido son un poco molestos, pero puedes desactivarlos fácilmente.
La presentación de la información y la facilidad de uso 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 hilarante de King en estas casillas. Si todo lo que quieres es comida, simplemente sube el control deslizante de comida y rechaza todo lo demás.
Tengo sentimientos encontrados acerca de este sitio, definitivamente es poco ortodoxo pero es bastante atractivo y casi divertido por unos diez segundos. Sin embargo, cuanto más tiempo pasas en el sitio, más frustrante se vuelve la experiencia.
A medida que se aleja de la página de inicio, se aleja, pero permanece en una pestaña a la izquierda de la pantalla. Al pasar el cursor sobre la pestaña, se recupera, pero solo hasta que mueva el mouse hacia el lugar equivocado y luego se cierre de nuevo.
Por mucho que lo intentes, no hay forma de volver simplemente a la página de inicio como estaba sin que esté contenida en esta pestaña molesta que te da una bofetada en la cara cada vez que el 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 básicamente son 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 que ha sido recién asada a la parrilla solo para ti de 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. Yo estaba, por supuesto, bastante mal.
Culver 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. La pregunta importante aquí es, ¿por qué apestan?
Obviamente, la usabilidad fue un factor enorme. En un intento por ser moderno y atractivo para el público joven, los comerciantes de hamburguesas superaron a su objetivo demográfico. Los sitios similares a juegos impulsados por flash son mucho más propensos a ser apreciados por niños pequeños e inmediatamente descartados por adolescentes y adultos serios que no quieren perder quince minutos intentando averiguar cuántas calorías contiene un Whopper.
Sin embargo, más allá de la facilidad de uso, hay una importante lección estética que aprender, y McDonald's la está enseñando. Entonces, ¿qué hay de bueno en su sitio que los demás no parecen entender? Para demostrar, el poder de esta lección, hice un pequeño gráfico.
Ahí está la respuesta, sencilla y llanamente. Estás vendiendo comida, así que haz de la comida el héroe. Sáltate los juegos, trucos, flash y efectos de sonido y haz que la gente tenga hambre. Muéstrales lo que tienes con suficiente estilo y sus estómagos rugirán.
Una y otra vez he dicho en Design Shack que la gran fotografía elimina el trabajo de un buen diseño y continuaré con mi mantra. No es la única solución, pero en muchos casos, especialmente con los 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 complicada y si no sabes lo que estás haciendo, terminarás con algo desagradable que es más probable que enferme a los clientes potenciales que a los hambrientos.
Conclusión
A pesar de estar casada con una mujer que padece trágicamente la enfermedad del vegetarianismo, me imagino que soy una conocedora de partes de vacas 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 seguirán otras articulaciones de hamburguesas. Tal vez en el futuro todos los sitios web de comida rápida sean así de bonitos. Probablemente no.
Deja un comentario a continuación con un enlace a la página web de tu restaurante favorito. Háganos saber qué piensa del diseño y cómo se compara con los ejemplos anteriores.