USABILIDAD Y ACCESIBILIDAD Ing. Efraín Herrera Jiménez [email_address] 2008
Usabilidad en la Web Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación i...
Usabilidad en la Web <ul><li>Facilidad de Aprendizaje: se refiere a la facilidad con la que nuevos usuarios pueden tener u...
Usabilidad en la Web <ul><li>Flexibilidad: hace referencia a la variedad de posibilidades con las que el usuario y el sist...
Usabilidad en la Web <ul><li>Robustez: es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Está...
Usabilidad en la Web <ul><li>Beneficios de la usabilidad </li></ul><ul><li>Reducción de los costos de aprendizaje. </li></...
Usabilidad en la Web <ul><li>Beneficios de la usabilidad </li></ul><ul><li>Aumento de la tasa de conversión de visitantes ...
Usabilidad en la Web <ul><li>Reglas generales sobre la usabilidad </li></ul><ul><li>En internet el usuario es el que manda...
Usabilidad en la Web <ul><li>Reglas generales sobre la usabilidad </li></ul><ul><li>Si quieres hacer una pagina decente, s...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>1. Anticipación, el sitio web ...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>4. Consistencia, las aplicacio...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>7.  Reducción del tiempo de la...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>10. La protección del trabajo ...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>13. Un sitio web no ha de trat...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>15. Los usuarios no deben sufr...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>18. Seguimiento de las accione...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>20. Utilizar enlaces azules y ...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>24. Si el enlace nos dirige a ...
Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>28. Incluir en el menú solo la...
Accesibilidad en la Web <ul><li>Acceso universal a la Web, independientemente del tipo de hardware, software, infraestruct...
Accesibilidad en la Web <ul><li>Prioridad 1 : son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de ot...
Accesibilidad en la Web <ul><li>Prioridad 2 : son aquellos puntos que un desarrollador Web debería cumplir ya que, si no f...
Accesibilidad en la Web <ul><li>Prioridad 3 : son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra...
Accesibilidad en la Web <ul><li>Ejemplos de Prioridad 1: Colocar atributos alt y lang. </li></ul><ul><li>Ejemplos de Prior...
Accesibilidad en la Web <ul><li>En función a estos puntos de verificación se establecen los niveles de conformidad: </li><...
Bibliografía <ul><li>http://www.ainda.info/que_es_usabilidad.htm </li></ul><ul><li>http://www.desarrolloweb.com/articulos/...
Próxima SlideShare
Cargando en…5
×

Usabilidad y accesibilidad web

7.527 visualizaciones

Publicado el

Recomendaciones sobre usabilidad y accesibilidad principalmente para la web.

Publicado en: Tecnología
0 comentarios
5 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
7.527
En SlideShare
0
De insertados
0
Número de insertados
338
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
5
Insertados 0
No insertados

No hay notas en la diapositiva.

