10.3.- Ergonomía En Sitios Web

Actualmente se habla mucho sobre ergonomía web, usabilidad, accesibilidad, sin realmente explicar el concepto. La usabilidad web es el estudio de la interfaz entre el hombre y la máquina, concretamente entre un usuario y un sitio en internet. El propósito es mejorar la experiencia de navegación por parte del usuario al visitar un sitio.

Los principales objetivos de la usabilidad web se proponen:

- Una navegación clara y sencilla para el usuario
- Velocidad de ejecución durante la búsqueda de información.

Usabilidad

La ergonomía es muy importante, asegura que un visitante pueda encontrar fácilmente la información que busca, en lugar de que abandone el sitio después de pasar un mal momento. Una buena usabilidad web, además de facilitar la visita del usuario responde a una necesidad real para quien busca información (para los sitios web editoriales, blogs ...) o para quien compra un producto en sitios comerciales.

Legibilidad

Otro componente de la interfaz web es la legibilidad, un artículo que no se puede leer debido a los malos contrastes de color puede causar una mala experiencia para el usuario. El primer argumento para hacer un sitio web es mostrar su contenido básico. Si no se puede leer, cualquier utilidad y la importancia de un sitio pierde interés.

Accesibilidad

Se debe cumplir con criterios relacionados con el usuario que va a visitar el sitio para que encuentre la información fácilmente. Todo esto dependerá de:

- Edad: para facilitar la adaptación y comprensión de un sitio.
- Soporte: ordenador, teléfono inteligente, tableta táctil. Esto provoca problemas de resolución de la pantalla de cambio del navegador utilizado.
- Nivel de habilidad con la navegación por internet y hábitos al navegar.

Responsive Design actualmente es un término que se cita con frecuencia, básicamente es adaptar un sitio web a los distintos dispositivos para que el mismo contenido se muestre lo más optimizado a los usuarios y que la navegación sea lo más natural posible dependiendo del dispositivo. ¿Qué significa que la información se muestre clara, y que sea fácilmente navegable? Que el usuario pueda visualizar de forma perfecta la información sin que tenga que aplicar casi nunca ni zoom, ni scroll ni otras técnicas de navegación web, y siempre mostrando el mismo contenido para todas las plataformas. La experiencia de usuario debe percibirse casi igual independientemente del dispositivo desde el que se acceda a una página web.

Responsive Design

La siguiente tabla muestra un resumen de los principales principios de la ergonomía.

Criterios Descripción
Sobriedad El diseño limpio y claro. No muy animada para interrumpir el ojo del usuario
Legibilidad Estructuración y organización de la información (título, subtítulo, párrafo, texto a transmitirse) con la información más importante en la parte superior
Usabilidad El respeto de la "regla de 3 clics" sistema de navegación claro e idéntica en todas las páginas, acceso a la página principal con un solo clic, presencia de un logotipo
Velocidad Tiempo páginas de carga rápida lo más cortos posible (reducir el tamaño de las imágenes, optimizar css)
Interactividad Presencia de enlaces para que el usuario puede navegar por su cuenta (importancia de los anclajes claros y precisos). Atraer al lector con frases para ir a otras páginas. Facilitar el intercambio y la distribución (formulario de contacto, compartir en las redes sociales, oportunidad de comentar)
Accesibilidad Hacer que el sitio sea accesible a todos, cumplir los estándares de W3C, implementación de leyenda en las imágenes y enlaces. Colores adecuados para mejorar la legibilidad para daltónicos y el contraste y la fuente adecuados para los discapacitados visuales