Clicky

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

botón o menú de la hamburguesa

Se usa comúnmente para menús que se deslizan desde el costado de la pantalla

Menú de hamburguesa, o icono de hamburguesa, 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 tan 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. Puedes ver los botones del menú de hamburguesas en acción en la Xerox Star en el vídeo a continuación en la marca de tiempo 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 limitado espacio en la pantalla significa que las opciones deben guardarse en los menús, y el icono de la hamburguesa se ha convertido en una popular opción 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 en 2008 por una aplicación de Twitter llamada "Tweetie". 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.

¿Para qué sirve el icono de la 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í proviene 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 a 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 (sidebar)").

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ú hamburguesa 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.

menú hamburguesa en Windows 10

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

¿Por qué se llama menú de "hamburguesa"?

menú 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é ni 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.

Los humanos solo ven comida en muchas cosas, aparentemente.

El caso contra el menú de hamburguesa

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.

menú inferior en Google maps

Sin embargo, una barra de navegación no funciona para todas las aplicaciones, por lo que 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, puedes ver dos íconos de menú de hamburguesa en el sitio web móvil de Apañados.es. Los sitios web a menudo también usan este diseño).

menú hamburguesa y puntos en apañados

Eso es mucho hablar sobre hamburguesas y diseño de software. Todo lo que necesitas saber es que un menú de hamburguesa suele tener tres líneas horizontales en una pila vertical. Atento también a los tres puntos. Utiliza estos botones cuando busques menús y más opciones. Ahora, pásame la mostaza, por favor.

Jesus_Caceres