¿Por qué el menú de hamburguesas es tan querido y tan odiado?

No estoy seguro de que sea amado; sin embargo, es omnipresente y se usa en exceso. Generalmente, un ícono de hamburguesa es la indicación visual estándar de un diseñador de que un menú de algún tipo aparecerá (o, más comúnmente en el móvil, fuera de un lado). He aquí por qué ese patrón de interfaz puede ser un problema:

Es una salida fácil. Si estoy diseñando un sitio o una aplicación, lo primero que puedo hacer es colocar un ícono de hamburguesa en la esquina, y luego puedo agregar más opciones en ese menú, para que mi diseño no se vea afectado por la estructura del sitio / aplicación a medida que crece. Es una solución única para todos que me impide tener que crear una más adaptada. Y en las aplicaciones web receptivas, es más fácil CSS un icono en la esquina que adaptar un navegador a varios anchos de pantalla. Eficiente, sí, pero a menudo es una copout.

No informa la estructura de la aplicación. Si comencé con la suposición de que siempre tengo este menú de hamburguesas para recurrir, ya me he dedicado a casi cualquier decisión difícil de diseño o alcance: puedo agregar cualquier página anterior y lanzar un nuevo elemento de navegación en mi menú de hamburguesas Suena contradictorio, pero esta facilidad de adición puede conducir a la hinchazón, especialmente en el mundo de las aplicaciones móviles, donde el alcance debe mantenerse lo más ajustado posible.

Para mí, un icono de hamburguesa puede ser un síntoma de un problema mayor: que no está buscando soluciones que coincidan con sus problemas, y en su lugar está recurriendo a suposiciones y conveniencia. Muchas aplicaciones usan menús laterales de manera efectiva (Slack, por ejemplo, usa una, simplemente sin el ícono de la hamburguesa), pero muchas otras no. Piense en Instagram, Twitter o Correo: no tienen íconos de hamburguesas o menús laterales, y en su lugar tienen interfaces creadas para complementar el flujo de trabajo de un usuario.

Amado: Es un patrón fácil de UI para ganar espacio extra en situaciones difíciles al ocultar el menú (o el contenido que tenga) en un menú de hamburguesas. Puede ser una buena oportunidad de momento “ooh brillante” si la interactividad del menú se hace bien. Los niños grandes lo hacen, entonces ¿por qué no puedo?

Odiado: Es bastante común, sí, pero todavía no es intuitivo ni obvio. De vez en cuando, esas tres líneas realmente no significan nada. La iconografía, al igual que el color, puede significar cosas diferentes para diferentes personas. Oculta el contenido, por lo que aumenta las posibilidades de que las personas nunca puedan acceder a él. Introduce un clic adicional (toque), menos clics son mejores.

Mira esto: ¿Por qué los menús de hamburguesas ya no son una característica “fresca” del sitio web?