Diseño swipe

El diseño swipe muestra un plato cada vez en forma de tarjeta por la que el comensal se desliza. Es el más lúdico de los cinco y el más especializado: convierte un menú en una experiencia y, sinceramente, no es adecuado para la mayoría de los menús.

Cómo se ve

• Un elemento en pantalla, como una tarjeta grande con su imagen.
• Nombre, precio y descripción en la tarjeta.
• El comensal se desliza lateralmente para pasar al siguiente elemento.
• La navegación por categorías permite moverse entre secciones.

Cuándo funciona

• Secciones cortas y cuidadas: una carta de cócteles de autor, una selección de postres, una tarjeta estilo menú degustación.
• Fotografía completa y de alta calidad.
• Bares y restaurantes con un posicionamiento lúdico.
• Un menú pensado para descubrirse en lugar de buscarse.

Cuándo no funciona

• Cualquier cosa que el comensal necesite ojear. Encontrar un plato concreto requiere deslizarse por todo lo que hay antes.
• Menús largos. Cincuenta deslizamientos no son un menú, son una tarea.
• Comparar precios; solo se ve un precio a la vez en pantalla.
• Comensales con prisa, en una barra o pidiendo para toda una mesa.
• Contextos sensibles a la accesibilidad, donde una interacción basada solo en deslizar es una barrera.

Sé honesto con la contrapartida

Este diseño optimiza el deleite y sacrifica la capacidad de encontrar platos. Es una elección legítima para una carta de cócteles de doce bebidas y una mala para una tarjeta de ochenta platos.

Si quieres el atractivo visual sin el coste, Masonry muestra la misma fotografía manteniendo el menú fácil de ojear.

Fotografía

Cada elemento necesita una imagen potente, con una orientación y un estilo coherentes. Una tarjeta sin foto, en un diseño que muestra una tarjeta cada vez, es la carencia más visible de todo el producto.

Descripciones

Cortas. La tarjeta reúne la imagen, el nombre, el precio y la descripción, y no hay espacio para un párrafo. Usa la descripción larga para cualquier cosa adicional.

Longitud de las secciones

Mantén las secciones en torno a diez elementos. La disposición del comensal a seguir deslizando se agota rápido, y las últimas tarjetas de una sección larga quedan prácticamente sin leer.

Si una sección necesita más, divídela en dos categorías.

Compruébalo en un teléfono

• [ ] El deslizamiento es fluido y aterriza con limpieza en la siguiente tarjeta.
• [ ] La tarjeta cabe en la pantalla sin cortar el precio.
• [ ] El texto es legible sobre cada imagen.
• [ ] Llegar al final de una sección requiere un número razonable de deslizamientos.
• [ ] La navegación por categorías permite al comensal saltarse una sección por completo.
• [ ] Los iconos de alérgenos siguen siendo visibles en la tarjeta.
• [ ] Un comensal puede encontrar aún un plato concreto en un tiempo razonable; si no es así, replantéate el diseño.