El botón de hamburguesa (la barra triple ≡ o símbolo de trigrama ☰), llamado así por su parecido involuntario con una hamburguesa , es un botón que generalmente 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ú hamburguesa ) o barra de navegación entre estar colapsado detrás del botón o mostrarse en la pantalla. El icono asociado a este widget , que consta de tres barras horizontales, también se conoce como icono de menú contraído .
Historia
Las primeras versiones del botón de hamburguesa se pueden ver en las interfaces gráficas de usuario de la década de 1980 de la computadora Xerox Star y Microsoft Windows 1.0.
El ícono fue diseñado originalmente por Norm Cox como parte de la interfaz de usuario de la computadora personal Xerox Star , introducida en 1981. [2] Cox describió la creación del ícono diciendo: "Su diseño gráfico estaba destinado a ser muy simple como una 'señal de tráfico'. , funcionalmente memorable e imitar el aspecto de la lista de menú mostrada resultante. Con tan pocos píxeles para trabajar, tenía que ser muy distinto, pero simple, creo que solo teníamos 16×16 píxeles para renderizar la imagen. 13×13... no recuerdo exactamente)." [3]
Posiblemente en 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 ícono de la hamburguesa desapareció en Windows 2.0 en favor de una única línea horizontal que indica el menú de control. Windows 95 reemplazó la línea única con el ícono del programa, [5] y la hamburguesa no regresaría a Windows hasta que se ubicara 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 al área de pantalla limitada disponible para las aplicaciones móviles . [7] [8] [9]
En 2024, Mondelez International 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 (que se muestran como ≡ ), que sugiere una lista. [7] El nombre hace referencia a su parecido con el menú que normalmente se expone o se abre al interactuar con él. [12] El botón más ancho se puede reducir a tres puntos apilados verticalmente (que se muestran como tres puntos o puntos suspensivos verticales ⋮ ), también conocido como ícono de kebab , ícono de albóndiga o ícono de falafel . En la plataforma Microsoft Office 365, se muestra un menú de aplicación similar que consta de tres filas de tres cuadrados, lo que se conoce como "gofre". [13] Al tocar, hacer clic o activar este botón se revela un menú , lo que lo distingue de un menú o barra de pestañas que siempre está en pantalla. [14]
Recepción
Se ha argumentado que, si bien el botón de menú contraído es ahora algo común, su funcionalidad no es necesariamente obvia cuando se encuentra por primera vez; [15] en particular, los usuarios mayores menos familiarizados con la iconografía moderna pueden encontrarla confusa. [16] La ubicación del ícono del menú de hamburguesas también depende del sitio web o aplicación específica. [17]
El botón de menú puede aumentar el costo de interacción en comparación con una barra de menú, ya que requiere clics adicionales para recuperar la misma información, aunque con el beneficio de un menor uso de espacio en la pantalla. [18] También se ha argumentado que los diseñadores tienden a sobrecargar estos íconos con demasiada información oculta. [dieciséis]
Ver también
Busque el botón de hamburguesa en Wikcionario, el diccionario gratuito.
^ "Cómo crear un icono de menú". w3schools.com . Archivado desde el original el 5 de septiembre de 2018 . Consultado el 20 de septiembre de 2018 .
^ "El origen del icono de la hamburguesa". evernote.com . Archivado desde el original el 7 de noviembre de 2015 . Consultado el 20 de septiembre de 2018 .
^ "Una breve historia del icono de la hamburguesa". Blog de Placeit . 2014-10-29 . Consultado el 23 de febrero de 2019 .
^ Ali, Fahad (13 de mayo de 2015). "Microsoft utilizó por primera vez el controvertido menú de hamburguesas en 1985". windowschimp.com . Archivado desde el original el 1 de abril de 2021 . Consultado el 12 de junio de 2019 .
^ Martillo doble, Jim. "Elementos de Windows". doublehammer.com . Consultado el 12 de junio de 2019 .
^ Jeque, Rafia (4 de abril de 2016). "Así es como se ve el nuevo menú de inicio del aniversario de Windows 10". wccftech.com . Consultado el 12 de junio de 2019 .
^ ab Campbell-Dollaghan, Kelsey (31 de marzo de 2014). "¿Quién diseñó el icono de la hamburguesa?". Gizmodo . Archivado desde el original el 6 de febrero de 2016 . Consultado el 2 de febrero de 2016 .
^ "Una breve historia del icono de la hamburguesa". placeit.net . 29 de octubre de 2014. Archivado desde el original el 2 de febrero de 2017 . Consultado el 25 de enero de 2017 .
^ "Necesitamos un ícono de navegación estándar para un diseño web responsivo". Cosas y tonterías . 17 de marzo de 2012. Archivado desde el original el 20 de septiembre de 2018 . Consultado el 20 de septiembre de 2018 .
^ Berger, Eric (8 de abril de 2024). "Oreo reivindica el menú de hamburguesas como propio". campañalive.com . Consultado el 15 de abril de 2024 .
^ "Oreo anhela el cambio, convierte el 'menú de hamburguesas' de Internet en 'El menú Oreo'". El Tambor . Consultado el 15 de abril de 2024 .
^ Lessin, Jessica (18 de marzo de 2013). "¿Qué es un botón de 'hamburguesa'? Una guía de las funciones de la aplicación". El periodico de Wall Street . Dow Jones & Compañía . Archivado desde el original el 16 de abril de 2015 . Consultado el 10 de abril de 2015 .
^ Nguyen, Chuong (26 de junio de 2015). "La Tienda Office 365 ahorra tiempo con el inicio de sesión único en aplicaciones web". Tecnología Radar Pro . Archivado desde el original el 9 de febrero de 2018 . Consultado el 8 de febrero de 2018 .
^ Constine, Josh (24 de mayo de 2014). "Mata los botones de hamburguesa". TechCrunch . Archivado desde el original el 19 de agosto de 2016 . Consultado el 10 de abril de 2015 .
^ Stokel-Walker, Chris (16 de mayo de 2015). "Ícono de la hamburguesa: cómo estas tres líneas desconciertan a la mayoría de la gente". BBC . Archivado desde el original el 2018-02-20 . Consultado el 11 de octubre de 2018 .
^ ab "Amar y odiar el icono de la hamburguesa". Depósito de diseñadores web . 2018-09-17 . Consultado el 23 de febrero de 2019 .
^ "Icono del menú de hamburguesas: ¿debería estar a la izquierda o a la derecha?". Encurtido UX . 2018-09-17 . Consultado el 2 de noviembre de 2022 .
^ Tsiodoulos, Dimitrios (2016). Comparación del menú de hamburguesas y de la barra inferior en dispositivos móviles para navegación de tres niveles (PDF) (Tesis). Archivado (PDF) desde el original el 13 de junio de 2018 . Consultado el 13 de junio de 2018 .
