Iconos
Los iconos soportan más peso en un menú digital del que la mayoría espera: cada tipo de menú tiene uno, cada opción del dock de contacto muestra uno, cada formato de precio tiene uno y cada alérgeno tiene uno. La coherencia entre los cuatro conjuntos es lo que hace que un menú parezca diseñado.
Los cuatro conjuntos
| Conjunto | Dónde se elige | Dónde aparece |
|---|---|---|
| Iconos de tipo de menú | Content settings → Content settings, por tipo | En el dock de contacto y en la navegación entre menús |
| Icono de alternancia del dock de contacto | Content settings → Content settings, por tipo | En el botón flotante del dock |
| Iconos de formato de precio | Integrados | Junto a cada precio, en el menú y en el PDF |
| Iconos de alérgenos | Content settings → Allergens | Junto a los platos, en el filtro, en el panel de información y en el PDF |
Los iconos de formato de precio son fijos: ración completa, media ración, unidad, copa, chupito, botella, Magnum, Benjamin, precio de menú y precio de maridaje tienen cada uno el suyo, con variantes específicas para bebidas en el caso de cócteles y refrescos.
Iconos de tipo de menú
Cada tipo de menú tiene un valor predeterminado sensato: cubiertos para el menú a la carta, un cruasán para el desayuno, una copa de vino para la carta de vinos, una cerveza para el menú del bar y las bebidas, una copa de cóctel para los cócteles, una estrella para los postres, una hoja de menú para los menús de degustación y los menús cerrados.
Cambia uno cuando el valor predeterminado no encaje con el local. Mantén cada sustituto en la misma familia visual que el resto; una ilustración detallada entre nueve iconos de línea llama más la atención que una metáfora equivocada.
El icono de alternancia del dock
El botón flotante lleva su propio icono, distinto de los iconos de tipo de menú. El valor predeterminado es un icono tipo menú que se interpreta como «abre esto».
Elige algo que diga navega, no algo decorativo. Es el único control que un cliente usa para salir del menú en el que está.
Iconos de alérgenos
El conjunto de iconos más funcional del sitio, y el que los clientes realmente descifran. Se trata en Iconos de alérgenos.
Dos reglas soportan la mayor parte del peso: usa símbolos convencionales y asegúrate de que un alérgeno personalizado que añadas tenga un icono; un alérgeno sin icono puede acabar sin ningún símbolo junto al plato.
Elegir iconos que sobrevivan a un teléfono
- El tamaño pequeño es la verdadera prueba. Los iconos se muestran junto a los nombres de los platos y dentro de una barra de navegación estrecha.
- Silueta por encima del detalle. Una forma que se lee a 16 píxeles supera a una ilustración que se lee a 64.
- Una sola familia. No mezcles rellenos y delineados, ni cuadrados y redondeados.
- Contraste con el fondo. Un icono oscuro sobre un menú oscuro es invisible en una habitación a oscuras.
Desactivar los iconos
El dock de contacto tiene un interruptor Show icons next to each option por tipo de menú. Desactivarlo deja destinos solo de texto, lo cual es una elección legítima para un dock con nombres de menú largos.
Los iconos de alérgenos pueden ocultarlos los propios clientes mediante el interruptor Show allergens in dishes del menú.
Iconos en el PDF
El menú imprimible tiene interruptores separados para el icono de alérgeno y la etiqueta de alérgeno. Los iconos de formato de precio se muestran como parte de la presentación del precio.
Como el material impreso se lee a un tamaño fijo y no se puede ampliar, activar tanto el icono como la etiqueta es la opción más segura en papel.
Compruébalo
- [ ] Cada tipo de menú tiene un icono que le conviene.
- [ ] Todos los iconos proceden de una misma familia visual.
- [ ] Los iconos son legibles a tamaño real en un teléfono.
- [ ] Los iconos tienen contraste con el fondo, según la iluminación del local.
- [ ] Cada alérgeno personalizado tiene un icono.
- [ ] El icono de alternancia del dock se interpreta como un control de navegación.
- [ ] El PDF muestra el detalle de icono que pretendías.