Las hamburguesas (por lo general) no son saludables para su interfaz de usuario
Esto no es sólo un (otro) artículo sobre lo bueno o malo que son los menús de hamburguesas para su interfaz de usuario, mi intención es compartir mi punto de vista sobre ellos como diseñador de producto (no gurú, experto, persuasor o nada parecido) . Hay un montón de diseñadores de IU que aman las hamburguesas, pero al mismo tiempo hay un montón de “vegetarianos” como yo que prefieren otras soluciones al construir una estructura de contenido y diseño de sistemas de navegación. Y créanme, el segundo grupo está creciendo muy rápido.
Una hamburguesa o no una hamburguesa
Exención de responsabilidad: No odio los menús de hamburguesas ; Creo que es un elemento válido que se puede utilizar bien en ciertas circunstancias:
- Úsalo en la versión móvil de los sitios web — es más limpio que tener 4 + elementos de navegación comiendo el espacio en la pantalla que debería ser para el contenido. Cuando hablamos de la interfaz de usuario de la aplicación, la historia es diferente.
- Úsalo cuando tengas un gran número de elementos con prioridades jerárquicas similares. Si este es el caso, sin embargo, debes considerar la revisión de su estructura de contenido para ver si se puede arreglar.
- Úsalo para contenido secundario. Si su producto está repleto de secciones, dé prioridad a su navegación principal / acciones, y barrer todo lo demás bajo al menú hamburguesa.
- Utilícelo como un icono para los elementos de lista. Oh espera, no. Utilices un icono de lista, en un menú de hamburguesa (aunque para muchos usuarios no hay diferencia).
- Úsalo cuando no parece haber ninguna manera posible de convencer a parte de tu equipo de que hay mejores soluciones que un menú de hamburguesas (luego sigue intentando y tal vez escribir un artículo para explicar tu punto Jojojo)
Estos son los casos en los que lo usaría, pero por favor, para el bien de tu interfaz de usuario, úsalos como último recurso. Si ha probado todo y no puede encontrar una solución alternativa, considere la posibilidad de cambiar la configuración de su arquitectura de contenido. Simple es mejor.
Google dice vs Apple dice
Por un lado, Google recomienda que utilice el menú de hamburguesas como un componente esencial de su sistema de navegación. (Lea más sobre ello en las Directrices de Diseño de Material ). Lo tienes Google, crees que es una buena solución. Creo que es la solución perezosa, llenando todo en un cajón . Y ocultar el menú de la hamburguesa cuando estás en lo profundo de la aplicación, es muy fácil para mí hacer como un diseñador de interfaz de usuario, pero no necesariamente útil para los usuarios, cuyos pulgares deben estar doloridos de tocar el botón “volver” tanto para navegar a través de aplicaciones .
Por otro lado, Apple dice algo obvio sobre lo obvio: “Siempre es mejor”. No oculte su estructura de contenido y sistema de navegación, use una combinación de barra de pestañas / barra de herramientas / barra de navegación para hacer su aplicación intuitiva y fácil de usar y navegar.
Lo siento Google, me encantan muchos aspectos de diseño de material, pero en este caso Apple tiene razón — el más obvio y mejor.
El tamaño importa
Por favor, no me haga llegar a la parte superior de la pantalla para las interacciones básicas. Vivimos en la era de pantallas enormes . Los teléfonos con pantallas grandes están impulsando un tráfico más alto que nunca y tenemos que diseñar con esto en mente, trayendo todos aquellos elementos esenciales con los que los usuarios interactúan con regularidad lejos de las zonas “difíciles de conseguir”. Supongo que el menú de hamburguesa sería en las imágenes abajo.
La solución es simple: revisa tu arquitectura de contenido y utilice una barra de pestañas en la parte superior o inferior de la pantalla. En mi opinión, esto es mejor que tener un menú de hamburguesas con contenido oculto en la esquina superior de la pantalla.
No estoy diciendo nada nuevo aquí. Mucha gente ha escrito sobre los beneficios y las desventajas del menú de hamburguesas. Pero le pido que consideres cuidadosamente la estructura de tu aplicación, y si no hay una razón válida para utilizar el menú de la hamburguesa, simplemente nolo utilices. Aunque es un componente de navegación predeterminado en Android, y algunos ejemplos de ello siguen siendo comunes en iOS, muchas marcas utilizan otras soluciones en sus aplicaciones, con mejores resultados:
Tal vez estamos empezando a ver una nueva tendencia en el menú de hamburguesa está evolucionando para convertirse en un elemento complementario como un elemento de la lista de una parte esencial del sistema de navegación.
Originalmente publicado en charlieyllobre.com el 28 de octubre de 2015.
Also available in english aquí
