Navegación de 2 filas frente a menús desplegables
He visto dos tipos diferentes de barras de navegación cuando un sitio requiere navegación anidada, una donde al pasar el cursor sobre un enlace se despliega un menú adicional y otra donde una segunda barra horizontal se llena con los enlaces en esta categoría. ¿En qué situaciones debería preferir uno sobre el otro? Parece que la navegación desplegable es la más común, pero ¿hay situaciones en las que tener las dos columnas horizontales funcionaría mejor?
Hay un problema con la cantidad de enlaces a los que necesita acceder. Los menús desplegables pueden dar acceso a muchos más enlaces.
Existe el problema del espacio vertical. Los menús desplegables flotantes te ahorran espacio.
Y está el problema de la facilidad de uso. Tiendo a pensar que si su sitio web tiene secciones distintas, por ejemplo, preguntas frecuentes, recorridos y asistencia, y cada una de estas secciones tiene algunas subsecciones, usar la navegación de 2 filas puede ser más fácil porque el usuario tiene un clic -acceso a las otras subsecciones.
Prefiero evitar los menús desplegables por algunas razones.
Primero, es más fácil incorporar una barra de navegación de 2 niveles en el diseño de su sitio sin que se vea fuera de lugar. Puede ser una molestia hacer que el menú desplegable coincida con el resto de la página, especialmente cuando se usan texturas. A menudo veo sitios que tienen excelentes texturas/gráficos y luego el menú desplegable es solo un color sólido.
En segundo lugar, desaparecen por accidente o no desaparecen lo suficientemente pronto. Realmente necesita ajustar la cantidad de tiempo después de que el mouse desaparezca. Si no lo hace bien, puede mover accidentalmente el mouse fuera del menú y desaparecerá de inmediato. O bien, podría haber terminado con el menú, mover el mouse hacia afuera y se quedará abierto hasta que llegue el tiempo de espera.
Como otros han mencionado, la elección realmente depende de cuántos enlaces tenga que mostrar. Si tiene muchas subsecciones, casi tendrá que usar menús desplegables. Pero si tienes espacio, te recomendaría un navegador de 2 niveles. Es rápido, fácil, utilizable y es fácil de diseñar para que coincida con el diseño general del sitio.
Los menús de 2 niveles pueden ser más desordenados, pero al menos debes usarlos como alternativa, porque si tus visitantes están navegando con JavaScript deshabilitado, tus menús desplegables no funcionarán.
Además de las otras respuestas, una ventaja de preferir una navegación de 2 filas es que los usuarios siempre saben dónde buscar la navegación (en lugar de que los menús estén ubicados en un espacio relativo a su "padre"). Una navegación de 2 filas también es una interfaz más "portátilmente consistente", lo que significa que su interfaz puede permanecer similar en varias capacidades del navegador, como javascript/no javascript, computadora de escritorio/móvil, etc.
Prefiero menús desplegables grandes que se pueden hacer clic que no desaparecen en el instante en que mueves el mouse fuera del área. Aún mejor, deslice la navegación hacia abajo y haga que las opciones se mantengan.
Al pasar el mouse sobre los botones de navegación principales para las filas verticales, los subenlaces casi siempre se confunden y cambian a las filas de otro botón cuando accidentalmente toco otro botón o el cuerpo de la página mientras busco el enlace correcto.
Si tiene más de 2 niveles, la opción horizontal se vuelve muy desordenada, pero para una pequeña jerarquía de menús, creo que es más un problema de gráficos. Los encuentro fáciles de usar y comprender, y en algunos sitios uno se ve mejor y en otros el otro se ve mejor.