fbpx Skip to content

Amando y Odiando el Icono de la Hamburguesa

Me encanta el menú de hamburguesas. Odio el menú de hamburguesas.

Constantemente me estoy contradiciendo sobre este pequeño elemento del sitio web; ya sea que piense que funciona de maravilla… o que simplemente sea un desastre.

Y no estoy solo. Aunque este icono ha crecido en popularidad, todavía hay un debate importante sobre si es la elección correcta para introducir los menús de navegación en los sitios web. Es un debate que tengo conmigo mismo (y con mi equipo) cada vez que nos acercamos a un nuevo proyecto.

Porque aunque me encanta la simplicidad del menú de hamburguesas y el lienzo limpio que ofrece, hay algunos problemas de usabilidad que me siguen molestando. Por eso tengo una clara relación amor-odio con el menú de hamburguesas.

Amor: Lienzo de diseño limpio

El espacio adicional que proporciona el uso de un icono de menú de hamburguesa puede crear una sensación más limpia, elegante y moderna en el diseño. Me encanta el aspecto de un diseño minimalista sin desorden y capas de elementos apilados uno encima del otro.

Este elemento de diseño puede animar a su equipo a pensar y a tomar ciertas decisiones sobre el contenido y la usabilidad. Debido a que el icono de la hamburguesa no contiene el espacio para expandirse a esos mega menús que fueron populares por un tiempo, usted tiene que determinar qué es lo suficientemente importante como para ser parte de la navegación principal. Y esta es una discusión importante que hay que tener.

Tener un espacio limitado para la navegación puede ayudar al equipo a centrarse en los objetivos del sitio web y en lo que los usuarios están haciendo y lo que usted quiere que hagan. (¡Me encanta eso!)

Odio: Desafiante para algunos usuarios

Ese pequeño icono con tres líneas apiladas todavía no es del todo familiar para algunos usuarios. Si usted maneja o está construyendo un sitio web con una audiencia claramente mayor o una que no es tan móvil, un ícono de hamburguesa puede ser confuso.

Es posible que este segmento no haga clic ni toque el icono, lo que provocaría el abandono del sitio web.

Aunque esta herramienta tiende a funcionar bien con audiencias más “tecnológicas”, no es para todos los grupos de usuarios. Si los usuarios principales de su sitio web están en dispositivos de escritorio, vale la pena reconsiderarlo.

Amor: Aceptación como patrón de usuario móvil

Es divertido ver cómo pasa algo ante tus ojos. Cuando los primeros sitios web comenzaron a usar iconos de hamburguesas, muchos de nosotros pensamos que nunca se pondría de moda.

Lo contrario ha sido cierto.

En los dispositivos móviles, el uso del icono de la hamburguesa para señalar la navegación oculta es generalmente aceptado. La mayoría de los usuarios móviles entienden lo que es y cómo funciona.

Este patrón de usuario también resolvió un problema con la navegación móvil: esas pequeñas palabras eran difíciles de tocar. Con la navegación pop o deslizante desde el icono de la hamburguesa, los diseñadores están dejando más espacio alrededor de cada elemento e incluso diseñando enlaces de navegación individuales para que tengan el aspecto de botones, lo que hace que el estilo sea muy utilizable.

Odio: Hay una tendencia a “rellenarlos”

Debido a que la navegación desde un icono de hamburguesa se ve y se siente como si fuera su propia página, existe esta tendencia a sobrecargarla con información.

¡Esto me vuelve loco! No quiero desplazarme en tu página de navegación. Elija algunos elementos importantes de navegación, muéstreselos a los usuarios y siga adelante. No sobrecargue la navegación porque no quiere tomar decisiones sobre el contenido y los objetivos.

Cada sitio web debe tener unas cuantas páginas que son una prioridad para que los usuarios encuentren y visiten. Estos deben estar en la navegación que se abre desde el menú de hamburguesas.

Amor: Acceso fácil y directo a los enlaces clave

Los elementos de la navegación de hamburguesas proporcionan acceso directo al contenido.

Según el Grupo Nielsen Norman, el acceso directo permite a los usuarios hacer clic o pulsar directamente sobre un “elemento preferido, en lugar de obligar a los usuarios a revisar su contenido en orden de serie”. La alternativa es el acceso secuencial, donde los usuarios tienen que ver múltiples elementos antes de llegar al que desean (piense en carruseles para la navegación o mega menús multinivel).

El acceso directo es importante porque hace que sea rápido y fácil para los usuarios llegar a donde quieren en la arquitectura del sitio web. Menos clics para acceder a la información es algo bueno.

Sé lo que estás pensando: Ya he recomendado que los menús se adapten a la información más importante, así que ¿cómo es esto más rápido y fácil para todos los usuarios ?

Simple: Incluya la búsqueda en su navegación si no puede resaltar todo lo que necesita. Si los usuarios no ven exactamente lo que están buscando, hay una manera de encontrarlo.

Odio: Falta de información inmediata

Una de las cosas que odio de los menús de hamburguesas es que pueden ocultar parte del contexto de un sitio web. Un buen menú de navegación proporciona pistas sobre el contenido de un sitio web de inmediato con palabras clave e información en la parte superior de la pantalla.

No siempre es así, especialmente si el diseño está bien planificado, pero a menudo faltan estas pistas cuando la navegación está metida dentro de una hamburguesa.

Es importante que el diseño no pierda este contexto con esa información escrita en la copia visible de las páginas.

Amor: Bienes raíces adicionales en la pantalla de la hamburguesa

La naturaleza pop o deslizante de la pantalla de navegación con iconos de hamburguesas ofrece a los diseñadores un espacio extra y un poco de espacio para ser creativos.

Aproveche este espacio para hacer algo que hará las delicias de los usuarios. Me encanta hacer clic en ese icono y obtener algo especial que contribuya a mi experiencia de usuario en general.

Utilice ese espacio para proporcionar información adicional, volver a hacer hincapié en un hecho importante o crear una interacción agradable.

Odio: Se necesitan varios clics para descubrir cosas nuevas

¿Tu capacidad de atención es tan corta como la mía? Si tengo que hacer clic en todo el lugar para encontrar cosas en un sitio web, tiendo a salir.

A veces un ícono de hamburguesa puede llevar a “fatiga múltiple de clicks/golpes”. Los elementos de navegación están ocultos. Tienes que hacer clic para encontrarlos. Lo que estás buscando no está ahí. Tienes que hacer clic en otro lugar para buscar. Tienes que hacer clic dentro y fuera de la navegación.

Todo esto puede resultar tedioso, incluso si ocurre en cuestión de segundos. (Y el período de atención promedio ya no es mayor.)

Envolviendo

Entonces, ¿cuál es el veredicto? ¿Adoro u odio el icono del menú de hamburguesas?

Es ambas cosas. Seguiré amándolo y odiándolo hasta que llegue una solución mejor. ¿Cómo te sientes al respecto?