Diseño vertical
El diseño vertical presenta un elemento cada vez, a pantalla completa, desplazándose de arriba abajo: el formato que los comensales ya conocen de los feeds de vídeo sociales. Es el más inmersivo de los cinco y el más exigente con tu fotografía.
Qué aspecto tiene
- Cada elemento llena la pantalla con su imagen o vídeo.
- El nombre del plato, el precio y la descripción se sitúan sobre la imagen.
- El comensal se desplaza hacia abajo para pasar al siguiente elemento.
- El logotipo y los controles de utilidad permanecen fijos en la parte superior.
- La navegación de categorías sigue estando al alcance mientras se desplaza.
Cuándo funciona
- El menú es corto: una lista seleccionada, una sección de especialidades, una tarjeta estilo degustación.
- Cada elemento tiene una fotografía potente, con un estilo coherente.
- Algunos elementos tienen vídeo, y este diseño los aprovecha mejor que ningún otro.
- El posicionamiento del restaurante es visual: el menú forma parte de la experiencia.
Cuándo no funciona
- Cualquier menú de más de unos treinta elementos. Desplazarse una pantalla por plato se convierte en un esfuerzo.
- Fotografía incompleta. Un marcador de posición a pantalla completa es el hueco más visible de cualquier diseño.
- Menús que los comensales ojean en lugar de explorar: cartas de vinos, licores, tarjetas de desayuno.
- Comensales que necesitan comparar precios; solo se muestra un precio en pantalla a la vez.
Requisitos fotográficos
Este diseño es implacable:
- una fotografía por elemento, sin excepciones;
- orientación coherente, idealmente vertical o cuadrada;
- estilo, iluminación y distancia coherentes;
- las superposiciones de texto deben seguir siendo legibles sobre la imagen, lo que significa evitar fondos recargados o muy claros.
Si dos o tres platos no tienen fotografía, elige un diseño diferente en lugar de publicar con huecos.
Vídeo
El diseño vertical es donde el campo de vídeo de un elemento se gana su lugar. Un bucle corto de un plato terminándose es exactamente el tipo de contenido para el que se diseñó este formato.
Mantén los vídeos cortos, aptos para verse sin sonido y coherentes en el encuadre con las fotografías que los rodean.
Descripciones
Cortas. La descripción comparte pantalla con la imagen, y un párrafo empuja el precio fuera de la vista o tapa el plato.
Una línea para los ingredientes, y la descripción larga detrás del control de información para todo lo demás.
Precios
Solo los precios de un elemento son visibles a la vez, lo que supone la principal limitación comercial del diseño: un comensal no puede comparar. Si la comparación importa en este menú —una carta de bar, una carta de vinos— este es el diseño equivocado.
Compruébalo en un teléfono
- [ ] El nombre del plato es legible sobre cada imagen, no solo sobre las oscuras.
- [ ] El precio es visible sin necesidad de seguir desplazándose.
- [ ] El desplazamiento avanza un elemento cada vez, con fluidez.
- [ ] La navegación de categorías está al alcance mientras se desplaza.
- [ ] Las imágenes se cargan con la suficiente rapidez en una conexión de teléfono.
- [ ] Los vídeos no se reproducen automáticamente con sonido.
- [ ] Los iconos de alérgenos siguen siendo legibles sobre las imágenes.
- [ ] Llegar al final de una sección larga no se siente como un esfuerzo.