Usabilidad y accesibilidad web

  1. 1. USABILIDAD Y ACCESIBILIDAD Ing. Efraín Herrera Jiménez [email_address] 2008
  2. 2. Usabilidad en la Web Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación informática o cualquier otro sistema que interactue con un usuario.
  3. 3. Usabilidad en la Web <ul><li>Facilidad de Aprendizaje: se refiere a la facilidad con la que nuevos usuarios pueden tener una interacción efectiva. Está relacionada con la predicibilidad, sintetización, familiaridad, la generalización de los conocimientos previos y la consistencia. </li></ul>
  4. 4. Usabilidad en la Web <ul><li>Flexibilidad: hace referencia a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información. También abarca la posibilidad de diálogo, la multiplicidad de vías para realizar la tarea, similitud con tareas anteriores y la optimización entre el usuario y el sistema. </li></ul>
  5. 5. Usabilidad en la Web <ul><li>Robustez: es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Está relacionada con la capacidad de observación del usuario, de recuperación de información y de ajuste de la tarea al usuario. </li></ul>
  6. 6. Usabilidad en la Web <ul><li>Beneficios de la usabilidad </li></ul><ul><li>Reducción de los costos de aprendizaje. </li></ul><ul><li>Disminución de los costos de asistencia y ayuda al usuario. </li></ul><ul><li>Optimización de los costos de diseño, rediseño y mantenimiento de los sitios. </li></ul>
  7. 7. Usabilidad en la Web <ul><li>Beneficios de la usabilidad </li></ul><ul><li>Aumento de la tasa de conversión de visitantes a clientes del sitio web. </li></ul><ul><li>Mejora la imagen y el prestigio del sitio web. </li></ul><ul><li>Mejora la calidad de vida de los usuarios del sitio, ya que reduce su estrés, incrementa la satisfacción y la productividad. </li></ul>
  8. 8. Usabilidad en la Web <ul><li>Reglas generales sobre la usabilidad </li></ul><ul><li>En internet el usuario es el que manda. </li></ul><ul><li>En internet la calidad se basa en la rapidez y la fiabilidad. </li></ul><ul><li>Seguridad </li></ul><ul><li>La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace. </li></ul>
  9. 9. Usabilidad en la Web <ul><li>Reglas generales sobre la usabilidad </li></ul><ul><li>Si quieres hacer una pagina decente, simplifica, reduce, optimiza. </li></ul><ul><li>Pon las conclusiones al principio. </li></ul><ul><li>No hagas perder el tiempo a la gente con cosas que no necesitan. </li></ul><ul><li>Buenos contenidos. </li></ul>
  10. 10. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>1. Anticipación, el sitio web debe anticiparse a las necesidades del usuario. </li></ul><ul><li>2. Autonomía, los usuarios deben tener el control sobre el sitio web. Los usuarios sienten que controlan un sitio web si conocen su situación en un entorno abarcable y no infinito. </li></ul><ul><li>3. Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios con problemas de distinción de colores (aprox. un 15% del total). </li></ul>
  11. 11. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>4. Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo. </li></ul><ul><li>5. Eficiencia del usuario, los sitios web se deben centrar en la productividad del usuario, no en la del propio sitio web. Por ejemplo, en ocasiones tareas con mayor número de pasos son más rápidas de realizar para una persona que otras tareas con menos pasos, pero más complejas. </li></ul><ul><li>6. Reversibilidad, un sitio web ha de permitir deshacer las acciones realizadas </li></ul>
  12. 12. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>7. Reducción del tiempo de latencia. Hace posible optimizar el tiempo de espera del usuario, permitiendo la realización de otras tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la finalización de la tarea. </li></ul><ul><li>8. Aprendizaje, los sitios web deben requerir un mínimo proceso de aprendizaje y deben poder ser utilizados desde el primer momento. </li></ul>
  13. 13. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>10. La protección del trabajo de los usuarios es prioritario, se debe asegurar que los usuarios nunca pierden su trabajo como consecuencia de un error. </li></ul><ul><li>11. Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser suficientemente grande. </li></ul><ul><li>12. Los usuarios deben ser capaces de alcanzar sus objetivos con un mínimo esfuerzo y unos resultados máximos. </li></ul>
  14. 14. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>13. Un sitio web no ha de tratar al usuario de manera hostil. Cuando el usuario comete un error el sistema ha de solucionar el problema, o en su defecto sugerir varias soluciones posibles, pero no emitir respuestas que meramente informen del error culpando al usuario. </li></ul><ul><li>14. Un sitio web debe ajustarse a los usuarios. La libertad en el uso de un sitio web es un término peligroso, cuanto mayor sea el número de acciones que un usuario pueda realizar, mayor es la probabilidad que cometa un error. Limitando el número de acciones al público objetivo se facilita el uso de un sitio web. </li></ul>
  15. 15. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>15. Los usuarios no deben sufrir sobrecarga de información. Cuando un usuario visita un sitio web y no sabe donde comenzar a leer, existe sobrecarga de información. </li></ul><ul><li>16. Un sitio web debe ser consistente en todos los pasos del proceso. Aunque pueda parecer apropiado que diferentes áreas tengan diseños diferentes, la consistencia entre los diseños facilita al usuario el uso de un sitio. </li></ul><ul><li>17. Un sitio web debe proveer de un feedback a los usuarios, de manera que éstos siempre conozcan y comprendan lo que sucede en todos los pasos del proceso. </li></ul>
  16. 16. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>18. Seguimiento de las acciones del usuario. Conociendo y almacenando información sobre su comportamiento previo se ha de permitir al usuario realizar operaciones frecuentes de manera más rápida. </li></ul><ul><li>19. Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, etc. </li></ul>
  17. 17. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>20. Utilizar enlaces azules y botones del sistema. </li></ul><ul><li>21. Ofrecer al usuario la informacion necesaria sobre donde está y a donde puede ir de forma clara. </li></ul><ul><li>22. Ofrecer guias al usuario (1, 2 y 3, primero esto, luego aquello, te recomendamos esto). </li></ul><ul><li>23. Usar el atributo de title en los links ayuda a saber que es lo que vamos a ver. Algunos navegadores no lo leen, pero ayuda y es compatible. </li></ul>
  18. 18. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>24. Si el enlace nos dirige a otro servidor, es bueno pintar la direccion. Ver biografia (http://dominio.com/biografia/) . </li></ul><ul><li>25. Un dato importante a la hora de hacer botones es el tamaño de los mismos, la relacion de tamaños respecto a la pantalla debe ser proporcional ya que ayudaremos al usuario a acertar a la hora de hacer clic </li></ul><ul><li>26. Reducir al máximo el número de campos en los formularios </li></ul><ul><li>27. Evita formalidades. Campos que no son realmente necesarios: </li></ul><ul><li>Tratamiento (Don, Sr., Sra.,)‏ </li></ul>
  19. 19. Usabilidad en la Web <ul><li>Recomendaciones para el diseño de sitios web </li></ul><ul><li>28. Incluir en el menú solo las opciones fundamentales. Mas de 5 empieza a ser demasiado. </li></ul><ul><li>29. Las opciones delo encabezado deben estar claramente definidas. No solo en su significado sino en su representacion. El área que se puede hacer clic, donde acaba uno y donde empieza el siguiente, etc... </li></ul><ul><li>30. Usa el encabezado para indicar la posicion relativa del usuario en tu pagina. </li></ul>
  20. 20. Accesibilidad en la Web <ul><li>Acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios . </li></ul>
  21. 21. Accesibilidad en la Web <ul><li>Prioridad 1 : son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web. </li></ul>
  22. 22. Accesibilidad en la Web <ul><li>Prioridad 2 : son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios. </li></ul>
  23. 23. Accesibilidad en la Web <ul><li>Prioridad 3 : son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información. </li></ul>
  24. 24. Accesibilidad en la Web <ul><li>Ejemplos de Prioridad 1: Colocar atributos alt y lang. </li></ul><ul><li>Ejemplos de Prioridad 2: Utilizar debidamente los elementos label con los campos del formulario. No colocar pop-ups. No cambiar de página sin que el usuario lo sepa. Evita el movimiento o da la posibilidad de detenerlo. </li></ul><ul><li>Ejemplos de Prioridad 3: Colocar textos predeterminados en los campos de formularios. Usar colores que contrastren el texto con el fondo. Coloca resúmenes de las tablas. Coloca el orden de los tab en los controles. </li></ul>
  25. 25. Accesibilidad en la Web <ul><li>En función a estos puntos de verificación se establecen los niveles de conformidad: </li></ul><ul><li>* Nivel de Conformidad &quot;A&quot;: todos los puntos de verificación de prioridad 1 se satisfacen. </li></ul><ul><li>* Nivel de Conformidad &quot;Doble A&quot;: todos los puntos de verificación de prioridad 1 y 2 se satisfacen. </li></ul><ul><li>* Nivel de Conformidad &quot;Triple A&quot;: todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen. </li></ul>
  26. 26. Bibliografía <ul><li>http://www.ainda.info/que_es_usabilidad.htm </li></ul><ul><li>http://www.desarrolloweb.com/articulos/229.php </li></ul><ul><li>http://www.desarrolloweb.com/articulos/1133.php </li></ul><ul><li>http://www.w3c.es/Traducciones/es/WAI/intro/accessibility </li></ul><ul><li>http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad </li></ul><ul><li>http://www.w3.org/TR/WCAG10-TECHS/ </li></ul>

×