Krypton Solid

¿Los menús de hamburguesas funcionan en sitios de escritorio?

¿Los menús de hamburguesas funcionan en sitios de escritorio?

Tenemos que agradecer a los dispositivos móviles y a sus diseñadores y desarrolladores por el menú de hamburguesas y su creciente popularidad. Ahora, sin embargo, cada vez más sitios de escritorio también están adoptando esta solución de diseño y navegación.

Debido a las pantallas más pequeñas de los dispositivos móviles, el espacio de la pantalla es un bien escaso. Los diseñadores deben priorizar qué opciones de diseño tienen prioridad sobre otras. También deben ser inteligentes para aprovechar al máximo el espacio más pequeño. Un menú de hamburguesa solo muestra los encabezados de navegación y las selecciones cuando los usuarios hacen clic activamente en el símbolo. De lo contrario, es un ícono discreto y casi invisible que generalmente se encuentra en la parte superior izquierda o derecha de un sitio, ya sea en dispositivos móviles o computadoras de escritorio.

Decir que este es el epítome del minimalismo es quedarse corto. Dado que ofrece una funcionalidad suprema sin molestar, está siendo utilizado por un número cada vez mayor de diseñadores.

Minimalismo de hamburguesa

Una de las tendencias de diseño más perdurables de los últimos años ha sido el minimalismo debido a su enfoque en una estética limpia, simple y fácil de navegar. No es de extrañar, entonces, que los menús de hamburguesas sean populares porque promueven el minimalismo en cualquier sitio, tanto en términos de diseño como de función.

Diseñador Brian Hoff entiende esto bien en su sitio. Tenga en cuenta el menú oculto cerca de la parte superior derecha de la página de inicio. Es limpio y simple desde el punto de vista del diseño porque permanece allí sin llamar la atención hasta que el usuario decide que quiere continuar y hace clic en él para abrir las opciones de navegación. Sin embargo, desde el punto de vista funcional, también es un estudio de minimalismo porque todo lo que se necesita para interactuar con él es que el usuario coloque el cursor sobre el icono y haga clic en él. Luego, aparece un menú desplegable en el lado derecho de la pantalla con solo algunas opciones de navegación. ¡Pan comido!

Por supuesto, esto también influye en la experiencia del usuario, ya que cualquiera que intente navegar por el sitio de Brian disfrutará haciéndolo con este menú oculto minimalista que con un menú que es descarado y enorme, lo que distraería de la navegación fácil y abrumaría con demasiadas opciones. .

Enfoque de hamburguesa

El diseño web se trata de diseñar elementos y enfatizar algunos sobre otros en un intento de priorizar cómo los visitantes del sitio absorben la información. Es parte de cómo funciona la arquitectura de la información: si desea que los visitantes comprendan de qué se trata su sitio desde el momento en que lo ven, entonces diseñará para llamar la atención sobre el eslogan o la propuesta de valor del sitio mientras reduce la importancia de otros elementos.

002

eWebDesign entiende esto y ha diseñado su sitio en consecuencia. Tenga en cuenta que el menú oculto es muy discreto en la parte superior derecha de la página de inicio. Ni siquiera es pegajoso, por lo que desplazarse hacia abajo lo hará desaparecer. Esta presencia discreta del menú oculto significa que la atención del visitante se dirige inmediatamente a la propuesta de valor única del sitio, que es que los suscriptores a su blog reciben noticias web directamente de los expertos de la industria. Esto también se adapta perfectamente al botón de llamada a la acción de «suscribirse», justo debajo de la propuesta.

Si el menú se diseñó de manera tradicional, en forma de menú de navegación horizontal sobre esta propuesta, es probable que los visitantes se distraigan de inmediato con una gran cantidad de cosas en las que hacer clic. Eso afectaría negativamente a la cantidad de personas que se registran en el sitio.

Solución creativa de problemas

Cada sitio que se construye enfrenta un gran problema desde el principio: ¿cómo planifica un diseñador las cosas para que el sitio sea funcional y estéticamente atractivo? Obtener la navegación correcta desde el principio, tanto en términos de experiencia del usuario como de usabilidad, es clave.

El menú de hamburguesas permite a los diseñadores creativos y prácticos encontrar soluciones de navegación que sirven tanto a la función como a la belleza. A veces, la solución no es la que realmente esperarías, y los visitantes tienden a quedar impresionados por un diseño de navegación que los deleita con algo que rara vez o nunca han visto antes.

003

Caso en cuestión: estudio digital Somos imperio, de Manchester. Su sitio web se basa en gran medida en conceptos como espacios en blanco, imágenes enormes y limpieza, pero eso solo rasca la superficie. Cuando los usuarios hacen clic en el menú oculto, nuevamente, discretamente ubicado en la esquina superior derecha de la página de inicio, están absolutamente encantados con una solución creativa para la navegación funcional.

Tan pronto como se hace clic en el menú de hamburguesas, no aparece ningún menú desplegable desde ningún lado. En cambio, toda la pantalla cambia al menú de navegación, que aparece solo en toda la pantalla; el cambio de color de blanco a rosa refuerza este cambio. A partir de ahí, los usuarios son libres de encontrar exactamente lo que buscan en el sitio.

Comunicación sencilla

El objetivo de cualquier sitio web es que los visitantes utilicen el sitio con facilidad y eficiencia desde el momento en que comienzan a navegar por él. Una de las formas más poderosas de permitir esto es a través de las posibilidades, que comunican a los visitantes qué significan los diversos elementos de un sitio y cómo se pueden usar.

La oferta de patrones utiliza la familiaridad para decirles a los visitantes de inmediato para qué se puede usar un ícono, por ejemplo. Ergo, la oferta de patrones le dice rápidamente al visitante cómo puede interactuar con un ícono para obtener el resultado deseado.

El menú de hamburguesas se ha convertido casi omnipresente en dispositivos móviles en los últimos años. Por lo tanto, es una apuesta segura que una gran cantidad de usuarios lo conozcan: cómo se ve, cómo pueden usarlo (tocándolo para abrir un menú), e incluso en qué parte de la pantalla se suele encontrar. Su presencia en cualquier sitio web permite una comunicación instantánea sobre cómo navegar por dicho sitio.

004

Agencia de publicidad digital Xander lo demuestra en su sitio web. Aunque la página de inicio es tan simple como para ser casi extrema en su minimalismo (tenga en cuenta la ausencia de algo, en realidad, que llame la atención por encima del pliegue), los usuarios pueden buscar inmediatamente el menú oculto y encontrarlo en la esquina superior derecha, una ubicación habitual. . Esta obediencia al patrón elimina la confusión desde el punto de vista de los usuarios y les permite comenzar a encontrar lo que buscan en el sitio de inmediato.

No es solo una moda

Incluso ahora, a pesar de la ubicuidad del menú de hamburguesas, todavía atrae críticas de algunos círculos. Su amplia adopción en muchos sitios, tanto móviles como de escritorio, indica que existe una demanda, pero persisten las dudas.

En este punto, es más que obvio que el menú de hamburguesas es un elemento permanente en muchas páginas de inicio, tanto pequeñas como grandes. Es más que una moda pasajera porque los diseñadores entienden que resuelve problemas de navegación de manera eficiente, inteligente y sencilla. Y esa es exactamente la razón por la que este enfoque del menú de navegación ahora está firmemente arraigado en nuestros hábitos de navegación web.

Deja un comentario