Por qué el menú de hamburguesas debería desaparecer para siempre

El menú de hamburguesas se introdujo inicialmente como un medio para ocultar elementos de navegación secundarios en un esfuerzo por mantener un diseño web o de aplicaciones más limpio y enfocado.

Android fue uno de los primeros en adoptar este componente de diseño, llegando incluso a incluirlo en su popular Pautas de diseño de materiales. Desde entonces, se abrió camino en la mayoría de las aplicaciones de Android, así como en una parte de las aplicaciones de iOS. Incluso se ha convertido en un elemento básico en una gran cantidad de aplicaciones de escritorio y sitios web.

Estas instancias se han diseñado con diversos grados de éxito. Algunos ofrecen soluciones legítimas para el desbordamiento de la navegación, mientras que otros optan por menús de hamburguesa por razones estéticas a expensas de la experiencia del usuario. Se ha convertido en un componente común y aceptado del diseño web y de productos modernos.

En lo que respecta a las aplicaciones de escritorio, la hamburguesa no debería tener cabida. Rara vez un diseño carece tanto de espacio en la pantalla que se requiere un desbordamiento de navegación. Google es uno de los principales culpables, y aparentemente incluye este componente simplemente para proporcionar coherencia entre sus productos y entre dispositivos móviles y de escritorio. En realidad, es una práctica de experiencia de usuario inútil e inconveniente, especialmente cuando también incluye elementos de navegación primarios.

Del mismo modo, la misma lógica se aplica a los sitios web tradicionales, como carteras, páginas de destino y sitios corporativos. En una computadora de escritorio, no hay excusa para ocultar por completo los elementos de navegación primarios o secundarios.

Hay mucho espacio en la pantalla para jugar en la etapa de diseño, incluso cuando se consideran computadoras portátiles pequeñas y dispositivos de tableta. Incluso los menús de navegación más complejos y extensos pueden mostrarse directamente, si se les presta una atención especial. No hay pautas establecidas como en las aplicaciones móviles, lo que permite a los diseñadores ser creativos con el posicionamiento, el tamaño y las soluciones fáciles de usar, como los menús desplegables y las estructuras escalonadas.

El menú de hamburguesas es simplemente una consideración estética y, a menudo, una solución perezosa inadecuada para las circunstancias y el dispositivo. Hace que sea difícil cambiar entre páginas y es completamente confuso incluso para las personas más conocedoras de la informática.

A medida que los tamaños de pantalla se reducen a resoluciones de tabletas y dispositivos móviles, el menú de hamburguesas comienza a resolver el problema de las limitaciones de espacio. Proporciona una solución rápida y sencilla a la falta de espacio en la pantalla, y una que es coherente en los sitios web móviles y las aplicaciones de Android. iOS esencialmente ofrece la misma solución, pero en forma de un icono de pestaña de desbordamiento, normalmente titulado ‘Más’. Es más accesible, dada su posición al pie de la pantalla, al alcance de tu mano.

Pero en un entorno donde los pensadores y creativos del diseño están ideando y considerando nuevas alternativas a los componentes más clave del diseño, ¿es el menú de hamburguesas realmente la solución óptima?

Lo que le falta al menú de hamburguesas en términos de experiencia de usuario, es su requisito de abrirse cada vez que se necesita acceder a un elemento dentro de él. Cuando se incluyen cajones de navegación, esto se extiende a dos toques, cada vez que un usuario desea navegar a una pantalla diferente. Algunos de estos elementos pueden clasificarse como elementos secundarios y menos importantes a los que se accede con mucha menos frecuencia. Otros, incluso en las propias aplicaciones de Google, son sin duda acciones primarias.

Desde Recordatorios en Google Keep hasta Ver más tarde en YouTube, el menú de hamburguesas con frecuencia se superpone en elementos clave de navegación. Como componente de diseño, es un compromiso. Si cada aplicación diseñara su propia estructura de navegación basada en sus propias necesidades, usuarios y diseño únicos, se alcanzaría una solución más óptima. Pero en un ecosistema como iOS o Android, la coherencia es crucial para proporcionar una solución simple a los desarrolladores y garantizar que los usuarios puedan comprender la funcionalidad de una aplicación, independientemente de quién la haya diseñado.

Si el menú de hamburguesas va a desaparecer para siempre, debe presentarse una solución adecuada y mejorada. Tiene que ser uno que pueda aplicarse a todas y cada una de las aplicaciones de forma coherente en un ecosistema, con margen para una variedad de necesidades y complejidades diferentes.

La primera solución potencial es desplazar el título de la aplicación hacia la izquierda, abriendo espacio para hasta cuatro iconos agrupados en la parte superior derecha de la barra de título. Esto cubre la mayoría de los casos de uso del menú de hamburguesas, que a menudo solo incluyen entre dos y cuatro elementos. Para los casos con más elementos de navegación, se podría introducir un icono de desbordamiento de puntos suspensivos. Esto se aleja del enfoque de talla única para todos, en lugar de proporcionar una solución de acceso rápido para todas las aplicaciones, mientras que también se ocupa de los casos más complejos con más de cuatro elementos.

La otra solución es introducir barras de pestañas de iconos rediseñadas. En los casos en que las Pautas de materiales alientan actualmente a los diseñadores a usar pestañas de etiquetas de texto, estas podrían cambiarse fácilmente a íconos. Esto abriría suficiente espacio para eliminar el menú de navegación secundario para la mayoría de las aplicaciones y alentaría a los diseñadores y desarrolladores a simplificar la cantidad de pantallas primarias en su aplicación. De manera similar, con el aumento de los bienes raíces de iOS y un replanteamiento de las prácticas de espaciado dentro de la barra de pestañas, las aplicaciones podrían incluir más elementos e incluir elementos secundarios dentro de cada una como pestañas secundarias.

En ambos casos, se elimina el descuido de la carta de hamburguesas. En cambio, los diseñadores y desarrolladores se verían obligados a condensar el número de elementos de navegación en pestañas más estructuradas y comprensibles.

Es muy fácil introducir elementos en este menú oculto, a expensas del usuario final. A menudo es innecesario y el icono desperdicia una gran parte de la barra de título en las aplicaciones de Android.

Con el tiempo, es probable que sistemas como Material Design ideen soluciones más simples para pasar del menú de hamburguesas. Es en ese punto donde se presentarán a los usuarios productos móviles más fáciles de usar con estructuras de navegación más simples y accesibles.