El ícono del menú de 3 líneas: ¿Qué es un menú de hamburguesa?

Tabla de contenido:

Anonim

¿Y si te dijera que los sitios web y los teléfonos inteligentes tenían hamburguesas? Probablemente piense que lo he perdido por completo después de dejar mis medicamentos. Pero es absolutamente cierto, no es broma.

Cuando abres una aplicación en tu teléfono inteligente o en algunos sitios web hoy, podrías estar mirando una hamburguesa, es decir, un ícono del menú de hamburguesas.

¿Qué es el menú de hamburguesas?

El menú de hamburguesas (que no viene con un orden de papas fritas) son las tres líneas horizontales que se ven ahora en la parte superior de muchas pantallas, ya sea en el extremo izquierdo o en el extremo derecho.

$config[code] not found

Es un icono, en realidad.

Al tocar, tocar o hacer clic en el icono, se abre un menú lateral con una selección de opciones o páginas adicionales.

A algunos desarrolladores les encanta el icono del menú de la línea de hamburguesas 3 porque les permite incluir más funciones en sus aplicaciones o navegación. El pequeño icono ocupa una cantidad mínima de espacio en pantalla. Le da a la aplicación o sitio un aspecto minimalista y limpio.

Es bastante fácil para el usuario de la aplicación o el visitante del sitio web presionar el botón para deslizar el menú hacia adentro y hacia afuera.

O por lo que podría pensar.

Sin embargo, otros desarrolladores y algunos usuarios detestan absolutamente el ícono del menú de la hamburguesa o simplemente están desconcertados por él. ¿Por qué? Debido a que no es obvio para todos los usuarios que las tres líneas en realidad son un ícono de menú, y no les dice a los usuarios lo que hay allí.

¿Quién “inventó” el icono del menú de la hamburguesa?

El inventor detrás del icono del menú de hamburguesas es un hombre llamado Norm Cox. Hizo el ícono de la hamburguesa para Xerox Star, que fue la primera interfaz gráfica de usuario del mundo. Eso fue hace más de tres décadas.

Después, sin embargo, el icono hizo un acto de desaparición.

Es solo relativamente reciente que el ícono del menú de 3 líneas comenzó a retroceder, con la llegada de los dispositivos móviles.

Por ejemplo, en 2008 apareció en la aplicación de Twitter, Tweetie. Luego, en 2009, apareció en la aplicación Notas de voz para el iPhone 3GS.

"Tengo que reírme de toda la atención que el pequeño símbolo de la" hamburguesa "está recibiendo últimamente", dijo Cox en una entrevista con Small Business Trends.

"Hasta hace unos nueve meses, ¡no había pensado en el" goteo en mi cubo de la carrera de diseño "por más de 30 años!"

"Sólo se consideraron unos pocos símbolos", agregó Cox. “Un símbolo era una flecha que apunta hacia abajo en la forma de un triángulo, que representa la dirección en la que aparecerá el menú resultante. Decidimos que este símbolo solía interpretarse con demasiada frecuencia como un puntero. Pensamos en usar un asterisco (*) o un símbolo más (+), pero parecían ser demasiado abstractos ".

Cox dijo que la imagen de la hamburguesa de tres líneas resultó ser la correcta. “Este símbolo era visualmente simple, fácil de explicar y funcionalmente memorable. Tres líneas fueron el número perfecto ", agregó Cox.

¿Qué sitios web o aplicaciones utilizan este infame ícono del menú de hamburguesas?

Algunos de los nombres prominentes que usan el ícono de la hamburguesa en sus aplicaciones incluyen Gmail, Facebook, Reeder, Twitter y Starbucks.

Y ahora los sitios web y los navegadores también han adoptado el ícono del menú de 3 líneas. Los navegadores Chrome y Firefox son un ejemplo de esto, usando el menú en la esquina superior derecha. El menú de hamburguesas oculta todas las opciones, configuraciones y extensiones. Y el ícono se ilumina en naranja cuando algo en el navegador necesita ser arreglado o actualizado.

Time.com es un ejemplo de un sitio web importante que utiliza el menú de hamburguesas, en este caso, en la esquina superior izquierda. Cuando hace clic en el icono del menú de 3 líneas, aparece una diapositiva que muestra enlaces de contenido adicional.

Algunos expertos señalan que las funciones del menú de hamburguesas apenas se utilizan.

En primer lugar, muchas personas todavía tienen que darse cuenta de que las 3 líneas horizontales son en realidad un icono de menú, y no simplemente una imagen.

Segundo, el ícono de la hamburguesa crea información en el menú oculto "fuera de la vista, fuera de la mente". A menos que realmente hagan clic o toquen el ícono del menú de 3 líneas, no verán las opciones allí.

De hecho, en el caso de Time.com, la palabra "menú" tuvo que agregarse debajo del ícono para hacer más obvio lo que es el símbolo.

Dependiendo menos del menú de hamburguesas

Varios desarrolladores han expresado su descontento con el ícono de la hamburguesa y sus defectos.

Algunos se niegan a usar el icono, a pesar de su tendencia.

Pero la compañía más destacada que ha hecho un cambio es Facebook. Para ser absolutamente claro, Facebook nunca ha declarado públicamente que quiere deshacerse de él por completo. Pero Facebook está sacando a la luz algunas de las funciones móviles que antes estaban ocultas detrás del ícono de la hamburguesa.

Ahora se muestran en una barra horizontal en la parte inferior de la pantalla, llamada barra de pestañas.

La barra de pestañas inferior ocupa un poco más de espacio en la pantalla, pero hace que algunas funciones sean más obvias.

Hablamos con Mrinal Desai, quien es el CEO y cofundador de Addappt. También estaba detrás de Crossloop, una aplicación de tecnología remota que se vendió a AVG Anti-Virus.

"El menú de hamburguesas no es realmente para configuraciones", dijo Desai, hablando con Small Business Trends. "Es casi como un" más "o incluso uno puede pensar que es una alternativa a la" barra de pestañas ". Es raro ver ambos, pero en Addappt exploramos eso con un prototipo, pero finalmente elegimos ir a la ruta de la barra de pestañas ".

“Estas decisiones a menudo dependen del objetivo de la aplicación. "El ícono de la hamburguesa tiende a relegar las funciones, mientras que la barra de pestañas las hace más obvias", agregó Desai.

El creador del icono de la hamburguesa obtiene la última palabra

¿Debería usar el ícono del menú de hamburguesas en su propio sitio web, tema móvil o aplicación?

El desarrollador original del icono debería tener la última palabra, pensamos.

"La longevidad del símbolo (desde la década de 1980) es un testimonio de su simplicidad, utilidad, capacidad de aprendizaje y memorización", dijo Cox, cuando se le preguntó sobre las llamadas para matar el ícono de la hamburguesa.

"Buscar" matar "o" abolir "una herramienta de UI o un widget basado en un uso o implementación deficientes es un poco miope y reactivo".

Hamburguesa, icono rojo fotos a través de Shutterstock

Más en: Cosas que no sabías, qué es 3 comentarios ▼