Diseño de lista de precios

La lista de precios es el menú tradicional: nombres, descripciones y precios en una columna legible, agrupados por sección. Es el menos llamativo de los cinco diseños y, con más frecuencia que cualquiera de los demás, la elección correcta.

Qué aspecto tiene

• Elementos en una lista vertical, agrupados bajo los encabezados de sus categorías.
• Nombre, subtítulo y descripción a la izquierda; precios a la derecha, con un icono por formato de ración.
• Iconos de alérgenos junto a cada elemento.
• El logotipo y los controles de utilidad en la parte superior.
• La navegación de categorías se desplaza entre secciones.

Cuándo funciona

• Menús largos. Es el único diseño que sigue siendo útil pasados los sesenta elementos.
• Menús con poca fotografía o sin ella — nada parece faltar.
• Cartas de vinos, cartas de licores, cartas de desayuno, menús de barra.
• Cualquier menú en el que los comensales comparan precios, que son la mayoría.
• Precios en varios formatos: raciones completas y medias, o cuatro tamaños de botella, uno al lado del otro.

Cuándo elegir otra cosa

• El menú es corto, fotogénico y completo, y el restaurante vende una experiencia más que una lista.
• Menús de postres o de cócteles, donde la imagen es la que vende.

Nada impide que un sitio use Price list para el menú a la carta y Masonry para los postres. Los diseños se configuran por tipo de menú.

Por qué suele ser la opción segura por defecto

Tres razones prácticas:

1. Se degrada con elegancia. Una foto que falta, una descripción larga o un elemento con un solo precio parecen normales.
2. Es rápido. Al no haber imágenes grandes, se abre de inmediato en un teléfono en una mesa concurrida.
3. Es comparable. Los comensales ven varios precios a la vez, que es como se toman realmente las decisiones al pedir.

Cómo lograr que se lea bien

• Mantén las descripciones en una o dos líneas. En una lista, una descripción larga empuja al siguiente elemento fuera de la pantalla.
• Mantén una longitud de descripción coherente — una columna irregular parece inacabada.
• Usa el subtítulo para un calificativo, no para un segundo nombre.
• Rellena solo los precios que el elemento realmente tenga; cada formato completado añade una línea a la fila.
• Ordena los elementos deliberadamente dentro de cada sección, ya que no hay jerarquía visual que lo compense.

Imágenes en una lista de precios

El diseño puede mostrar imágenes donde existen y no castiga su ausencia. Eso lo convierte en la elección adecuada para un menú cuya fotografía se va añadiendo gradualmente: empieza como lista de precios, añade fotos con el tiempo y plantéate un diseño protagonizado por las fotos solo cuando el conjunto esté completo.

Compruébalo en un teléfono

• [ ] Los precios y los nombres son legibles sin necesidad de ampliar.
• [ ] La columna de precios no choca con nombres de platos largos.
• [ ] Los precios en varios formatos siguen distinguiéndose — este es el diseño más denso para las cartas de vinos.
• [ ] Las descripciones no empujan los precios fuera de la vista.
• [ ] Los encabezados de categoría son visibles mientras los comensales se desplazan.
• [ ] Los iconos de alérgenos son legibles en su tamaño real.
• [ ] Toda la sección se puede leer sin desplazamiento horizontal.