Hamburger Menu, o Hamburger Icon, es un término comúnmente utilizado cuando se habla de aplicaciones. Puede que te haga tener hambre, pero no tiene nada que ver con la comida. ¿De dónde viene este nombre tonto y qué hace el menú?
¿De qué vamos a hablar?
La historia del icono de la hamburguesa
El icono de la hamburguesa (menú, símbolo, botón, etc.) ha existido desde 1981. Fue creado por Norma Cox, el lead de gráficos para el Estrella de Xerox, el primer ordenador personal comercial.
Norm diseñó el símbolo como un contenedor para las opciones de 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 el Xerox Star en el video a continuación en la marca de 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 necesitaba ser distinto y fácilmente visible. Tres líneas audaces lograron ese objetivo.
No fue hasta que llegaron los teléfonos inteligentes y las aplicaciones móviles que el ícono de la hamburguesa explotó en la conciencia general. El espacio limitado en la pantalla significa que las opciones deben guardarse en los menús, y el ícono de la hamburguesa se ha convertido en una opción popular para significar eso.
La historia del icono de la hamburguesa en las aplicaciones móviles es un poco más turbia. Puede haber sido utilizado por primera vez por una aplicación de Twitter llamada “Tweetie” en 2008. Poco después de eso, comenzó a aparecer en el sistema operativo iOS de Apple para el iPhone, lo que probablemente llevó a su popularidad en el diseño de aplicaciones móviles.
¿Para qué es el icono de la hamburguesa?
Como se mencionó anteriormente, el propósito original del ícono de la 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 se usa el ícono de la hamburguesa hoy en día, 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 llama menú de “barra lateral”).
Aquí hay un ejemplo del ícono de hamburguesa que se usa en la aplicación Gmail para Android. Al tocar el icono, se abre un menú desde ese lado de la pantalla.
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 al hacer clic en el icono, se expanden los accesos directos para Configuración, Encendido y otras opciones de usuario.
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.
Gracias a la investigación del diseñador Geoff Alday, la historia del icono de la hamburguesa está bastante desarrollada. Sin embargo, realmente no sabemos por qué o cuándo recogió 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 llamándolo una “salida de aire” para la ventana.
Los humanos solo ven comida en muchas cosas, aparentemente.
No todo el mundo es fan del omnipresente icono de las hamburguesas. En los últimos años, los diseñadores de aplicaciones han comenzado a alejarse de ella.
El icono 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 esconder todo detrás de un botón no descriptivo, se pueden organizar varios iconos en una barra con texto. Esto es mucho más fácil de entender para alguien.
Sin embargo, una barra de navegación no funciona para todas las aplicaciones, por lo que sigue siendo común ver el icono de la hamburguesa. Lo que se ha vuelto aún más popular es el uso de tres puntos como icono de menú, como se muestra a continuación en Chrome para Android.
(Debajo del botón, puede ver un ícono de menú de hamburguesas en el sitio web móvil de How-To Geek. ¡Los sitios web a menudo también usan este diseño!)
Eso es mucho hablar sobre hamburguesas y diseño de software. Todo lo que necesita saber es que un menú de hamburguesas suele ser de tres líneas horizontales en una pila vertical. Esté atento a tres puntos también. Usa estos botones cuando busques menús y más opciones. Ahora, pasa la mostaza, por favor.