Diseño de menús: facilita cada elección
Orden de secciones, ejemplos originales de descripciones, precios claros y una revisión en celular y en papel.
Equipo editorial de SeEat · Revisado ·
En resumen
Un buen diseño de menú responde tres preguntas: qué es el plato, en qué se diferencia de las otras opciones y cuánto cuesta. Prepara esa información antes de decorar la carta. Un diseño vistoso no arregla nombres confusos ni precios ausentes.
Studio está disponible actualmente en inglés.
Ordena las secciones según la comida
Para una cena, prueba entradas, platos principales, acompañamientos y postres. Un mostrador de almuerzos puede presentar primero comidas completas y después extras. En un local centrado en bebidas, quizá convenga mostrar estas primero. Son puntos de partida, no una regla universal de lectura.
Agrupa opciones comparables: quien duda entre una preparación asada y otra estofada no debería buscarlas en páginas lejanas. No supongas que un “triángulo dorado” garantiza atención o ventas. Observa a una persona nueva usando tu carta e identifica dónde duda.
Describe diferencias concretas
Ejemplo original, no un plato de un restaurante real: cambia “Pollo especial del chef” por “Pollo a la brasa con yogur de limón y zanahorias asadas”. Así explicas preparación, salsa y acompañamiento. Indica picante, cremosidad o servicio frío cuando ayude a elegir.
Los detalles concretos suelen explicar más que “el mejor”, “famoso” o “auténtico”. Mantén una estructura comparable entre platos vecinos. Da un espacio visible a tamaños y preparaciones especiales; no los escondas en una nota.
Aclara precios y opciones
Coloca el precio junto a su plato y el suplemento junto al extra. Explica qué incluye la opción básica. Si hay dos tamaños, nómbralos antes de mostrar sus precios. Contrasta la carta terminada con lo que cobra el personal.
Ejemplo de diseño: “Fideos — normal 12 / grande 16; añadir huevo +2” aclara más que “desde 12”. Son cifras inventadas en una misma moneda para ilustrar la presentación, no precios recomendados ni un menú real de SeEat.
Trabaja jerarquía, contraste y espacio
Presenta primero secciones, después nombres y luego descripciones. Los encabezados web expresan la estructura del contenido.[1] El W3C establece un contraste mínimo de 4.5:1 para texto ordinario y 3:1 para texto grande.[2] Son umbrales web, no una garantía de legibilidad de un tablero impreso a cualquier distancia.
En el celular, evita comprimir una hoja de varias columnas. Prueba nombres largos y traducciones completas. Para papel, lee una muestra bajo la iluminación del comedor. Ofrece otra forma legible de consultar la carta cuando sea necesario.
Traduce lo que ayuda a decidir
Conserva el nombre original reconocible cuando sea útil y explica la preparación en el idioma del lector. Una traducción literal puede ocultar la información importante. Pide a alguien que domine el idioma y conozca la cocina que revise los términos ambiguos.
Las etiquetas alimentarias deben basarse en recetas verificadas, no en imágenes generadas. Invita a preguntar por ingredientes y equipos compartidos; una etiqueta no demuestra que un plato sea seguro para una alergia.
Un proceso práctico
- Prepara una sección con nombres, diferencias, precios y modificaciones posibles.
- Pide a un lector nuevo que encuentre un plato, lo compare con otro y explique el precio final. Corrige donde dude.
- Revisa en el celular y en una impresión, con los nombres traducidos más largos, antes de publicar.
Preguntas frecuentes
¿Todos los platos necesitan imagen?
Solo cuando ayude a entender la elección y corresponda al plato. Identifica las referencias de IA y conserva descripciones precisas.
¿Dónde pongo el plato más importante?
En la sección donde el cliente lo buscaría, con una descripción clara. Prueba con lectores reales, sin prometer una posición universalmente óptima.
¿Cómo reviso varios idiomas?
Coloca traducciones completas en el diseño real. Comprueba nombres largos, alineación de precios y saltos de línea; después revisa el sentido con alguien que domine el idioma.
Fuentes
- W3C WAI. Headings — Page Structure Tutorial. Consultado el
- W3C WAI. Understanding SC 1.4.3: Contrast (Minimum). Consultado el
Studio está disponible actualmente en inglés.
