5 razones para evitar el icono de hamburguesa en el escritorio

Un icono de hamburguesa como única fuente de navegación en un sitio web de escritorio apesta. Es frustrante, confuso y viola las reglas no escritas de navegación y las mejores prácticas de flujo de usuario. ¿Por qué lo harías? Aparte de para mantener o establecer una cierta estética, es difícil encontrar una respuesta que tenga sentido.

El a menudo discutido icono de la hamburguesa puede ser un gran complemento para la navegación de un sitio web o incluso para pantallas pequeñas, pero no debería ser la única opción para los ordenadores de sobremesa. Te estás haciendo un flaco favor a ti mismo -y al diseño del sitio web- si ésta es tu única opción de menú.

Fíjate en los distintos estilos de menú de escritorio a lo largo de este post. Algunos de los mejores usos del icono de la hamburguesa vienen con otros elementos de menú.

Ver más

1. Falta de comunicación e incomprensión

Los menús de navegación son una puerta de entrada a su sitio web, ya que indican a los visitantes qué esperar, cómo interactuar y de qué trata el sitio.

...hay una delgada línea entre proporcionar información valiosa y la sobrecarga

Con tantas apariencias diferentes para un icono de hamburguesa, desde el número de líneas hasta el color, el tamaño y la forma o la colocación, no hay suficiente patrón de usuario directamente establecido para que esto sea totalmente eficaz.

Los elementos del menú deben incluir enlaces a la información más importante de su sitio web. Y hay una línea muy fina entre proporcionar información valiosa y sobrecargar. Limítese a cuatro o seis elementos de menú, más de eso saturará el espacio y podría no ayudar a los usuarios a tomar una decisión sobre qué enlace elegir.

Las páginas enlazadas en un menú se consideran el contenido más importante del sitio web. Sin estos enlaces, las páginas pueden parecer menos relevantes para los usuarios.

Por otro lado, los megamenús gigantes pueden ser tan confusos como no tener menú.

He aquí lo que deben hacer los menús de navegación en los sitios web de escritorio para contribuir a la experiencia general del usuario:

• Comunicar de qué trata un sitio web
• Facilitar el acceso a los mejores contenidos o productos
• Facilite el acceso a las cosas que quiere que los usuarios vean o con las que quieren interactuar.

Lifted Logic (arriba) utiliza varias capas de navegación, incluido un icono de hamburguesa para la información.

2. Perderá datos útiles

¿Sabe qué busca la gente cuando entra en su sitio web? ¿Qué información quiere ver a continuación?

El seguimiento -mediante clics o mapas de calor- puede ayudarle a comprender mejor cómo utilizan los usuarios los menús para desplazarse por el diseño del sitio web. Incluso los usuarios que no hacen clic en un elemento de navegación pueden mirar las opciones antes de tomar una decisión sobre qué hacer a continuación con el diseño.

En muchos sitios web, las páginas Contacto y Acerca de son unas de las más visitadas de todo el sitio. En la mayoría de los diseños, no se trata de páginas enlazadas mediante llamadas a la acción, sino que los usuarios navegan hasta ellas desde los menús. ¿Le gustaría perderse esos clics de personas que podrían llamar, enviar un correo electrónico, ponerse en contacto o visitar su empresa?

Aim Architecture (arriba) juega limpio con un menú superior sencillo.

3. Frustración del usuario

Dependiendo del tipo de sitio web que tenga, las opciones de menú son esperadas por los usuarios y pueden conducir a una gran frustración, incluyendo el abandono del sitio.

Los menús ocultos en los iconos de las hamburguesas tienen menos engagement que los que están a la vista.

Esta frustración es más evidente en los usuarios que se mueven por el sitio y vuelven a menudo a los menús de navegación principales para volver a determinados contenidos, encontrar un blog o información específica, o ayudar a buscar algo.

Los menús ocultos en iconos de hamburguesa tienen un engagement general más bajo que los que están a la vista. Eso puede ser un indicio de frustración o incapacidad para encontrar el menú en absoluto. (Dependiendo de los datos demográficos de su público objetivo, puede que ni siquiera sepan cómo o por qué utilizar esas tres líneas de la parte superior de la pantalla).

Esta frustración también está respaldada por la investigación. El Nielsen Norman Group descubrió que los iconos de hamburguesa reducen el descubrimiento de contenidos aproximadamente a la mitad y "el tiempo de la tarea es mayor y aumenta la dificultad percibida de la tarea".

Gracias, ¿sabe qué hacer a continuación con el ejemplo de sitio web anterior?

4. Oportunidad perdida para las conversiones

Sin rutas de usuario claras, hay mucho margen para perder oportunidades y conversiones.

Los sitios web de comercio electrónico son un buen ejemplo de la importancia de los menús, sobre todo para facilitar el acceso al carrito o a los botones de pago. Si la navegación está oculta o los usuarios no pueden acceder a estos enlaces de forma rápida e intuitiva, se puede perder una venta.

Mantener el carrito visible es una estrategia clave a la hora de reducir el abandono y pasar de comprador online a comprador online. ¿Qué mejor lugar que un menú principal siempre visible en los ordenadores de sobremesa? (Esto se complica un poco en los móviles. Pero la mayoría de los compradores móviles siguen haciendo una compra rápida por impulso, mientras que los compradores de sobremesa compran más artículos y comparan precios entre pestañas).

Lo mismo puede decirse de otros tipos de sitios web. Imagine que vende seguros. Hay distintos tipos de agentes para seguros individuales o de empresa, de hogar o de automóvil, de eventos o de responsabilidad civil. El menú puede ayudar a garantizar a los usuarios que están en el lugar adecuado y que encuentran información hecha a su medida.

5. Los clics adicionales son ineficaces

Los usuarios son un poco perezosos (es cierto, tú mismo puedes admitir serlo cuando visitas sitios web) y si tienes que hacer clic demasiadas veces para llegar a algo, lo más probable es que desistas. Colocar elementos de menú detrás de un icono añade un clic más a cualquier recorrido del usuario que implique navegación.

Si un usuario sólo va a hacer tres clics para abandonar el sitio web, ¿quiere que acceder al menú sea uno de esos clics?

Puede sonar demasiado simplista, pero es así de fácil.

Crisp (arriba) hace algo interesante. La navegación empieza sin hamburguesa y se colapsa en una al desplazarse.

Pero las hamburguesas están bien en el móvil

Pero aquí está la cosa: Para la versión móvil sensible, es probable que desee que el icono de hamburguesa. No es una opción de diseño inherentemente malo.

• Es eficaz y ahorra espacio en la pantalla.
• Los usuarios de móviles están más acostumbrados a su funcionamiento.
• Este estilo de menú puede ser más fácil de pulsar sin golpear botones inadvertidamente.
• El mito de que los iconos de hamburguesa matan la optimización de los motores de búsqueda ha muerto. Google, de hecho, da prioridad a los móviles a la hora de indexar los sitios web y leerá estos menús.

Conclusión

Los iconos y menús de hamburguesa tienen su lugar en el diseño de sitios web. En general, los diseñadores han llegado a aceptarlos y muchos usuarios comprenden su uso y finalidad.

Eso no significa que sean el fin de todo cuando se trata de la navegación. Mientras que algunos elementos están bien escondidos detrás de un menú, esto puede no funcionar para ciertos sitios web, industrias o grupos de usuarios, particularmente en dispositivos de escritorio. Si va a utilizar un icono de hamburguesa en un escritorio, considérelo para un menú secundario o con etiquetas para asegurarse de que los usuarios saben exactamente para qué están destinadas esas tres líneas.