Ya habrás leído en más de una ocasión1 que el menú hamburguesa no resulta usable para muchos usuarios. Comparto esta opinión por la sencilla razón de que contradice el principio de usabilidad de interfaz visible2. El cual afirma que deben evitarse elementos invisibles de navegación que han de ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, etc.
Buscando alternativas, he encontrado este excelente artículo de Zoltan Kollin en Medium, que describe hasta 5 alternativas válidas.
- Pestañas
- Pestañas con la opción “Más”
- Menú que muestra más o menos opciones en función de la resolución
- Menú con scroll horizontal
- Menú desplegable
Voy a tratar de simplificar el problema y escoger una de las alternativas que proporciona Zoltan.
Realmente, la opción (3) es una variante más trabajada de la opción (2).
La opción (5) la descarto porque incumple el principio de interfaz visible.
La opción (4) la descarto porque hay usuarios a los que no les resultará evidente que hay que hacer scroll horizontal para acceder a las secciones ocultas.
Conclusión
Si el menú tiene más opciones de las que pueden verse en un móvil la mejor solución me parece la del menú que muestra más o menos opciones en función de la resolución. De este modo, mostramos de primeras el máximo número posible de opciones de menú que permite cada dispositivo. Maximizando el cumplimiento del principio de interfaz visible.
Ejemplo: BBC
-
Por ejemplo en este artículo de Nielsen Norman Group. ↩
-
Mi lista de principios generales de usabilidad. ↩