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

botón de humber y emoji

Menú de hamburguesas, o icono de hamburguesa, es un término de uso común 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ú?

Índice de contenidos
  1. La historia del icono de la hamburguesa
  2. ¿Para qué sirve el icono de la hamburguesa?
  3. ¿Por qué se llama menú "Hamburguesa"?
  4. El caso contra el menú de hamburguesas

La historia del icono de la hamburguesa

El icono Hamburguesa (menú, símbolo, botón, etc.) existe desde 1981. Fue creado por Norma Cox, el diseñador gráfico de la 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 video a continuación en la marca de las 9:15 pm.

El símbolo tenía que 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 lo han logrado.

No fue hasta la llegada de 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 ocultas en los menús, y el icono de hamburguesa se ha convertido en una opción popular para indicar esto.

La historia del icono de la hamburguesa en las aplicaciones móviles es un poco más oscura. 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 iPhones, 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 la hamburguesa era actuar como un menú que contenía listas de opciones. De aquí viene el diseño. Los menús suelen incluir las opciones en una lista vertical, por lo que las tres líneas se apilan una encima de la otra.

Esto sigue siendo para lo que se usa hoy el ícono de la hamburguesa, pero su alcance 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").

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 hamburguesa también se encuentra 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 se ha convertido en el significado de "menú". Una vez que comiences a buscarlo, lo verás en todas partes.

¿Por qué se llama menú "Hamburguesa"?

icono de hamburguesa y hamburguesa

Gracias a la investigación del diseñador Geoff Alday, la historia del icono de la hamburguesa es bastante compleja. Sin embargo, no sabemos realmente por qué o cuándo recibió 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 lo menciona en broma llamándolo un "respiradero" para la ventana.

Aparentemente, los humanos ven comida en muchas cosas.

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 abandonarlo.

El ícono de la hamburguesa fue diseñado (con estrictas restricciones) 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 lo conoce.

Las barras de navegación se han convertido en una forma más popular de organizar los elementos del menú. En lugar de ocultar todo detrás de un botón no descriptivo, puede 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

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, puede ver un ícono de menú de hamburguesa en el sitio web móvil How-To Geek. ¡Los sitios web a menudo también usan este diseño!)

icono de menú de tres puntos


Se habla mucho 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. También busque tres puntos. Utilice estos botones cuando busque menús y otras opciones. Ahora, pásame la mostaza, por favor.

Descubre más contenido

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Subir Change privacy settings