Desde que Susan Kare hiciera los primeros iconos para el Macintosh, la interfaz de usuario ha tenido una evolución constante para mejorar la experiencia de usuario. 

Lo más difícil de conseguir en los iconos de una UI (user interface) es que se reconozcan por todos los usuarios sin necesidad de llevar ningún texto. Solo algunos de ellos han logrado convertirse en un arquetipo capaz de formar parte de la señalética digital que usamos a diario.

En el caso la navegación, hablamos de un aspecto crucial de nuestra rutina y los iconos de menú desempeñan un papel esencial en este proceso. Podemos encontrar cuatro versiones de iconos de menú que sirven para este propósito:

1. Menú burger

El icono hamburger ha sido un pilar en el diseño UI desde sus primeras apariciones. Consiste en tres líneas horizontales que se asemejan a las capas de una hamburguesa. Su objetivo principal es ocultar las opciones de navegación del sitio web y reducir el espacio.

Ventajas:

• Ideal para interfaces con limitaciones de espacio.
• Es muy reconocido y comprendido por los usuarios.
• Su diseño simple se integra fácilmente en diversas interfaces.

Inconvenientes:

• Algunos usuarios pueden no ser conscientes de su función.
• En la mayoría de los casos se coloca en la parte superior, pero el aumento de tamaño de los móviles lo ha vuelto menos accesible en esa posición.
• Puede plantear desafíos para personas con discapacidades visuales si no se implementa adecuadamente.

El menú de awwwards es un ejemplo de buena aplicación, ya que posiciona el icono en la parte inferior del móvil ayudando a su usabilidad cuando sujetamos el dispositivo con una sola mano.

2. Menú kebab

El icono kebab, con sus tres puntos dispuestos en vertical, se diferencia del menú burger en que sirve para indicar ajustes u opciones de menú adicionales.

Ventajas:

• La conservación del espacio y la sencillez son también ventajas de este menú.
• Puede convivir con el menú burger para agrupar distintas funciones.

Inconvenientes:

• Puede ser menos evidente para algunos usuarios.
• En algunos casos se puede utilizar de forma errónea restando comprensión.

3. Menú meatballs

El icono meatballs es una variante del kebab. Simplemente se diferencia en que la disposición de los puntos es horizontal, pero su función es la misma. Quizás, podamos encontrarlo más a menudo en las interfaces de herramientas de software que en una página web.

4. Menú bento

Inspirado en la disposición de las cajas Bento japonesas, el icono bento ha surgido como una alternativa al menú burger. Se diferencia de éste en que las opciones que despliega vienen en forma de iconos, y no de una lista de texto.

Ventajas:

• Permite explorar variaciones en diseño y animación. 
• Puede ser una buena opción para funciones más complejas que necesiten iconos.

Inconvenientes:

• Es menos conocido y puede requerir más tiempo para que los usuarios se acostumbren.
• Puede no ser adecuado para todas las interfaces ya que requiere de mayor espacio para desplegar el grupo de iconos.

Es fundamental el buen uso de los distintos iconos que conforman la señalética digital para crear un lenguaje común entre todos los usuarios, el cual nos facilite nuestras tareas diarias y nos sirva como arquetipo en los futuros diseños de interfaces.