Webmastering - Ergonomía de un sitio web

Abril 2017

El concepto de ergonomía

La ergonomía es la utilización del conocimiento científico que se tiene sobre los seres humanos (psicología, fisiología, medicina) con el propósito de mejorar el ámbito laboral. Se caracteriza generalmente por dos componentes:

  • La eficacia , que consiste en implementar soluciones convenientes para el uso de un producto, más allá del sentido común del diseñador.
  • La utilidad, que se refiere a la posibilidad que tiene un producto de adaptarse a las capacidades de los usuarios. Las dos características principales de la ergonomía son:
    • La comodidad durante el uso, que consiste en reducir el cansancio físico y mental lo más que se pueda.
    • La seguridad, que consiste en elegir apropiadamente soluciones para proteger al usuario.

La ergonomía de sitios web puede definirse dentro del contexto de Internet como la capacidad de un sitio web de responder a las necesidades de los usuarios de manera eficaz y proporcionarles comodidad mientras navegan.

El obstáculo más importante que la ergonomía intenta superar son los distintos tipos de perfiles de usuarios. A continuación se listan los criterios que suelen considerarse determinantes para un sitio web:

  • Las expectativas de los usuarios: no todos los visitantes buscan necesariamente la misma información ni todos tienen necesariamente las mismas demandas en cuanto a la gráfica.
  • Los hábitos de los usuarios: es decir, las conductas adquiridas.
  • La edad de los usuarios: en general, describe la capacidad de adaptación y la velocidad del usuario cuando navega.
  • Los equipos: éste es uno de los mayores obstáculos. La visualización de los sitios web puede variar de un equipo a otro, dependiendo especialmente del explorador y la resolución de las pantallas.
  • El nivel de conocimiento: no todos los visitantes de un sitio web son expertos en IT. La ergonomía de un sitio web debe estar diseñada pensando en el usuario menos experimentado.

Características humanas

Existen estudios psicológicos realizados en seres humanos que han revelado tanto algunas aptitudes como algunas limitaciones. La meta de la ergonomía es aprovechar estos elementos psicológicos para implementar una interfaz que sea eficaz y cómoda para el usuario.

Según el modelo de "procesador humano", los seres humanos perciben su entorno a través del sistema sensorial (los cinco sentidos: tacto, vista, oído, olfato y gusto), memorizan y planifican sus actos a través del sistema cognitivo (el cerebro) y, por último, actúan utilizando el sistema psicomotriz y el lenguaje.

La vista es el sentido más desarrollado de los cinco mientras que se sabe que el olfato y el tacto son los menos desarrollados. Entonces, en la medida en que tengamos en cuenta que la percepción visual puede representar cerca del 50 por ciento de la actividad cerebral, sabremos que constituye la forma de transmisión más importante en las interfaces de usuario.

Cada sistema posee una memoria y un procesador. Las teorías psicológicas reconocen tres tipos de memoria:

  • Memoria sensorial, que almacena la información sensorial (procesamiento de estímulos) durante casi un cuarto de segundo (250 milésimas de segundo).
  • Memoria a corto plazo (o memoria operativa), que puede almacenar un número limitado de mnemes ("trozos" o "unidades de información", o sea, patrones visuales y de sonido, como palabras, etcétera) durante varios minutos. Estudios publicados por Georges Miller en 1956 (Magical number seven o Mágico número siete) demostraron que el ser humano es capaz de procesar 7 mnemes simultáneamente (± 2).
  • Memoria a largo plazo, que puede almacenar de forma permanente una cantidad indefinida de segmentos de información.

Los tres tipos de memoria están muy relacionados. Un entorno que estimule los sentidos (música, videos, un ambiente agradable) facilita el aprendizaje a corto plazo. Es por esto que resulta tan efectivo "aprender haciendo". Por ejemplo, los entornos multimedia permiten a los niños adaptarse muy rápidamente a una interfaz y aprender "sin darse cuenta".

Además, la repetición es una manera de transferir información desde la memoria a corto plazo hacia la memoria a largo plazo. El proceso de memorización a largo plazo se basa en un principio de asociación: almacenar un mneme en la memoria a largo plazo es aún más fácil si está ligado conceptualmente a otros mnemes.

