El botón de hamburguesa (la triple barra ≡ o símbolo de trigrama ☰), llamado así por su parecido involuntario con una hamburguesa , es un botón que normalmente se coloca en la esquina superior de una interfaz gráfica de usuario . [1] Su función es alternar un menú (a veces denominado menú de hamburguesa ) o barra de navegación entre colapsarse detrás del botón o mostrarse en la pantalla. El ícono asociado con este widget , que consta de tres barras horizontales, también se conoce como ícono de menú colapsado .
El icono fue diseñado originalmente por Norm Cox como parte de la interfaz de usuario de la computadora personal Xerox Star , presentada en 1981. [2] Cox describió la creación del icono diciendo: "Su diseño gráfico estaba pensado para ser muy simple, como una 'señal de tráfico', funcionalmente memorable e imitar el aspecto de la lista de menú resultante. Con tan pocos píxeles con los que trabajar, tenía que ser muy distintivo, pero simple. Creo que solo teníamos 16x16 píxeles para representar la imagen (o posiblemente 13x13... no recuerdo exactamente)". [3]
En lo que posiblemente fue su primer uso después de Xerox Star, el lanzamiento de Windows 1.0 en 1985 contenía un icono de hamburguesa en el menú de control de cada ventana. [4] Sin embargo, duró poco, ya que el icono de hamburguesa desapareció en Windows 2.0 a favor de una sola línea horizontal que denota el menú de control. Windows 95 reemplazó la línea única con el icono del programa, [5] y la hamburguesa no volvería a Windows hasta una ubicación en el menú Inicio de la actualización de un año de Windows 10. [ 6]
El ícono de la hamburguesa de Cox experimentó un resurgimiento a partir de 2009, debido a la limitada área de pantalla disponible para las aplicaciones móviles . [7] [8] [9]
En 2024, Mondelez International (el propietario de la marca Oreo) intentó públicamente fomentar que se llamara menú " Oreo " en lugar de "hamburguesa". [10] [11]
El botón "menú" toma la forma de un icono que consta de tres líneas horizontales paralelas (mostradas como ≡ ), sugerentes de una lista. [7] El nombre se refiere a su parecido con el menú que normalmente se expone o se abre al interactuar con él. [12] El botón más ancho puede reducirse a tres puntos apilados verticalmente (mostrados como un tri-colon o puntos suspensivos verticales ⋮ ), también conocido como icono de kebab , icono de albóndiga o icono de falafel . En la plataforma Microsoft Office 365, se muestra un menú de aplicación similar que consta de tres filas de tres cuadrados, esto se conoce como "waffle". [13] Al tocar, hacer clic o activar de otro modo este botón, se revela un menú , lo que lo distingue de un menú o una barra de pestañas que siempre está en pantalla. [14]
Se ha argumentado que, si bien el botón de menú colapsado es ahora algo común, su funcionalidad no es necesariamente obvia de inmediato cuando se lo encuentra por primera vez; [15] en particular, los usuarios mayores que no estén familiarizados con la iconografía moderna pueden encontrarlo confuso. [16] La ubicación del ícono del menú de hamburguesa también depende del sitio web o la aplicación específicos. [17]
El botón de menú puede aumentar el costo de interacción en comparación con una barra de menú, requiriendo clics adicionales para recuperar la misma información, aunque con el beneficio de un menor uso del espacio de la pantalla. [18] También se ha argumentado que los diseñadores tienden a sobrecargar estos íconos con demasiada información oculta. [16]