Por qué las listas horizontales son mejores para los mega menús

Vistas: 29
0 0
Tiempo de lectura:1 Minutos, 22 Segundos

La mayoría de los diseñadores piensan en un menú como una lista vertical. Sin embargo, es hora de repensar esta plantilla para mega menús porque no son óptimas para buscar y navegar por los elementos.

Empaquetar muchas listas verticales en un menú hace que sea difícil encontrar elementos. Antes de que los usuarios puedan escanear cualquier elemento, deben encontrar la categoría correcta. Sin embargo, los nombres de categoría son más difíciles de encontrar cuando los elementos dominan el campo de visión.

Cuando los usuarios miran por primera vez el mega menú, son literalmente bombardeados con múltiples elementos. Los encabezados de categoría no aparecen de inmediato porque el diseño de las columnas limita el tamaño del texto para que no encaje en las columnas adyacentes.

Los enlaces de índice para “ver todo” también son difíciles de ver porque están revueltos en la lista. Como resultado, a menudo se pasan por alto como tema.

Además, la selección de cada elemento es difícil, ya que las sangrías entre ellos son mínimas. Los usuarios pueden hacer clic accidentalmente en un elemento adyacente si no mueven con precisión el dedo o el mouse. Agregar más relleno no resolverá este problema, solo expandirá las listas verticalmente y hará que el menú sea demasiado grande.

La respuesta a los mega menús es no usar listas y columnas verticales. De hecho, todo es justo lo contrario. Usar una lista horizontal y dividir cada categoría en filas mejora la visualización y navegación del menú.

Suscríbete para leer el artículo completo

Conviértase en un suscriptor pago del boletín UX Movement para obtener acceso exclusivo a este artículo y otro contenido exclusivo para suscriptores.

Artículo completo Suscríbete

Sucursales

elegantes temas de WordPress
Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post 4 marcas que prefieren campañas inclusivas los 365 días del año
Next post Intención de búsqueda del sitio, errores de contenido, Google My Business Listing y más.

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta