Diseño y presentación

Este capítulo cubre lo que ve el comensal: el diseño con el que se publica un menú, la navegación a su alrededor, los colores y los iconos, y cómo se comporta todo en un teléfono.

Un menú de Fenómenus en un teléfono

Los diseños

Los menús de platos eligen uno de cinco. Los menús de degustación y los menús cerrados tienen dos diseños propios.

Diseño Ideal para Artículo
Vertical Un feed a pantalla completa, protagonizado por las fotos Vertical
Lista de precios Menús largos, fotografía incompleta Lista de precios
Carrusel horizontal Secciones seleccionadas con imágenes potentes Carrusel horizontal
Masonry Rejillas con muchas fotos Masonry
Swipe Una experiencia lúdica, un plato cada vez Swipe
Menu design 1 / 2 Menús de degustación Diseño del menú de degustación
Menu design 1 / 2 Menús cerrados Diseño del menú cerrado

Empieza por Elegir un diseño, que es la decisión que condiciona todo lo demás.

Alrededor del contenido

Elemento Qué hace Artículo
Navegación por categorías Mueve a los comensales entre secciones y aloja los interruptores de utilidades Navegación por categorías
Dock de contacto El control flotante que mueve a los comensales entre menús Dock de contacto
Favoritos Permite al comensal guardar platos en su propio dispositivo Favoritos

Presentación

Tema Artículo
La paleta y dónde se usa cada color Colores y paletas
Iconos de menú, iconos del dock y sus valores por defecto Iconos
Fotografía, imágenes de fondo y qué esperar Imágenes
Comprobar el resultado allí donde los comensales lo leen realmente Revisión responsive

Dónde viven los ajustes de diseño

Dos lugares, y cada uno hace un trabajo distinto:

  • El asistente de configuración define la paleta y el diseño inicial de cada tipo de menú. Volver a ejecutarlo sobrescribe esas elecciones.
  • Settings → Restaurant settings → Content settings → Content settings contiene todo lo que afinas después: imagen de fondo, icono y etiqueta en plural por tipo de menú, enlaces, etiquetas y colores del dock de contacto, colores de la navegación por categorías y los interruptores de utilidades.

El diseño de un tipo de menú se elige cuando se habilita ese tipo, en Content settings → Content types.

La única regla de este capítulo

Las decisiones de diseño se toman en un teléfono. Cada menú de Fenómenus se lee en una mesa, con la luz de esa sala, en una pantalla sostenida con una mano. Un diseño que impresiona en un escritorio y que resulta ilegible en una mesa es el diseño equivocado, da igual lo bien que se vea en una reunión de revisión.

Cada artículo de diseño termina con qué comprobar en un teléfono. Revisión responsive reúne la lista de comprobación completa.