Usabilidad y Ergonomía del Diseño

Ambientes de AprendizajeEstefani Manzanilla Aguirre

Maestría En Educación

2

Contenido• Introducción• Estándares y Hojas de Estilos• Diseño Visual• Tiempos de Respuesta• Vínculos• Encabezados y Títulos• Legibilidad• Credibilidad• Documentación en Línea• Estructuras de Navegación• Ejemplos• Conclusión

Maestría En Educación

3

Usabilidad

•Siempre se debe de tener presente y no dejar de considerar en la construcción de ambientes de aprendizaje, de ello dependerá el tiempo y el interés que el usuario dedique a explorar.

Maestría En Educación

4

Ergonomía

•Es un arte que busca que los humanos y la tecnología trabajen en completa armonía (posturas, entornos, colores, por mencionar algunos).

Maestría En Educación

5

Estándares y Hojas de Estilos• Los estándares son

normas que se establecen garantizando la calidad de los elementos fabricados, la seguridad de funcionamiento y el trabajo con responsabilidad social.

• Las hoja de estilo son conjuntos de instrucciones, que se asocian a los archivos de texto ocupándose de los aspectos de formato y presentación de los contenidos.

Maestría En Educación

6

Diseño Visual

•El diseño visual de un ambiente de aprendizaje en un sitio web, se relaciona con el aspecto de cada una de las páginas y secciones, así como con el movimiento y utilización de recursos multimedia.

Maestría En Educación

7

Tiempos de Respuesta

•Es el lapso que transcurre desde que se envía una comunicación y se recibe la respuesta.

•Factores influyentes en la velocidad de carga de una página:▫ Rendimiento del servidor▫ Conexión con el servidor con internet▫ Internet▫ Conexión del usuario con internet▫ Velocidad del navegador y

de la computadora del usuario.

Maestría En Educación

8

Vínculos

•Conectan partes o documentos separados, basados en la idea de un simple referencia sumada a la interactividad.

Maestría En Educación

9

Encabezados y Títulos

•Son elementos que describen el contenido y por ocupando un papel importante tanto para visitantes como para los buscadores

•Los títulos deben ser descriptivos e incluir las principales palabras clave de la página.

Maestría En Educación

10

Legibilidad

•Conjunto de características tipográficas y lingüísticas del texto escrito que permiten leerlo y comprenderlo con facilidad.

Maestría En Educación

11

Credibilidad

•La capacidad de generar confianza, es un juicio de valor que emite el receptor basado en factores subjetivos.

Maestría En Educación

12

Documentación en Línea• No importa su forma, se

registra en un medio electrónico a través de codificaciones que se basan en el uso de combinaciones de señales eléctricas positivas y negativas, representadas por “0”, señal negativa, y 1 señal positiva.

Maestría En Educación

13

Estructuras de Navegación

•Conjunto de páginas web es muy importante ya que una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara.

•Planificar e identificar el tipo de estructura.▫Jerárquica▫Línea▫Red▫Lineal con Jerárquica

Maestría En Educación

14

Ejemplo de Ergonomía y Usabilidad

Maestría En Educación

15

Posturas ante la Computadora

•Es necesario la postura correcta para realizar las actividades bajo ambientes cómodos.

Maestría En Educación

16

En el Uso y Creación de Páginas Web

•Como nos menciona en los puntos pasados se deben de cuidar colores, legibilidad, credibilidad, jerarquías entre otros elementos.

•En las siguientes diapositivas se muestran páginas con estas características.

Maestría En Educación

17

Tonos Verdes• En esta página se

aprecia una combinación correcta de los tonos verdes y letras obscuras en lugares claros, el orden que tienen los vínculos y el aprovechamiento del espacio es bien ocupado.

Maestría En Educación

18

Creativas

•A pesar de ser una página fuera de lo normal respeta los lineamientos ergonómicos. (legibilidad, orden, diseño visual por mencionar algunas).

Maestría En Educación

19

Contraste• En esta página

apreciamos como utilizan los colores eléctricos con fondos obscuros, es poco usual sin embargo están considerando aspectos ergonómicos.

Maestría En Educación

20

Error 1• En esta página

encontramos un completo desorden, entre vínculos, letras, no existe una combinación de colores adecuadas, definitivamente este tipo de paginas es correctamente ergonómica.

Maestría En Educación

21

Error 2

•Otra página mas que no cumple los lineamientos adecuados la imagen dice mas que mil palabras.

Maestría En Educación

22

Conclusión

•Para poder trabajar en un entorno cómodo y crear correctos ambientes de aprendizaje, la ergonomía y la usabilidad son elementos claves para el logro de este.

Maestría En Educación

23

GRACIAS

Ambientes de Aprendizaje

Estefani Manzanilla Aguirre