Organizar el menú web según tareas concretas del visitante
Relacione las páginas existentes con las tareas del visitante. Un ejemplo completo concreta las etiquetas, los destinos y la revisión posterior.
Planifique el menú web según lo que los visitantes quieren hacer. Para ello debe saber qué contenidos existen y qué pregunta responde cada página de destino. Los nombres de los departamentos de su empresa son, inicialmente, una de las posibles formas de organizarlos.
Relacionar el contenido existente con una tarea
El siguiente ejemplo es ficticio. La web de un proveedor de software tiene una página de integración, un formulario de consulta sobre proyectos y ayuda para un portal que ya se utiliza. Los identificadores corresponden a páginas de este ejemplo, no a rutas reales de ASES.
La tabla muestra parte de la navegación. Las etiquetas son propuestas; la asignación de destinos es una expectativa que se comprobará después, no un resultado de un estudio con usuarios.
Tarea | Contenido existente | Opción de menú propuesta | Destino |
|---|---|---|---|
Comprobar si el proveedor puede transferir datos de clientes entre CRM y ERP. | Integración de sistemas con flujos de datos, límites y vía de consulta. | Conectar sistemas |
|
Describir una aplicación web prevista e indicar los propios datos de contacto. | Consulta sobre un proyecto con información del trabajo y del contacto. | Consultar sobre un proyecto |
|
Leer cómo funciona la exportación de archivos en el portal que ya se utiliza. | Ayuda del portal con las instrucciones correspondientes. | Ayuda del portal |
|
La página de destino debe cumplir la promesa de la opción del menú. Por ejemplo, una descripción general de servicios no basta si falta la información de integración buscada. Revise el contenido antes de limitarse a cambiar el nombre del enlace.
Examinar las etiquetas mediante tareas
GOV.UK recomienda tareas de prueba concretas y creíbles que no revelen la solución. Encargue, por ejemplo, la primera tarea de la tabla a una persona adecuada para la prueba. No le indique qué opción elegir. Observe la etiqueta elegida, los desvíos y el resultado en la página de destino.
Pregunte después si la información encontrada resuelve la tarea. El primer clic por sí solo no lo demuestra. Registre por separado observación e interpretación: un destino incorrecto puede deberse a la etiqueta, la agrupación o el contenido que falta. Un único intento no permite obtener una tasa general de éxito.
Mantener la orientación en pantallas pequeñas
El tutorial de WAI describe la estructura semántica y la coherencia de las opciones visibles entre tamaños de pantalla. Un menú móvil desplegable debe permitir las mismas tareas. Las opciones visibles en ambas vistas deben mantener el orden, el texto y el destino; la página actual debe reconocerse.
Prevea expresamente las traducciones largas y varios niveles de navegación. Trasladar una opción a un subgrupo es una decisión de contenido, más allá del espacio disponible. Compruebe si las tres tareas siguen siendo posibles allí sin explicaciones.
Revisar también el manejo de la navegación
El ejemplo WAI-ARIA distingue la navegación web habitual de un menú de aplicación con manejo específico mediante teclado. El rol menu no es automáticamente adecuado para enlaces de navegación corrientes. Utilice enlaces comprensibles y controles apropiados para desplegar secciones; su estado y su foco deben ser claros.
En la versión implementada, compruebe el teclado, la ampliación y una configuración de lector de pantalla adecuada. La revisión de los tres destinos no sustituye este control técnico. Adopte etiquetas y grupos cuando encajen la comprensión de las tareas, el contenido de destino y el manejo; mantenga visibles los hallazgos pendientes.
Fuentes
Seguir leyendo
Todos los artículos
Diseño y UX con ASES
Experiencia de usuario, interfaces e imagen de marca