Con la llegada de los teléfonos inteligentes modernos, los sitios web se enfrentaron a un problema: todas las excelentes funciones que habían creado con esmero ahora tenían que caber en pantallas mucho más pequeñas con interfaces táctiles.
Una estrategia común que surgió para liberar espacio en la pantalla fue crear un ícono de menú pequeño y sin etiqueta donde pudieran enterrar algunas de las funciones más avanzadas. El ícono, compuesto por tres barras apiladas, se conoce como el menú de hamburguesas.
El menú de hamburguesas ha estado en el centro de innumerables debates apasionados. ¿Los usuarios siquiera saben lo que significa? Y si lo reconocen, ¿realmente lo usan?
Según datos de Moovweb, todavía hay usuarios que no tienen idea de qué es el menú de hamburguesas. Simplemente etiquetarlo con la palabra “menú” puede aumentar las interacciones en un 61 %. Sin embargo, en toda la red de sitios de Moovweb, se hace clic en el menú de hamburguesas 20% del tiempo y es una de las interacciones móviles más populares que medimos.
Resulta que el botón de hamburguesa es popular entre muchos usuarios. y confuso para muchos otros.
El nacimiento de un icono
El menú de hamburguesas, también conocido como cajón lateral o menú lateral, tiene una rica historia que se remonta a una de las primeras interfaces gráficas de usuario: la Xerox “Star” de 1981. Su creador, Norm Cox, quería que el menú de hamburguesas fuera “simple señal de tráfico”. Sus tres líneas apiladas imitaban el aspecto de una lista de menú.
Sin embargo, después de su debut en Xerox Star, el menú de hamburguesas no se volvió a ver durante varios años. No fue hasta la llegada de los teléfonos inteligentes y las aplicaciones que los acompañan que el icono se vio una vez más. La primera aparición parece ser la aplicación Voice Memos de iOS. Un toque rápido en el ícono de la hamburguesa abrió una lista útil de notas y opciones para compartir.
En 2009, el ícono de la hamburguesa también se usó en Tweetie, la primera aplicación móvil de Twitter. A Tweetie se le atribuye una influencia significativa en la cultura de diseño de aplicaciones de Apple.
Sin embargo, la aplicación más conocida para adoptar el menú de hamburguesas fue Facebook. Facebook avanzó gradualmente hacia el diseño, comenzando con un ícono de cuadrícula de dos filas en 2008, evolucionando a una cuadrícula de tres filas en 2009 y finalmente a tres barras, el clásico menú de hamburguesas, en 2010.
Después de eso, no pasó mucho tiempo antes de que el uso del menú de hamburguesas se popularizara tanto en las aplicaciones como en la web móvil. En unos pocos años, muchas grandes empresas, desde Google hasta Starbucks y Disney, usaban menús de hamburguesas en sus aplicaciones y sitios móviles.
El menú de la hamburguesa, vilipendiado
En 2014, sin embargo, una ola de diseñadores y periodistas comenzó a cuestionar el uso del menú de hamburguesas, en publicaciones que van desde sitios de noticias tecnológicas hasta blogs de diseño y revistas de comentarios culturales.
“Esencialmente, lo que está fuera de la vista está fuera de la mente”, explicó Josh Constantine de TechCrunch. Declaró que el menú de hamburguesas era “el diablo”, alegando que restringía o cortaba el tráfico a cualquiera de las funciones que contenía. “Cualquier opción de navegación que escondas detrás de la hamburguesa se olvidará, o al menos se usará mucho menos”.
Algunos diseñadores señalaron que el menú de hamburguesas también generaba una experiencia de usuario más tortuosa. Aumentó la cantidad de toques necesarios para acceder a estas funciones, argumentaron, y agregó a la carga cognitiva del usuario. Como describió Luis Abreu, “Incluso si la gente es consciente [of] y valorar una característica [inside the hamburger menu], este patrón introduce fricción en la navegación”.
Los últimos fueron los críticos que afirmaron que incluso el diseño gráfico del ícono tenía fallas. De Innovación Digital:
“[It] realmente no parece un menú, a menos que ya sepas que eso es lo que representa. El diseñador del sitio web sabe que es un menú, al igual que los desarrolladores y las partes interesadas más amplias, pero muchos usuarios no lo saben”.
Pero, ¿qué dicen los datos?
Moovweb impulsa cientos de experiencias móviles entregadas a 60 millones de usuarios móviles cada mes. Según nuestros datos, algunos usuarios de la web móvil interactúan con los menús de hamburguesas. Pero también encontramos evidencia de que muchos otros aún no tienen idea de cuál es el menú de hamburguesas.
Vamos a sumergirnos en nuestra investigación. Analizamos 50 sitios móviles de alto tráfico en nuestra plataforma a través de una serie de verticales y estudiamos las interacciones de los usuarios con el menú de hamburguesas. En promedio, aproximadamente el 20 % de los visitantes del sitio móvil interactúan con el botón de hamburguesa y es uno de los cinco botones más populares en los sitios móviles.
En general, los usuarios utilizan muy bien el botón de hamburguesa y es casi tan popular como la búsqueda en sitios web móviles.
Lo que nos preguntamos a continuación fue: ¿los usuarios de todos los tipos de sitios móviles tienen un patrón similar de participación en el menú de hamburguesas? ¿O el uso del menú de hamburguesas por parte de los visitantes de sitios móviles varía según la industria?
Descubrimos que para los sitios de contenido, nadie usa el menú de hamburguesas. Eso tiene sentido. El usuario está allí para leer un artículo específico o simplemente navegar por los títulos en la página principal.
Además, en los sitios donde los usuarios tienden a navegar poco más allá de la página principal, el compromiso del menú de hamburguesas es relativamente bajo. En los sitios de Auto & Construction, por ejemplo, donde el comportamiento dominante del usuario es la búsqueda, la participación en el menú es solo ⅓ de lo que es para sitios más centrados en la navegación como Home & Garden.
En el otro extremo del espectro de interacción con el menú de hamburguesas estaban los sitios móviles donde la navegación es el comportamiento dominante del usuario. Los sitios de indumentaria y accesorios, por ejemplo, tuvieron en promedio la tasa más alta de participación en el menú de hamburguesas (26 %). Y dentro de esa categoría, ciertos sitios tenían hasta un 59 % de visitantes de sitios móviles que interactuaban con el menú de hamburguesas.
Cómo aumentar el compromiso con el menú
A continuación nos preguntamos: ¿hay algo que se pueda hacer para aumentar la tasa de interacción con el menú de hamburguesas? Sí, de hecho, simplemente etiquetando las tres barras apiladas con la palabra “menú”. aumenta el compromiso más del 50%.
Decidimos realizar una prueba con 300.000 usuarios de un sitio móvil. Aproximadamente la mitad vio un menú de hamburguesas sin etiqueta. Y la mitad vio el mismo icono, excepto que la palabra “Menú” lo etiquetaba claramente.
Los resultados de la prueba fueron impactantes. El solo hecho de agregar la etiqueta “menú” aumentó la cantidad de visitantes que tocaron el menú de hamburguesas. por un impresionante 61%.
El uso de una etiqueta hace que el propósito del menú de hamburguesas sea mucho más claro.R. Para los sitios que usan una hamburguesa, agregar la etiqueta de “menú” puede proporcionar una ganancia rápida en términos de aumentar drásticamente la participación del usuario, particularmente para los sitios con un grupo demográfico más antiguo.
A la hamburguesa o no a la hamburguesa
Al final del día, la pregunta candente es la siguiente: ¿El menú de hamburguesas todavía tiene un papel en el mundo móvil actual?
Podría decirse que su papel sigue siendo central. A medida que las personas confían cada vez más en sus dispositivos móviles y esperan la funcionalidad completa de las experiencias de escritorio en dispositivos móviles, la necesidad de ofrecer una amplia funcionalidad empaquetada en un pequeño ícono es más aguda que nunca.
Por defectuoso que pueda ser, muchos usuarios continúan usando el menú de hamburguesas, particularmente dentro de las experiencias móviles donde el comportamiento dominante es navegar. En los sitios impulsados por Moovweb, se hace clic en el menú de hamburguesas el 20 % de las veces y es una de las interacciones móviles más populares. Y hasta que aparezca una nueva característica revolucionaria para abordar el problema del espacio de pantalla limitado (vestibles, hologramas, la matriz, etc.), el menú de hamburguesas puede seguir vivo.
Así que no descartes el menú de hamburguesas todavía. Puede que no sea la solución perfecta, pero aún tiene un papel importante que desempeñar para facilitar la navegación en una pantalla pequeña. Pero si va a utilizar el menú de hamburguesas, puede aumentar drásticamente las tasas de participación simplemente etiquetándolo con la palabra “menú”.
The post Menú de hamburguesas: ¿herramienta útil o icono inútil? apareció primero en el blog Moovweb.