La "teoría de la acción" (User Centered System Design, Diseño de sistemas centrados en el usuario, Donald A. Norman, 1986) proporciona parámetros de las acciones y reacciones de los seres humanos. Esta teoría se apoya en dos conceptos:

  • Las personas inventan modelos simples para definir sus conductas.
  • Las personas dividen sus acciones en un proceso que consta de siete etapas:
    • Establecer un objetivo: representación mental de un estado a alcanzar.
    • Formular una intención: decisión para alcanzar el objetivo establecido.
    • Proyectar un plan de acción: secuencia de las acciones a realizar.
    • Llevar a cabo el plan de acción: activar el sistema motriz.
    • Detectar el estado del sistema: describir a través de variables psicológicas la percepción sobre cómo ha cambiado el organismo.
    • Evaluación: comparación del estado alcanzado con los objetivos establecidos originalmente.

    Teoría de la acción

Cuando la meta inicial es muy complicada, se divide en submetas de forma sucesiva, hasta que se llega a una submeta que pueda alcanzarse. La submeta se convierte en una acción que lleva a definir una nueva meta. Según la teoría de la acción existen dos distancias que caracterizan el intervalo entre la meta definida por el usuario y su realización:

  • La distancia de ejecución representa el intervalo entre la meta y el estado del sistema en la rama descendente.
  • La distancia de evaluación representa el intervalo entre la meta y el estado del sistema en la rama ascendente.

Evaluar ambas distancias le permite al usuario juzgar el esfuerzo que requerirá hacer corresponder su representación mental con la meta establecida.

Esta lista de características psicológicas dista mucho de ser completa. La ergonomía permite a los diseñadores sacar provecho de estas consideraciones conductistas y de los mecanismos de aprendizaje, para crear interfaces ergonómicas entre el hombre y el equipo. De ese modo, se debe procurar lo siguiente:

  • Una lista que preferentemente contenga menos de siete elementos.
  • Usar colores, signos y símbolos que unan los elementos de la interfaz para ayudar al usuario a adaptarse a ella.
  • Mensajes cortos para facilitar la memorización de los elementos.
  • El estado de la interfaz debe representar fielmente el estado del sistema. Esto significa especialmente que se deben implementar mensajes de alerta.

Los criterios de ergonomía

A continuación se presenta una lista no exhaustiva de los criterios fundamentales de ergonomía que debe tener en cuenta un sitio web:

Criterios Subcriterios Descripción
Sobriedad
Sobriedad
Simplicidad Un sitio web bien organizado reforzará la credibilidad de una organización.
Sin sobrecargar No se recomiendan las imágenes animadas. Estas deben reservarse para mensajes importantes ya que llaman la atención del usuario.
Legibilidad
Legibilidad
Claridad Se debe tener en cuenta que la información escrita es más difícil de leer en la pantalla que en el papel (lleva un 25 por ciento más de tiempo). Por lo tanto, el texto debe ser lo suficientemente espaciado.
Estructuración El texto debe estructurarse en párrafos y títulos en distintos niveles para facilitar su lectura.
Organización Las distintas partes de la información se deben organizar de acuerdo al nivel de importancia. Las partes más importantes de la información deben ubicarse en la parte superior de la página.
Funcionabilidad
Funcionalidad
El sitio debe ser fácil de navegar La "regla de los tres clics," ampliamente seguida, estipula que se debe poder acceder a toda la información en menos de tres clics.
Ubicación El visitante debe poder ubicar en todo momento el lugar del sitio en el que se encuentra. Además, el logotipo debe estar ubicado en el mismo lugar en todas las páginas y se debe aplicar un mismo estatuto gráfico que rija todo el conjunto para que el usuario sepa que todavía se encuentra en el mismo sitio web. Se recomienda ofrecer un mapa del sitio para ayudar al visitante a ubicarse.
Libertad al navegar El sitio web debe darle al usuario la posibilidad de regresar a la página de inicio y a los principales encabezados con un simple clic, sin importar en qué página se encuentre (por ejemplo, al usar la barra de navegación). En lo posible, el usuario debe poder navegar todo el contenido sin tener que regresar a la página de inicio. Se deben evitar las páginas de introducción y las pantallas de presentación porque molestan a la mayoría de los visitantes.
Visibilidad de la dirección La URL de la página debe estar siempre visible y clara para que los usuarios sepan dónde se encuentran y puedan volver a dicha página.
Materialización de la información La información en un sitio web debe ser calificada, es decir, que algunos datos como la fecha de la última actualización y el nombre del autor, deben estar presentes. Además, no es recomendable que un sitio web posea una página de inicio llamativa que reenvíe a páginas que se encuentren en construcción.
Homogeneidad estructural Dentro de lo posible, los elementos que se utilicen para la navegación deben estar ubicados en el mismo lugar en cada página y deben tener la misma presentación de una página a la otra.
Velocidad
Velocidad
Tiempo de carga El tiempo necesario para que una página se cargue debe ser lo más corto posible porque la mayoría de los usuarios de Internet no esperarán durante más de 15 segundos que se complete este proceso. Este factor depende en particular de la conexión con que cuente el usuario, el tamaño de la página y de sus imágenes y las capacidades del servidor web.
Imágenes optimizadas Es recomendable optimizar al máximo posible el tamaño de las imágenes eligiendo un formato de buena adaptación y la menor cantidad de colores posible. Se recomienda que cada imagen no exceda los 30 o 40 kb, a menos que el usuario solicite otra cosa por su propia voluntad (por ejemplo, descargar una imagen de alta resolución).
Imágenes sin cambio de tamaño Por la misma razón, el tamaño de las imágenes no debe cambiarse.
Interactividad
Interactividad
Hipervínculos La interactividad describe las interacciones posibles entre los usuarios y el sitio web. Los hipervínculos ofrecen a los usuarios grandes posibilidades en este campo y proporcionan a los visitantes rutas variadas que pueden elegir a su gusto. Se les aconseja a los diseñadores web que coloquen vínculos suficientes entre las diferentes páginas. Sin embargo, demasiados vínculos pueden dificultar la lectura.
Segmentación de la información Es una buena idea segmentar la información para que los visitantes la incorporen con mayor facilidad y, en algunos casos, para despertar su curiosidad. Puntualmente, la segmentación se puede realizar a través de la identificación bibliográfica y de copyright de la contribución y un hipervínculo que direccione al resto del artículo.
Facilitación de los intercambios Se recomienda configurar todo para que la comunicación con los visitantes sea más sencilla, en especial para reunir sus impresiones y solicitudes con el fin de adaptar el sitio web a sus necesidades. Como mínimo, debe ser fácil para los visitantes poder contactar a alguien, ya sea a través del correo electrónico o completando un formulario de contacto.
Adaptabilidad
Adaptabilidad
  La adaptabilidad se define como la posibilidad de personalizar un sitio web por medio de la intervención de los usuarios.
Cambio de tamaño de fuente Los textos de los sitios web deben tener fuentes cuyo tamaño no esté expresado en valores absolutos. De esta manera los usuarios podrán cambiar el tamaño de fuente si lo desean.
Adaptabilidad
Adaptabilidad
  La adaptatividad describe la capacidad de un sitio web de personalizarse automáticamente sin la intervención de los usuarios.
Accesibilidad
Accesibilidad
Acceso para todos La accesibilidad significa poder acceder a un sitio web universalmente, es decir, que el sitio sea accesible para todo tipo de usuarios, incluso para las personas con ceguera parcial y discapacitados visuales. Existe una cierta cantidad de reglas de accesibilidad simples que deben seguirse para procurar el acceso a la mayor cantidad posible de personas, independientemente de la configuración de software o hardware que tengan o de sus discapacidades.
Interoperabilidad Seguir los estándares, en particular las recomendaciones de accesibilidad del W3C, ayuda a garantizar un nivel óptimo de interoperabilidad, es decir, la capacidad que permite a los clientes que usan software diferentes acceder a un sitio web.
Transparencia de formato Es preferible que los formatos utilizados sean transparentes, es decir, que se puedan leer en modo de texto. Por eso se prefiere el uso de HTML en lugar de Flash. Además, las imágenes y animaciones no deben quitar mérito a la información escrita o constituir un obstáculo para la gente con discapacidad visual. Por lo tanto, las ilustraciones gráficas sólo deben usarse como complemento de los textos.
Leyenda La función de una leyenda o texto de reemplazo es reemplazar imágenes (por medio del atributo alt) para posibilitar a los minusválidos visuales entender el significado de una imagen.
Elección de los colores Los colores deben elegirse de modo que las personas daltónicas puedan distinguirlos correctamente.
Uso adecuado de las hojas de estilo La información debe ser accesible aún sin una hoja de estilo.
Contraste adecuado Debe existir bastante contraste entre las imágenes de fondo y el texto para que personas con ceguera parcial puedan leerlo.
Tamaño de fuente modificable El tamaño de fuente debe poder adaptarse para que los usuarios puedan agrandarlo de ser necesario.

Además, no debe emplearse una fuente pequeña, para evitar la fatiga visual de los lectores y para que el texto resulte legible.

Consulta también


Webmastering - Website Ergonomics
Webmastering - Website Ergonomics
Ergonomie d'un site web
Ergonomie d'un site web
Webmastering: ergonomia di un sito web
Webmastering: ergonomia di un sito web
A ergonomia de um site
A ergonomia de um site
Última actualización: 16 de octubre de 2008 a las 15:43 por Jeff.
El documento «Webmastering - Ergonomía de un sitio web» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.