Menús de navegación: ¿verticales u horizontales?

Actualmente, gracias a recursos como el paralaje o el uso de una página única, los sitios web presentan formas de navegación cada vez más originales. Sin embargo, a la hora de disponer los enlaces en el menú de secciones, las opciones suelen encuadrarse en las dos orientaciones más tradicionales: vertical u horizontal. En la primera modalidad, los enlaces se colocan en una lista de ítems tradicional, mientras que en la segunda, los enlaces aparecen en una tira que suele ubicarse en la parte superior de la pantalla.

¿Cuáles son las cualidades de cada enfoque?

Vertical

  • Utilizada en blogs, sitios de comercio electrónico y redes sociales.
  • Ideal para mostrar una gran cantidad de enlaces: en caso de necesitar realizar scroll para ver la lista entera, el desplazamiento vertical es más cómodo que el horizontal.
  • De acuerdo con el experto Jakob Nielsen, el lado izquierdo de la pantalla es el que más captura la atención, por lo que es una buena medida ubicar un menú vertical de ese lado.
  • Ideal para realizar listas desplegables con muchos niveles de profundidad (árboles).
  • Más difícil de integrar con el contenido. Por ejemplo, en un blog es probable que el menú vertical de la barra lateral sea más alto que el post, provocando un desnivel que genera un gran espacio vacío debajo de este.
  • Ocupa parte del ancho de la pantalla, quitándole espacio al contenido.

Horizontal

  • Cada vez más utilizado, especialmente en sitios web institucionales, portfolios y aquellos con una sola página.
  • En Occidente, el método de lectura predominante es de izquierda a derecha. Quizás por eso, muchos estudios de eye tracking indican que los menús horizontales son más visibles que los verticales. Sin embargo, la importancia de esta conclusión para elegir uno u otro menú es discutida.
  • Cuando son desplegables y de un solo nivel, es más fácil acceder a los elementos de la lista secundaria que en el caso de un menú vertical.
  • Es difícil agregar nuevos enlaces a ellos manteniéndonos dentro del ancho de la plantilla.
  • No son adecuados para dispositivos con poco ancho de pantalla, como celulares y tablets.

En general, es aconsejable utilizar un menú horizontal para un pequeño conjunto de opciones básicas, y un menú vertical para una lista con muchos elementos (especialmente si tenemos pensado agregar nuevos ítems en el futuro).