Flux rss

Webmastering - Ergonomía de un sitio web

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.



Dernière modification le jueves, 16 de octubre de 2008, 15:43:30 .
Este documento intitulado « Webmastering - Ergonomía de un sitio web » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.

Resultados de

Webmastering - Diseño de un sitio web El diseño de un sitio web debe ser el producto de un esfuerzo colectivo orientado al usuario. Esto significa que, de ser posible, el proceso de diseño debe abarcar la participación de un grupo de representantes de las empresas u organizaciones y sus... es.kioskea.net/web/conception.php3
Webmastering - Mantenimiento y actualización de un sitio web Planificar la logística A menudo los hipervínculos de los sitios web se vuelven obsoletos. Dichos vínculos se llaman vínculos rotos. El riesgo de que se rompa un vínculo es mayor cuando dirige a los usuarios a un sitio externo. Es recomendable... es.kioskea.net/web/maintenance.php3
Profesiones de informática - webmaster (Administrador del sitio web) Un webmaster (también llamado administrador del sitio web) está a cargo del mantenimiento y desarrollo del sitio web de la compañía. Para esto, debe definir la arquitectura y la estructura de árbol del sitio web, en ciertas oportunidades con un... es.kioskea.net/metiers-informatique/webmaster.php3

Resultados de

Crear un sitio webIndice 1 - Crear nuestro propio sitio web Solución 1a: Crear el código HTML "a mano" Solución 1b: Editores WYSIWYG Solución 1c: modelos preconcebidos en línea 2 - Poner el sitio web en línea 2a - Los servidores de alojamiento web 2b -... es.kioskea.net/faq/sujet-506-crear-un-sitio-web
[Capturador de páginas HTML] ¿Cómo capturar un sitio Web completHTTrack es un excelente capturador, gratuito bajo licencia GNU GPL (libre). HTTrack te permite descargar un sitio Web completo de Internet a tu disco duro, para ello construye recursivamente todos los directorios, obtiene el HTML, imágenes y... es.kioskea.net/faq/sujet-437-capturador-de-paginas-html-como-capturar-un-sitio-web-complet
Alojamiento web de máquinas virtualesEl principio Ventajas Inconvenientes Sitios web de alojamiento web SlicehSOt.com Linode.com serveraxis.com tektonic.net rimuhSOting.com cheapvps.co.uk bitfolk.com Alojar nuestra página web en un sitio de alojamiento web... es.kioskea.net/faq/sujet-1541-alojamiento-web-de-maquinas-virtuales

Resultados de

TIPOS DE SEGURIDAD DE UN SITIO WEBHOLA QUISIERA SABER CUAL ES LSO TIPOS DE SEGURIDAD DE LOS DIFERENTES SITIOS WEB´S OK GRACIAS........ es.kioskea.net/forum/affich-424-tipos-de-seguridad-de-un-sitio-web
Problemas con mi sitio webHola, Tengo problemas con mi sitio web, usuarios de algunos proveedores de internet, ya sea banda ancha o conmutado, al tratar de abrir la página les aparece el Error 403 con el siguiente mensaje: No está autorizado a ver esta página Puede que no... es.kioskea.net/forum/affich-17425-problemas-con-mi-sitio-web
Sitio web en asp,el cual permita ver codigoHola, hay algun sitio web diseñado en asp, el cual permita ver el codigo fuente ?. Disculpas si corresponde una pregunta asi. Muchas Gracias. es.kioskea.net/forum/affich-26104-sitio-web-en-asp-el-cual-permita-ver-codigo

Resultados de

Descargar Koala Edit Free Webpage EditorKoala Edit Free Webpage Editor es un programa que te ayudara enormemente con la programacion de sitios Web. No necesitas tener grandes conociemientos de programacion, solo tienes que tener voluntad y ganas de aprender a utilizar este programa, lo... es.kioskea.net/telecharger/telecharger-1184-koala-edit-free-webpage-editor
Descargar WYSIWYG Web BuilderUtiliza esta tecnología para ayudar a cualquier usuario a crear de forma fácil y rápida una página web completa sin necesidad de conocer el lenguaje HTML, que es el utilizado para la creación de sitios Web. Vas a tener una página en blanco y... es.kioskea.net/telecharger/telecharger-309-wysiwyg-web-builder
Descargar Adobe DreamweaverDe manera rápida y fácil diseñar, desarrollar y mantener sitios Web y aplicaciones Web desde el principio hasta el final con Adobe Dreamweaver CS3 software. Construido para los diseñadores y desarrolladores, Dreamweaver CS3 ofrece la opción de... es.kioskea.net/telecharger/telecharger-244-adobe-dreamweaver

Resultados de

El sitio de subastas eBay, condenado a pagar 40 millones a Louis VuittonEl logotipo del portal de subastas eBay, en una imagen tomada el 25 de septiembre de 2007 en una feria en Dusseldorf, en Alemania. El sitio 'web' de subastas eBay, demandado por falsificación y venta ilícita, fue condenado este lunes por un... es.kioskea.net/actualites/el-sitio-de-subastas-ebay-condenado-a-pagar-40-millones-a-louis-vuitton-10531-actualite.php3
Drudge Report, una influyente cartelera de primicias, ciertas o noUna mujer consultando la página 'web' de Drudge Report el 25 de febrero, cuando publicó una imagen del precandidato demócrata Barack Obama con un traje tradicional africano en una visita en 2006 a Kenia. El sitio 'web' Drudge... es.kioskea.net/actualites/drudge-report-una-influyente-cartelera-de-primicias-ciertas-o-no-10130-actualite.php3
Telecinco demanda a YouTube por alojar vídeos de sus programasLa página de inicio del sitio 'web' de vídeos YouTube, en un ordenador de Hong Kong el 2 de agosto de 2006. La televisión privada Telecinco anunció este jueves que ha demandado al portal YouTube por alojar vídeos "pirateados" de sus... es.kioskea.net/actualites/telecinco-demanda-a-youtube-por-alojar-videos-de-sus-programas-10501-actualite.php3

Resultados de

Webmastering - Seguimiento de sitios web Estudiar el comportamiento de los usuarios de Internet en un sitio web puede ser un indicador importante que puede usarse para mejorar la calidad de un sitio web. En consecuencia, es interesante saber de dónde vienen los visitantes y qué buscan.... es.kioskea.net/web/suivi.php3
Profesiones de informática - Webmaster (Administrador del sitio web) Un webmaster (también llamado administrador del sitio Web) está a cargo del mantenimiento y desarrollo del sitio Web de la compañía. Para esto, debe definir la arquitectura y la estructura de árbol del sitio Web, en ciertas oportunidades con un... es.kioskea.net/metiers-informatique/chef-projet-multimedia.php3
Webmastering - Diseño web El término "diseño web" se refiere a la actividad que consiste en estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. Se trata de una etapa de diseño virtual más que de... es.kioskea.net/web/webdesign.php3