Usabilidad y navegabilidad web

Navegación contextual

La navegación y la arquitectura de la información son los componentes de las páginas web que ayudan al usuario a encontrar información y a navegar por el contenido del sitio. Un sistema de navegación bien diseñado es más que una buena taxonomía: anima a los clientes a explorar partes del sitio que, de otro modo, podrían haberse perdido.

Estas directrices se expresan a propósito como afirmaciones positivas, de modo que cuando se devuelvan los resultados al equipo de diseño se puedan identificar algunos puntos fuertes del diseño antes de lanzarse a los problemas.

Navegación por el sitio web

Cuando se trata de usabilidad, la facilidad de navegación debe ser una prioridad para los desarrolladores web. La característica más molesta de un sitio web es la navegación inadecuada o confusa, que deja a los usuarios perdidos y sin saber qué hacer a continuación. Si se tiene la suerte de que algunos usuarios recorran el sitio web para cumplir el objetivo de su visita. Sin embargo, la mayoría de los usuarios simplemente se van y añaden más números a la tasa de rebote del sitio web, ¡y todos queremos evitar eso!

Ser creativo con su sitio web está bien, pero no lo practique en áreas donde se prefiere la previsibilidad a la singularidad. Esto es particularmente cierto para los menús de navegación del sitio web que los visitantes van a utilizar simplemente para ir de una página a otra. Crear una navegación poco convencional sólo hará que sea confusa, y es menos probable que los usuarios confundidos permanezcan más tiempo en su página.

En cierto modo, esto va de la mano con la previsibilidad, excepto que aquí se evita que la navegación sea extremadamente difícil de comprender. Por ejemplo, puedes tener un diseño predecible, pero si está lleno de menús y submenús desordenados, estás lejos de facilitar a los usuarios la navegación por tu sitio web.

Navegación por la pestaña de accesibilidad

Para empezar, ¿qué entendemos por «navegación»? La navegación del sitio se compone de varios elementos, entre los que se incluyen la navegación global, la navegación local, la navegación de utilidades, las migas de pan, los filtros, las facetas, los enlaces relacionados, los pies de página, los pies de página gruesos, etc. Cabe destacar que también incluye la arquitectura de la información del sitio, es decir, la forma en que el contenido del sitio se divide en trozos y se etiqueta, pero esto no lo vamos a considerar en este blog.

En este blog nos centraremos en la navegación principal. Para los usuarios que llegan a la página de inicio, ésta es la parte que les permite llegar al contenido que desean. Nuestra experiencia sugiere que más del 90% de los usuarios utilizan la navegación principal para encontrar lo que quieren. No utilizan la búsqueda del sitio, a menos que la navegación no funcione y la mayoría de las veces no navegan, ya que están orientados a la tarea.

Si su sitio es muy rico en contenido, es casi imposible dividirlo en trozos de manera lógica y utilizable. Es mucho mejor dejar de lado la navegación principal e invertir en un cuadro de búsqueda con un gran algoritmo detrás.

Navegación global

En general, hay que ofrecer múltiples formas de llegar a cualquier página de un sitio. De este modo, los usuarios pueden elegir la forma de encontrar las páginas que les resulte más fácil. A los usuarios con baja visión les puede resultar más fácil utilizar la búsqueda que navegar por un menú amplio. Los usuarios con discapacidades cognitivas pueden preferir un índice o un mapa del sitio en lugar de hacer clic en muchas páginas.

Las migas de pan son listas de enlaces que presentan el lugar que ocupa una página en la jerarquía del sitio. Ayudan a los usuarios a encontrar su lugar dentro de un sitio web. En el DOM, las migas de pan suelen colocarse después del menú principal y antes del título del documento <h1>.

Para ayudar a los usuarios de lectores de pantalla y a los usuarios con discapacidades cognitivas, las páginas deben organizarse según los encabezados. Una encuesta de WebAIM de 2017 descubrió que la mayoría de los usuarios de lectores de pantalla prefieren los encabezados como su forma de ir a buscar información dentro de una página.

Los usuarios de teclado navegan por las páginas pulsando la tecla TAB para mover el foco a través de cada elemento enfocable, como los enlaces y los controles de formularios. Navegar por bloques de contenido repetidos en cada página, como los encabezados y los menús, puede resultar tedioso. Los sitios web deben ofrecer enlaces de omisión para evitar los bloques repetidos y desplazar el foco al contenido principal de cada página.