El menú hamburguesa — esas tres líneas horizontales en la esquina superior izquierda que abren un panel lateral — es uno de los patrones más extendidos de la interfaz móvil y, paradójicamente, uno de los más criticados por la investigación UX. Los estudios del Nielsen Norman Group, Luke Wroblewski y el Baymard Institute coinciden en un punto: las funciones escondidas dentro de un hamburguesa se descubren y se usan mucho menos que las visibles. Y aun así, lo vemos por todas partes, desde Gmail hasta Glovo, Cabify o las apps de bancos como BBVA, Santander o Nubank.
¿Cómo puede un patrón tan criticado estar tan extendido? Porque a menudo es la única solución práctica cuando hay que colocar muchas opciones de navegación en el poco espacio de una pantalla móvil. Este artículo te ayuda a decidir cuándo usar un hamburguesa, cuándo elegir una alternativa mejor y cómo sacarle el máximo partido si decides usarlo.
Lo que vas a aprender:
- Qué dice realmente la investigación UX sobre el menú hamburguesa
- Los 3 contextos en los que sigue siendo la elección correcta
- Las 4 alternativas modernas (tab bar, bottom sheet, hub page, control segmentado)
- Cómo diseñar un menú hamburguesa efectivo si decides usarlo
- Los errores más comunes que lo vuelven inusable
Qué dice la investigación UX
El dato clave es este: el contenido escondido dentro de un menú hamburguesa se descubre menos que el visible. Un estudio del Nielsen Norman Group publicado en 2016 y actualizado después mostró que, cuando las mismas opciones están disponibles en una navegación visible, su frecuencia de uso es significativamente mayor — a menudo el doble o más. Los benchmarks de e-commerce móvil del Baymard Institute confirman el mismo patrón año tras año.
No es una novedad metodológica. Es coherente con el principio de discoverability de Don Norman: lo que no se ve no existe para quien no sabe ya que tiene que buscarlo. El hamburguesa es una "caja cerrada": los novatos no saben qué hay dentro y muchos nunca la abren.
Esto no significa que siempre esté mal. Significa que hay que usarlo con conocimiento de causa, aceptando el intercambio: cambias descubribilidad por limpieza visual. En algunos contextos el intercambio tiene sentido. En otros, no.
Cuándo el menú hamburguesa sigue siendo la elección correcta
Tres situaciones en las que sigue siendo razonable:
1. Cuando tienes muchas opciones de navegación secundarias
Si tu app tiene más de 20 secciones, de las cuales solo 4 o 5 son primarias (el corazón del producto) y el resto son secundarias o de servicio (ajustes, perfil, ayuda, info legal), el hamburguesa es un contenedor aceptable para las secundarias. Las primarias deben exponerse de otra forma.
2. Cuando tu usuario es recurrente y experto
Si tu app es una herramienta profesional que la misma persona usa cada día durante meses, la falta de descubribilidad inicial pesa menos: el usuario aprende la estructura en pocos días. Slack, Notion, Linear o Factorial — herramientas donde el hamburguesa (o una variante) sigue vivo.
3. Cuando hay poco espacio y muchas áreas de producto
Apps de grandes instituciones (bancos, aseguradoras, organismos públicos) tienen decenas de áreas funcionales, cada una legítima. Una tab bar de 5 huecos no es suficiente. Por eso sigue apareciendo en apps como BBVA, Santander, Mi Carpeta Ciudadana, NuBank o Mercado Libre: es el menor de los males cuando las áreas funcionales son muchas.
Las 4 alternativas modernas al menú hamburguesa
En 2026 un diseñador tiene varias alternativas, cada una con su propio sweet spot.
1. Tab bar (navegación inferior)
Una barra fija abajo con 3–5 secciones principales. Es el patrón dominante en apps nativas iOS y Android desde 2018, y el estándar de Material Design 3 y las Human Interface Guidelines de Apple.
Ventajas:
- Descubribilidad máxima: todas las secciones principales están siempre visibles.
- Acceso cómodo con el pulgar en las pantallas grandes actuales.
- Coherente con el resto del ecosistema móvil: los usuarios ya tienen el modelo mental.
Limitaciones:
- Máximo 5 huecos. Con 6+ secciones primarias, no cabe todo.
- Ocupa espacio vertical permanente.
Cuándo elegirla: apps con 3–5 áreas claramente primarias (Instagram: Home, Buscar, Reels, Shop, Perfil). Es la opción por defecto en 2026.
2. Bottom sheet
Una superficie que se abre desde abajo cubriendo parte de la pantalla. Se usa para acciones contextuales (compartir, editar, filtros) y a veces para navegación secundaria.
Ventajas:
- Se integra con el contexto actual sin cambiar de página.
- Más rápido que un salto a una nueva pantalla.
- Ocupa espacio solo cuando se invoca.
Cuándo elegirlo: para navegación contextual, no primaria. Ejemplo: el botón "+" de Instagram abre un bottom sheet con "Publicación / Historia / Reel / En vivo".
3. Página hub
Una pantalla "home" que funciona como índice de las áreas del producto, visible al primer acceso. La app se abre directamente sobre ella y el usuario elige dónde ir.
Ventajas:
- Todas las áreas visibles.
- Funciona como onboarding implícito.
- Flexible para contenidos con estructura muy diversa.
Limitaciones:
- El usuario hace un clic más que con una tab bar.
- Requiere buen diseño visual para no volverse una lista abrumadora.
Cuándo elegirla: apps de servicios complejos con muchas áreas (bancos, aseguradoras, portales públicos, super-apps como Rappi o Kavak).
4. Control segmentado
Un control de botones que divide la pantalla principal en 2–4 secciones, normalmente arriba. Distinto de la tab bar porque cambia el contenido de la misma pantalla, no el contexto de toda la app.
Ventajas:
- Cambio rápido sin cambios de página.
- Útil para filtrar entre vistas de la misma información (p. ej. "Todos / No leídos / Favoritos").
Cuándo elegirlo: no para navegación global, sino para sub-áreas de una misma función.
Cómo diseñar un menú hamburguesa efectivo
Si después de evaluar concluyes que el hamburguesa es la elección correcta para tu caso, sigue estas reglas para hacerlo lo más usable posible.
1. Muestra siempre una etiqueta junto al icono
"Menú" escrito al lado de las tres líneas aumenta la descubribilidad de forma medible. Las tres líneas son un icono aprendido, pero "Menú" es lenguaje universal.
2. Ordena las opciones por prioridad de uso
Las más usadas arriba. Ni alfabéticas ni "lógicas desde el punto de vista del creador": estadísticas reales de uso. Si no tienes datos, prioriza en base a entrevistas con usuarios.
3. Separa las acciones personales de las áreas de producto
Ajustes, perfil, cerrar sesión van en una sección aparte (abajo es el sitio clásico) respecto a las áreas del producto. Esta separación reduce la carga cognitiva.
4. Muestra el estado activo
Cuando el menú está abierto, el área en la que estás debe estar resaltada. El usuario no tiene que recordar dónde está.
5. Limita la profundidad
Un hamburguesa con sub-menús que abren sub-sub-menús es un laberinto. Máximo dos niveles, y el segundo solo por razones muy fuertes.
6. Considera un icono para cada opción
Los iconos junto a los nombres de las áreas aceleran el escaneo visual un 20–30% según estudios clásicos de usabilidad. No son obligatorios, pero ayudan cuando se aplican con coherencia.
Los errores más comunes
Cinco fallos que vuelven el hamburguesa insoportable:
1. Usarlo para ocultar funciones principales
Si las 3–4 funciones más usadas de tu app viven dentro del hamburguesa, te estás equivocando. Tienen que estar siempre visibles.
2. Mezclar elementos de niveles distintos
"Home / Pedidos / Ajustes / Mi perfil / Cerrar sesión / Contacto / Términos del servicio / Idioma" en una lista plana es un despropósito cognitivo. Agrupa por nivel y tipo.
3. Solo iconos, sin etiquetas
Un menú con solo iconos es indescifrable para quien no reconoce cada glifo al instante. Etiqueta siempre.
4. Animación de apertura demasiado lenta
La apertura del hamburguesa debería durar 200–300 ms. Más allá de 500 ms, se vuelve molesta tras la décima vez.
5. Fondo no tocable para cerrar
El menú debe poder cerrarse tocando fuera de su perímetro. Obligatorio.
El futuro del menú hamburguesa
En 2026 el menú hamburguesa es menos dominante que hace cinco años en móvil nativo, pero sigue vivo en la web móvil y en las PWA (donde el espacio está aún más limitado) y en productos enterprise con decenas de áreas funcionales. No está muerto: está redimensionado a su papel correcto, contenedor de navegación secundaria, no primaria.
La tendencia general es hacia una navegación más visible: tab bars expandidas, páginas hub bien diseñadas, bottom sheets contextuales. El hamburguesa sobrevive donde es la única solución práctica, no donde es la primera elección.
Preguntas frecuentes
¿El menú hamburguesa está muerto?
No, pero se ha redimensionado. Era la primera elección para móvil en 2013–2017; hoy suele ser la tercera o cuarta, y se usa cuando las alternativas no son viables. Sigue existiendo, pero con un papel más específico.
¿Puedo usar hamburguesa y tab bar a la vez?
Sí, muchas apps lo hacen. La tab bar contiene las 4–5 áreas primarias y el hamburguesa (o un botón "Más") contiene las secundarias. Es una solución de compromiso muy usada en super-apps.
¿Por qué Google y Apple lo siguen usando?
Algunas de sus apps enterprise (Google Workspace, Apple Business Manager) lo usan porque tienen decenas de áreas funcionales. Sus apps de consumo más recientes (Google Maps, Apple Fotos) han pasado a bottom sheets y páginas hub.
¿Es menos accesible?
No intrínsecamente, pero es más fácil hacerlo mal. Un hamburguesa tiene que ser activable por teclado, el lector de pantalla debe anunciar "menú, botón, cerrado/abierto" y la animación debe respetar prefers-reduced-motion. Estos requisitos son clave bajo la UNE-EN 301 549, el European Accessibility Act, la Ley 1618 de 2013 en Colombia y la NOM-034 en México, y se ignoran a menudo en la implementación práctica.
¿Qué diferencia hay entre menú hamburguesa y menú kebab?
El menú kebab (tres puntos verticales) es para acciones contextuales sobre un elemento concreto. El menú hamburguesa (tres líneas horizontales) es para navegación global. No son intercambiables aunque se parezcan.
Próximos pasos
Elegir el patrón de navegación es una de las decisiones más decisivas en el éxito de un producto móvil. Para profundizar:
- Estudia los principios de usabilidad que rigen estas decisiones
- Lee la guía de diseño mobile first para el contexto de diseño móvil
- Profundiza en la arquitectura de la información que hay detrás de cada navegación
El Curso de Interaction Design de CorsoUX dedica una sección entera a la elección de patrones de navegación, con ejercicios reales sobre productos móviles y feedback de mentores que diseñan apps cada día para empresas de España y LATAM.
