Las hamburguesas (por lo general) no son saludables para su interfaz de usuario

Francisco Merelo
Jul 10, 2017 · 4 min read
Photo by Sebastián LP

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.

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.

Burger Navegación del menú vs barra de pestañas

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.

Creado por Scott Hurff

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:

Aplicaciones para Android: Vine | Tumblr | Instagram | Facebook | Airbnb | Youtube

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í

WikiUX

Artículos, Textos, Noticias y Todo Lo relevante con UX / UI Experiencia de usuario y diseño gráfico en español.

Francisco Merelo

Written by

WikiUX

WikiUX

Artículos, Textos, Noticias y Todo Lo relevante con UX / UI Experiencia de usuario y diseño gráfico en español.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade