Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Usabilidad Web

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 37 Anuncio

Más Contenido Relacionado

Presentaciones para usted (20)

A los espectadores también les gustó (20)

Anuncio

Usabilidad Web

  1. 1. USABILIDAD WEB PRODUCCION DE MULTIMEDIA SENA
  2. 2. DERLY KATERIN ALDANA NOVA BRENDA TATIANA ARAGÓN RIAÑO OLGA LUCÍA GONZÁLEZ HUERTAS GISSELLE CRISTINA LÓPEZ PEÑA MARIA LUCILA MUÑOZ SALCEDO JOHANNA QUIROGA ROMERO
  3. 3. USABILIDAD WEB Llamamos usabilidad a la experiencia que tiene un usuario cuando interactúa con páginas de un web.
  4. 4. Un sito web • Es claro y el usuario entiende el contenido y navega por el web de una forma cómoda y sencilla. • webs claros y fácilmente navegables por el usuario • Disponga de la información que le queremos hacer llegar de una manera clara y sencilla. • La usabilidad es la combinación de los factores que afectan al usuario cuando interactúa con las páginas web, estos pueden ser entre otros:
  5. 5. Por qué es importante la usabilidad  La aplicación correcta de los sitios de la usabilidad en un sitio web, permitirán que sus visitantes encuentren rápidamente la información que buscan y sientan que su sitio merezca ser visitado nuevamente  Lo normal es que un visitante no lea con detalle ni siquiera la mínima parte de una página web. En su lugar, por economía de tiempo, él realiza un rápido barrido visual buscando elementos que llamen la atención.  Es interesante que las animaciones publicitarias (banners) generalmente son pasadas por alto. Nuestro cerebro se acostumbra al hecho de que animación significa publicidad, lo que lleva a obviar este tipo de publicidad.
  6. 6. En qué momento se ha de considerar la usabilidad  La usabilidad debe ser considerada en todo momento, desde el mismo comienzo del proceso de desarrollo hasta las últimas acciones antes de hacer el sistema, producto o servicio disponible al público.  Antes de iniciar el proyecto es esencial tener una idea acerca de las características de los usuarios y de los aspectos del producto de mayor interés y necesidad. Una vez que el producto está en el mercado se debería preguntar a los usuarios acerca de sus necesidades y actitud respecto del mismo.
  7. 7. HOJAS DE ESTILO Es el lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML. Su objetivo es separar lo que es el contenido de las paginas web de su propia presentación o formato, de este modo se obtiene una Web mucha más flexible a cambios y mucho más estándar evitando errores en el código HTML.
  8. 8. VENTAJAS: -Asegura la continuidad visual a medida que el usuario navega por el sitio. -Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo. -Separación del contenido de la presentación, lo que facilita que muestre la página, la modificación de la visualización del documento sin alterar el contenido del mismo. -Nos permite definir aspectos concretos de un documento, facilitando el diseño de los documentos. Para usuarios con discapacidades esos trucos hacen muy difícil la comprensión de los documentos
  9. 9. LIMITACIONES *Dificultad para el alineamiento vertical; así como el centrado horizontal se hace de manera evidente en CSS2.1, el centrado vertical requiere de diferentes reglas en combinaciones no evidentes, o no estándares. * Los selectores no pueden usarse en orden ascendente según la jerarquía del DOM (hacia padres u otros ancestros) como se hace mediante xpath. La razón que se ha usado para justificar esta carencia por parte de la W3C, es para proteger el rendimiento del navegador, que de otra manera, podría verse comprometido
  10. 10. REGLAS -Visibilidad del estado del sistema: El sistema debe siempre mantener a los usuarios informados del estado del sistema, con una realimentación apropiada y en un tiempo razonable. -Utilizar el lenguaje de los usuarios: El sistema debe hablar el lenguaje de los usuarios, con las palabras, las frases y los conceptos familiares, en lugar de que los términos estén orientados al sistema. Utilizar convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.
  11. 11. -Consistencia y estándares: Los usuarios no deben tener que preguntarse si las diversas palabras, situaciones, o acciones significan la misma cosa. En general siga las normas y convenciones de la plataforma sobre la que está implementando el sistema. -Prevención de errores: Es importante prevenir la aparición de errores que mejor que generar buenos mensajes de error. -Minimizar la carga de la memoria del usuario: El usuario no debería tener que recordar la información de una parte del diálogo a la otra. Es mejor mantener objetos, acciones, y las opciones visibles que memorizar. -Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores: Que los mensajes de error se deben expresar en un lenguaje claro, se debe indicar exactamente el problema, y deben ser constructivos.
  12. 12. ACCESO PARA DISCAPACITADOS Acceder a la información en Internet • Para los usuarios con discapacidad, Internet tiene un mayor significado. Mucha gente con discapacidad utiliza un ordenador con tecnología adaptada para navegar por la red, software de reconocimiento de voz como si fuera un periódico diario en línea. • Por ejemplo, un web que consiste enteramente en gráficos y acoplamientos de imágenes puede parecer bonita y agradable a un usuario sin discapacidad, pero los "recreadores de voz" no pueden traducir gráficos. Por lo tanto, alguien que es ciego y con software "screenreading" para tener acceso a la página, la información es totalmente inaccesible a menos que el autor de la página haya realzado los gráficos y los mapas de imagen con alternativas del texto. • La inhabilidad de una persona no tiene que ser tan extrema como la ceguera, pero la que tenga puede afectar su capacidad de utilizar la red con eficacia. • Algunos usuarios pueden tener acceso a páginas que se han diseñado incorrectamente por lo que un usuario discapacitado nunca podrá accerder al 100 % del contenido de nuestra página.
  13. 13. ACCESIBILIDAD PARA DISCAPACITADOS VISUALES • Las paginas demasiado largas son mas duras de asimilar para un usuario con problemas visuales. • Para facilitar estos problemas es recomendado usar HTML. • Para satisfacer a estos usuarios es bueno usar tamaños relativos. EJ: Hoja de estilo • Para mostrar imágenes es bueno utilizar el atributo ALT. Este sirve para poder oír el texto alternativo o lo podrán ver mejor.
  14. 14. TAMAÑO DE UNA PAGINA WEB • Los Web deben ser de un tamaño menor a 150KB. • El uso de imágenes debe ser moderado ya que las imágenes distraen mucho • También es porque las imágenes pesan bastante y esto ayudara al ordenador a estar mas lento. • Siempre es bueno utilizar el formato mas eficiente • Es bueno el reducir el tamaño de estas ya que nos sirve bastante para que el archivo sea mas rápido. • Las animaciones son valiosas pero no en toda clase de Pág. Web queda bien así que hay que saber escoger
  15. 15. LOS MENUS Y EL USUARIO
  16. 16. Muchos o casi todas las webs utilizan menú. Los menús ayudan a los usuarios a no perder el contenido de nuestra web; puede ser utilizado también conjuntamente con otras ayudas. . debe disponerlos en la parte superior.
  17. 17. TITULADOS DEL MENU
  18. 18. • Los títulos del menú deben ser cortos. • Se debe ajustar a un formato definido usando letras mayúsculas o minúsculas. • Utilice un separador para distinguir una categoría de otra. • Intente no utilizar los menús de varios niveles de cascada.
  19. 19. COLORES Y SUS APLICACIONES NATURALES
  20. 20. • El verde es positivo, sugiere naturaleza bosques, plantas, vida, estabilidad. • El azul seriedad, espiritualidad y elegancia. • El violeta es le color de las fantasía, alegría y en el ámbito negativo puede sugerir pesadillas y locura. • El color mas aconsejable es el blanco este actúa como equilibrio entre los colores, hace las paginas agradables. • La gama de colores debe tener de 2 a 3.
  21. 21. QUÉ ES UN LINK? Un LINK es un soporte que nos permite acceder a otros contenidos relacionados con el tema que estamos tratando ya sea en el mismo sitio ó en uno relacionado.
  22. 22. EJEMPLOS DE LINKS
  23. 23. APARIENCIA
  24. 24. ESCRIBIR PARA LA WEB
  25. 25. oAl escribir para la web debemos ser claros y concisos
  26. 26. Cuál de las dos es preferible • v leer?
  27. 27. El formato debe ser agradable, debe facilitar al usuario la lectura.
  28. 28. Si utiliza como formato una tabla, recuerde que las tablas complejas tardan más en descargar, así que si divide el contenido en tablas múltiples será más simple.
  29. 29. Finalmente, la redacción y la ortografía son fundamentales al momento de escribir para la web
  30. 30. CONSEJOS
  31. 31. Una web debe permitir al usuario resolver sus requisitos de una forma eficaz y eficiente
  32. 32. El diseño y la interfaz deben ser fáciles para el usuario, deben permitirle navegar de una manera intuitiva
  33. 33. El diseño de una página no debe crear distracción en los usuarios

×