Para la creación de un sitio web se deben tener en cuenta algunos conceptos nombrados como Usabilidad y Accesibilidad en la Web. Estos nos guían a como mantener una buena navegación en nuestro sitio. En este artículo veremos varios consejos a tener en cuenta para lograr una buena navegación de tu sitio.

¿Qué es usabilidad web?

La usabilidad web se define como la facilidad de uso de un sitio web. Según ISO/IEC 9241:

La usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto específico.

Esta definición está centrada en la calidad de uso, donde el usuario puede acceder con efectividad.

La ISO/IEC 9241 provee algunos principios básicos de usabilidad:

  • Facilidad de Aprendizaje: Es la facilidad con la que los nuevos usuarios que acceden a nuestro sitio.
  • Flexibilidad: Las diferentes posibilidades, opciones con la que los usuarios pueden intercambiar información y el sistema. Posibilidades de diálogos.
  • Robustez: Se relaciona con la capacidad de observación del usuario.

¿Que es accesibilidad web?

La accesibilidad web se refiere a la capacidad de acceso de la web y a los diferentes contenidos que incluye por todas las personas (incluyendo también a las que presenten algún tipo de discapacidad). Se centra en la facilidad de llegar a los contenidos.

Como dijera Tim Bernes Lee, director del W3C:

Accesibilidad es el arte de garantizar que tan ampliamente como sea posible, los medios tales como, por ejemplo, el acceso web, estén disponibles para las personas tengan o no una discapacidad de un tipo u otro.

Consejos para la navegación del sitio

  • Enlaces Volver: incluya poco enlaces “volver”. El usuario puede que no sepa a donde regresará al seleccionar ese vínculo. Describa al usuario hacia donde va a “volver” por ejemplo “volver a inicio”.
  • Menú siempre visible: muestre siempre al usuario el menú más importante del sitio. Que el usuario pueda acceder a el desde cualquier parte del sitio en el que se encuentre. Que pueda acceder a la información que anda buscando a menos de 3 clips de distancia.
  • Describir sección actual en el sitio: describa al usuario en que sección de nuestro sitio se encuentra. Si el usuario se encuentra en (www.midominio.com/contacto) informe que se encuentra en “Contacto”, con una información clara para él.
  • Rapidez: evite crear sitios muy pesados, que impidan la rapidez de descarga. Si una página demora mucho tiempo en cargar es abandonada por la mayoría de los usuarios. Incorpore imágenes, gráficos y animaciones de poco peso.

Consejos para la estética del sitio

  • Descripción en imágenes y animaciones: proporcionar un texto equivalente a las imágenes utilizando el atributo "alt", esta función permite describir los elementos. Este texto debe tener claridad, texto pequeño. Esto es muy recomendable para aquellos usuarios con deficiencias visuales, conexiones lentas, para aquellos que bloquean las imágenes en su navegador. 
    <img src="images/log.gif" alt="Logo" width="189" height="116"/>
  • Estilo en los enlaces: provea enlaces fáciles de reconocer por los usuarios. Cree una diferencia entre los textos normales del sitio y los enlaces. Tenga en cuenta que por lo general están acostumbrados a reconocer enlaces con el texto en color “azul” o “rojo” y subrayado, ejemplo: descargar.
  • Imágenes de fondo: evita incluir imágenes de fondo. A los usuarios les es difícil leer un texto con claridad mientras se encuentre una imagen de fondo.
  • Colores:utilices colores adecuados que no afecten la vista del contenido del sitio. Incorpore colores compatibles que puedan ser visualizados de la misma forma en la mayor cantidad de monitores posibles.
  • Tamaño y tipo de letra: incluye un tipo de letra legible. Que la letra no sea pequeña, que cumpla los parámetros de accesibilidad. Permite al usuario seleccionar el tamaño de letra que desee.
  • Título de las páginas: las páginas de nuestro sitio web deben estar correctamente tituladas. Esta función ayuda además en la indexación de los buscadores. Si el usuario se encuentra en la página principal hágaselo saber. Si está dentro de un artículo muestre el nombre en el título.

Herramientas para comprobación

TAW3 (Web Accessibility Test) Esta herramienta analiza nuestro sitio web basado en el W3C – Web Content Accessibility Guidelines 1.0 Sidar posee una lista de recursos para la revisión manual y automática de nuestro sitio.

Se debe tener en cuenta que el lenguaje visual en todos los casos debe ser coherente. Que los usuarios puedan encontrar la información fácilmente, y puedan recorrer nuestro sitio sin mayores conocimientos.

Lecturas recomendadas: