it-swarm-es.com

Uso de una combinación de navegación horizontal con submenús y navegación lateral vertical con submenús en un sitio web

He estado involucrado en un rediseño del sitio web donde la navegación incluye un menú de navegación horizontal primario con un nivel de menús desplegables y una navegación secundaria en la columna izquierda que repite el submenú del menú principal y un nivel adicional de elementos en un formato de árbol.

Navegación superior:
Libros
Ficción
Ciencias
Diseño web

Navegación lateral:
Ficción
Literario
Histórico
Crepúsculo
Ciencia
etc.
etc.

El subnivel de navegación lateral (como Literary en el ejemplo) puede ser realmente largo (10 o más enlaces) y extenderse muy por debajo del final del contenido. El navegador lateral actúa como un panel de acordeón para cada elemento.

¿Alguien sabe de algún estudio de UX o incluso discusiones anecdóticas de este tipo de sistema que afecte, positiva o negativamente, la interacción del usuario? Me gustaría dar algunas razones para alejarnos de este tipo de navegación: solo en base a pruebas internas y diferentes monitores, etc., perdemos mucho espacio en la navegación sin ningún beneficio real (no hay presupuesto para nada como A/B prueba, etc.). Me parece que los megamenús o menús desplegables de dos niveles son más la norma en estos días.

11
sscott

Kingsbury JR y Andre AD (2004, Una comparación de menús web de tres niveles: estructuras de navegación. Actas de la 48ª Reunión Anual de HFES, p1513-1517; resumido ) han realizado algunas investigaciones sobre menús jerárquicos como el suyo. eso sugiere que los usuarios generalmente tienen un mejor rendimiento cuando seleccionan desde el menú de la barra lateral izquierda primero , luego el menú superior, en lugar de al revés.

Sin embargo, parece que su menú de segundo nivel puede ser demasiado largo para estar en la parte superior. Puede separar los elementos de nivel inferior en su menú de segundo nivel para hacer un tercer menú de nivel en la parte superior para adaptarse a todo. Esto funcionó bien para Kingsbury y Andre, pero solo probaron jerarquías de menú de 3 niveles y, en general, un menú de un solo nivel de 10 elementos agrupados superará dos menús cortos jerárquicos. (por ejemplo, ver Snowberry K, Parkinson SR y Sisson N (1983), Computer Display Menus, Ergonomics, 26 (7), p699-712).

Consideraría poner todo en el menú de la barra lateral, que Kingsbury y Andre descubrieron que tenía un rendimiento cercano al izquierdo y luego al superior en varias medidas. Sin embargo, este rendimiento se basa en tener dos menús de barra lateral, uno para cada nivel, que puede ocupar demasiado espacio horizontal en su caso. Puede usar expansores para mantener todos los niveles en el mismo margen, pero no sé qué hará eso para el rendimiento del usuario

Hablando más de una anécdota que de una investigación, me preocupa un poco que la barra lateral repita el menú desplegable de la barra superior. Al igual que usted, no tengo claro cuál es el beneficio de esta redundancia: no veo cómo un método sería sustancialmente superior a otro dependiendo de los usuarios o las circunstancias (por ejemplo, no es como si el mundo se dividiera en una barra lateral -navegación de usuarios y navegación desplegable-usuarios). Mientras tanto, tiene los siguientes problemas potenciales:

  • Los usuarios pueden preguntarse si los enlaces son realmente iguales o no, y terminan haciendo clic en ambos. Este es especialmente el caso si no está utilizando un código de color reconocible para distinguir los enlaces visitados de los no visitados (lo cual ya casi nadie lo hace).

  • Incluso si los usuarios se dan cuenta de que los enlaces son los mismos, ahora el usuario debe decidir qué método de navegación usar. Este poco de pensamiento los ralentiza. Forzar ese pensamiento es bueno cuando la recompensa resulta en una respuesta neta más rápida, pero no creo que tenga eso aquí.

A menudo se prefiere dar a los usuarios una mejor manera de hacer algo en lugar de una opción. Si le preocupa que algunos usuarios no se den cuenta de que la barra lateral está determinada por el menú superior (o viceversa), resuelva eso con un diseño gráfico que conecte visualmente la selección actual del menú primario con el menú secundario.

Para un menú relativamente complejo como el que tiene, esos menús desplegables pueden ser problemáticos, lo que sugeriría que vaya solo con la barra lateral. Sin embargo, dadas sus preocupaciones inmobiliarias, las megacaídas desplegables pueden ser el camino a seguir , dado que abordan muchas de las limitaciones de las listas desplegables ordinarias.

6
Michael Zuschlag