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

botón de humber y emoji

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

La historia del icono de la hamburguesa

El icono de la hamburguesa (menú, símbolo, botón, etc.) existe desde 1981. Fue creado por Norm Cox , el líder gráfico de Xerox Star , 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 la Xerox Star en el video a continuación en la marca de las 21:15.

El símbolo estaba destinado a ser muy simple, en parte debido a las limitaciones de diseño de la época. Solo podía tener alrededor de 16 × 16 píxeles, por lo que debía ser distinto y fácilmente visible. Tres líneas en negrita lograron ese objetivo.

No fue hasta que aparecieron los teléfonos inteligentes y las aplicaciones móviles que el ícono de la hamburguesa estalló en la conciencia general. El espacio limitado en la pantalla significa que las opciones deben estar escondidas en los menús, y el ícono de la hamburguesa se ha convertido en una opción popular para indicar eso.

La historia del icono de la hamburguesa en las aplicaciones móviles es un poco más turbia. 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 para iPhone, lo que probablemente llevó a su popularidad en el diseño de aplicaciones móviles.

Relacionado:  Cómo cambiar los objetivos de movimiento, posición y ejercicio del Apple Watch

¿Para qué sirve el icono de hamburguesa?

Como se mencionó anteriormente, el propósito original del ícono de hamburguesa era actuar como un menú que contenía listas de opciones. De ahí viene el diseño. Los menús suelen incluir opciones en una lista vertical, de ahí las tres líneas apiladas una encima de la otra.

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

A continuación, se muestra un ejemplo del icono de hamburguesa que se utiliza en la aplicación Gmail para Android. Al tocar el icono, se abre un menú en ese lado de la pantalla.

menú de hamburguesas en gmail

El icono de la hamburguesa también se puede encontrar en el menú Inicio de Windows 10. Al pasar el cursor sobre el icono o hacer clic en él, se expanden los accesos directos a Configuración, Energía y otras opciones de usuario.

icono de hamburguesa en el menú de inicio

El icono de la hamburguesa es simplemente un símbolo que ha llegado a significar «menú». Una vez que comiences a buscarlo, lo verás en todas partes.

¿Por qué se llama menú de “hamburguesas”?

icono de hamburguesa y hamburguesa

Gracias a la investigación del diseñador Geoff Alday , la historia del icono de la hamburguesa está bastante desarrollada. Sin embargo, no sabemos realmente por qué o cuándo tomó el apodo de «hamburguesa».

Todos parecen estar de acuerdo en que el apodo proviene de las tres líneas que se asemejan un poco a un bollo superior, una hamburguesa y un bollo inferior. Pero, ¿quién fue la primera persona en hacer esa conexión? No estamos seguros. Norm Cox solo menciona en broma que lo llama un «respiradero de aire» para la ventana.

Relacionado:  ¿Qué son las listas de Microsoft y para qué sirven?

Los humanos solo ven comida en muchas cosas, aparentemente.

El caso contra el menú de hamburguesas

No todo el mundo es fanático del omnipresente icono de la hamburguesa. En los últimos años, los diseñadores de aplicaciones han comenzado a alejarse de él.

El ícono de la hamburguesa fue diseñado (con restricciones estrictas en su lugar) para ser súper simple. Esa simplicidad a veces puede ser un inconveniente. No es muy descriptivo y puede pasarse por alto fácilmente si no está familiarizado con él.

Las barras de navegación se han convertido en una forma más popular de organizar los elementos del menú. En lugar de colocar todo detrás de un botón indescriptible, se pueden organizar varios iconos en una barra con texto. Esto es mucho más fácil de entender para alguien.

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

Sin embargo, una barra de navegación no funciona para todas las aplicaciones, por lo que todavía es común ver el ícono de hamburguesa. Lo que se ha vuelto aún 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 de How-To Geek. ¡Los sitios web a menudo también usan este diseño!)

icono de menú de tres puntos


Eso es mucho hablar sobre hamburguesas y diseño de software. Todo lo que necesita saber es que un menú de hamburguesas generalmente consta de tres líneas horizontales en una pila vertical. Esté atento a los tres puntos también. Utilice estos botones cuando busque menús y más opciones. Ahora, pásame la mostaza, por favor.

Relacionado:  ¿Debería comprar Mac Studio?