Usabilidad y Ergonomía Del Diseño

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


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.


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).


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.


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.


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.


8

Vínculos

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


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.


10

Legibilidad

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


11

Credibilidad

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


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.


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


14

Ejemplo de Ergonomía y Usabilidad


15

Posturas ante la Computadora

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


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.


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.


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).


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.


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.


21

Error 2

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


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.


23

GRACIAS

Ambientes de Aprendizaje

Estefani Manzanilla Aguirre

Usabilidad y Ergonomía Del Diseño

Documents

Transcript of Usabilidad y Ergonomía Del Diseño