¿Qué es mejor, un menú resumido o un menú detallado?
Estoy rediseñando un menú de navegación para una aplicación basada en la web. El menú actual es una lista de tareas, agrupadas por servicio. La lista está creciendo constantemente a medida que estamos agregando nuevas funcionalidades y ahora los usuarios tienen que desplazarse hacia abajo para verlo todo. Lo ideal es que la lista tenga solo una página. Se han presentado dos soluciones:
- Presente un menú tipo acordeón que se ampliará para cada servicio
- Agrupando tareas juntas para reducir el menú
Por ejemplo, nuestro menú actual presenta opciones como:
Usuario
- Editar
- Eliminar
- Cambia la contraseña
Buzón
- Editar
- Eliminar
- Establecer permisos
- Administra la configuración de spam
- Buscar spam
Con la solución 1, solo verá Usuario y Buzón, luego al hacer clic en cualquiera de ellos se expandirá para mostrar las tareas descritas anteriormente.
Con la solución 2, el nuevo menú presentaría algo como:
Usuario
- Configuración
Buzón
- Configuración
- Permisos
- Correo no deseado
La solución 1, mientras desorganiza la interfaz en el primer nivel, seguirá presentando al usuario una gran cantidad de texto para leer en el segundo nivel.
Con la solución 2, me preocupa que los usuarios no encuentren lo que están buscando. Por ejemplo, un usuario que está buscando cambiar su contraseña no sabría necesariamente que vaya a la configuración del usuario.
Ambos tienen sus ventajas y desventajas, ¿cuál es mejor? ¿Presentar más opciones al usuario para que pueda encontrar la tarea exacta que desea hacer o agrupar las tareas bajo un encabezado general?
Editar: Según lo solicitado, he incluido una maqueta de pantalla de la aplicación. A la izquierda está la lista de usuarios, al seleccionar un usuario, aparece la tarea para un usuario en el lado derecho.
De las dos opciones dadas, iría por el menú de acordeón.
Una página separada significa dos clics y (generalmente) un servidor de ida y vuelta, y luego debe regresar.
No hay ninguna ventaja para hacer una "preselección", a menos que haya muchas opciones para una sola página.
Una sola página (es decir, sin el menú "agrupado", solo un enlace) está bien, si todos los casos de uso comunes implican múltiples acciones por usuario seleccionado.
De lo contrario, usaría menús de "acordeón", o menús emergentes de javascript/mega/en cascada, y permitir fijar comandos en la parte superior de la lista.
Sería útil ver el espacio que tiene disponible para su navegación o el espacio que planea usar. Sin embargo, sin saberlo, si desea incluir todas sus opciones porque tiene miedo de generar confusión, podría aplicar una solución como la tendencia de megamenús . Aquí hay un enlace de ejemplos sobre el tema:
http://designm.ag/inspiration/mega-menus-showcase/
Sin embargo, si definitivamente desea la opción resumida, es posible que desee repensar los títulos de las opciones de menú resumidas. Puede leer este artículo para obtener más consejos sobre el diseño de un sistema de navegación eficaz.
http://buildinternet.com/2009/09/principles-of-effective-web-navigation/
Al resumir, sugeriría algunas pruebas con usuarios aleatorios o incluso un simple sondeo sobre la claridad de las etiquetas que ha estado utilizando. No tiene por qué ser un estudio tan elaborado, pero podría brindarle información útil sobre el tema.
Con el tiempo, me di cuenta de que cuantas más configuraciones hay, más prefiero tener un solo enlace, p. cómo Amazon.com tiene un enlace único que dice "Tu cuenta". El motivo es muy simple: después de hacer clic en el enlace "Su cuenta", aparece una página que contiene todas las opciones posibles, y si lo que estoy buscando no es inmediatamente obvio, puedo presionar Control-F o Cmd -F para encontrar lo que quiero en la página.
Con los menús, la única opción con las aplicaciones web es leerlas. Me parece que esto se vuelve tedioso con el tiempo. Y cuanto más grande es el menú (¡¿mega-er ?!), más tedioso se vuelve leer, sin opción de búsqueda. (La situación es diferente en las aplicaciones de escritorio donde los menús se sienten más "naturales" y ofrecen atajos de teclado).
Encuentro contrario a la intuición que una "Tarea" me lleva a un nuevo menú o página de configuración. Para mí, una tarea se centra en un solo tema, como "Administrar roles ...", "Cambiar contraseña ..." o "Desactivar cuenta", no "Administrar esto y aquello y mostrarme algo más ..." ^^ Pero eso podría ser solo yo.
Lo ideal sería tratar de incluir todas las tareas escritas de forma simple, barra de desplazamiento si es necesario.
Pero para comprimirlo, la forma en que lo hace la caja de herramientas en Visual Studio es bastante ordenado. En este caso, sería como la idea del acordeón, pero con una categoría adicional en la parte superior que se expande previamente y que enumera las tareas más comunes o populares.
v Basic
Change password
Edit user
Search spam
> User
> Mailbox
Decidir qué es una tarea común podría ser una decisión simple o una decisión dinámica basada en lo que más utiliza el usuario conectado.
Las categorías también podrían cambiar un poco si hay pocas categorías lógicas con muchas tareas en ellas, para que cada categoría esté menos llena.
v Basic
Change password
Edit user
v Edit
User
Mailbox
Permissions
v Spam
Search
Settings
v Delete
User
Mailbox
Usa información sobre herramientas.
Haga un menú resumido con una lista de todas las cosas que se pueden hacer en cada página en una información sobre herramientas que muestra cuándo el usuario pasa el cursor sobre el elemento.
Además, cuando realice la transición por primera vez, brinde al usuario algunos consejos. Por ejemplo, cuando el usuario hace clic en la opción del menú del usuario, se muestra una pequeña ventana emergente (como las que se usan en este sitio) que explica los cambios en el menú.