¿Qué es un botón de menú Hamburguesa?

Botón Humber y emoji

Menú de hamburguesa, o icono de hamburguesa, es un término que se usa comúnmente cuando se habla de aplicaciones. Puede que tenga hambre, pero no tiene nada que ver con la comida. ¿De dónde vino este estúpido nombre y qué hace el menú?

Historia del icono de la hamburguesa

Icono de hamburguesa: menú, símbolo, botón, etc. – existe desde 1981. Fue creado con Norma Cox, liderazgo gráfico para Estrella Xerox, la primera computadora personal comercial.

Norm diseñó el símbolo como un contenedor para las opciones del menú. Las líneas horizontales son una representación abstracta de una lista vertical. Puede ver los botones del menú de hamburguesas en acción en Xerox Star en el siguiente video a las 9:15 pm

Se pretendía que el símbolo fuera muy simple, en parte debido a las limitaciones de diseño de la época. Solo podía tener unos 16 × 16 píxeles, por lo que tenía que ser único y fácilmente visible. Tres líneas pesadas sirvieron para este propósito.

No fue hasta que aparecieron los teléfonos inteligentes y las aplicaciones móviles que el ícono de la hamburguesa explotó en la conciencia normal. El espacio limitado en la pantalla significa que las opciones deben estar ocultas en los menús, y el icono de hamburguesa es muy popular para indicar esto.

La historia del icono de la hamburguesa en las aplicaciones móviles es un poco más fea. Es posible que haya sido utilizado por primera vez por una aplicación de Twitter llamada «Tweetie» en 2008. Poco después, comenzó a aparecer en el sistema operativo iOS de Apple, lo que probablemente lo hizo popular en el diseño de aplicaciones móviles.

¿Para qué sirve un icono de hamburguesa?

Como ya se mencionó, el propósito principal del ícono de hamburguesa era actuar como un menú con listas de opciones. De aquí es de donde viene el diseño. Los menús suelen tener opciones de lista desplegable, por lo que las tres líneas se apilan una encima de la otra.

Es por eso que el ícono de la hamburguesa todavía se usa hoy en día, pero su propósito se ha extendido a las aplicaciones móviles. Ahora se usa comúnmente para menús deslizantes en el costado de la pantalla. (Este tipo de menú a veces se denomina menú de «barra lateral»).

A continuación, se muestra un ejemplo de una imagen de hamburguesa utilizada en la aplicación Gmail para Android. El icono se abre con un menú en ese lado de la pantalla.

menú de hamburguesas en gmail

El icono de hamburguesa también se puede encontrar en el menú Inicio de Windows 10. Expanda sobre el icono o haga clic en el icono de los accesos directos a Configuración, Energía y otras opciones de usuario.

El icono de la hamburguesa es solo un símbolo que significa «menú». Cuando empieces a buscarlo, lo encontrarás en todas partes.

¿Por qué el menú se llama «Hamburguesa»?

Gracias a la investigación del diseñador Geoff siempre, la historia del icono de la hamburguesa está bastante desarrollada. Sin embargo, no sabemos realmente por qué ni cuándo se llamó la «hamburguesa».

Todos parecen estar de acuerdo en que el apodo proviene de los tres niveles que se parecen un poco a la parte superior inferior, la parte inferior de la hamburguesa y la inferior inferior. Pero, ¿quién fue la primera persona en hacer esa conexión? No estamos solos. Norm Cox solo menciona que llama a la ventana un «respiradero».

La gente parece ver comida en muchas cosas.

El caso contra el menú de hamburguesas

No todo el mundo es fanático de los omnipresentes iconos de las hamburguesas. En los últimos años, los diseñadores de aplicaciones han comenzado a alejarse de él.

El ícono de la hamburguesa (con restricciones estrictas) está diseñado para ser súper simple. A veces esa sencillez es una desventaja. No es muy descriptivo y puede olvidarse fácilmente si no está familiarizado con él.

Las barras de navegación son cada vez más populares para organizar los elementos del menú. En lugar de ocultar todo detrás de un botón no descriptivo, se pueden colocar varios iconos en una barra de texto. Esto es mucho más fácil de entender para uno.

barra de navegación de google maps
Barra de navegación de Google Maps

Sin embargo, la barra de navegación para todas las aplicaciones no funciona, por lo que es común ver el ícono de hamburguesa. La característica más popular es el uso de tres puntos como ícono de menú, como se muestra a continuación en Chrome para Android.

(Debajo del botón, puede ver un ícono de menú de hamburguesa en el sitio web móvil How-To Geek. ¡Los sitios web a menudo usan este diseño!)


Se habla mucho sobre ladrones y diseño de software. Por lo general, todo lo que tiene que hacer es tener una línea horizontal en una pila vertical en un menú de hamburguesas. Tenga cuidado también con tres puntos. Utilice estos botones cuando busque menús y más opciones. Ahora, pásame la mostaza, por favor.