Usabilidad y Accesibilidad

Presentación del tema: "Usabilidad y Accesibilidad"— Transcripción de la presentación:

1 Usabilidad y Accesibilidad
David Horat

2 Usabilidad

3 ¿Qué es la usabilidad? Capacidad de uso
Sencillez de uso de un objeto para realizar un objetivo Elegancia y claridad en la interacción de un usuario con una aplicación “La usabilidad es como la salud, se percibe sólo cuando falta.”

4 Principios básicos Facilidad de Aprendizaje Flexibilidad Robustez
Eficiencia

5 Consideraciones ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender? ¿Qué quieren o necesitan hacer los usuarios? ¿Cuál es la formación general de los usuarios? ¿Cuál es el contexto en el que el usuario está trabajando? ¿Qué debe dejarse a la máquina? ¿Qué al usuario?

6 Disciplinas Interacción Persona-Ordenador (IPO)
Human-Computer Interaction (HCI) Computer-Human Interaction (CHI) Desarrollo Centrado en el Usuario (DCU) User Centric Development (UCD)

7 Fallos clásicos Fijarse en los procesos de diseño y no en los usos
Diseñar para uno sin pensar en los demás usuarios de tu aplicación No probarlo con usuarios reales

8 Ejemplos Tetera de Donald Norman Objetos cotidianos
Letreros en las estaciones de tren Móviles: Motorola, Nokia y Panasonic Interfaz complicada Moodle Los mayores fallos en la web Los mayores fallos en los blogs

9 Tetera ¿Por qué las cosas son difíciles de utilizar?
“El problema radica en el desarrollo del producto, en el énfasis de la tecnología en vez del usuario, la persona para la cual está hecho el dispositivo.” (Donald Norman, The invisible computer) Donald Norman. The design of everyday things

10 Objetos cotidianos

11 Letreros en las estaciones de tren

12

13

14 Móvil Panasonic

15

16 Móvil Motorola

17

18

19 Móvil Nokia

20

21

22

23

24 Móvil Nokia

25

26

27 Interfaces complicadas

28

29 Moodle

30

31

32

33

34 Los mayores fallos en la web
Problemas de legibilidad Fuentes pequeñas Bajo contraste Enlaces no estándar No descriptivos No funcionan de forma esperable Flash Evitar animaciones gratuitas Textos largos y tediosos

35 Los mayores fallos en la web
Búsquedas fallidas Incompatibilidad de exploradores web Formularios largos y engorrosos Falta de información de contacto Pop-ups Elementos no útiles Iconos no descriptivos Falta de control de la web

36 Los mayores fallos en blogs
Falta de información del autor Títulos no descriptivos del artículo Enlaces no descriptivos No referencia a textos antiguos Falta de definición del público objetivo No tener un dominio propio

37 Accesibilidad

38 Definición Capacidad de ser usado por el mayor número de personas
Sin modificación Incluyendo gente con discapacidad Acceso para todos

39 Legislación España Ley de Integración Social de los Minusválidos, 1982
Plan de Acción Info XXI, Integración de los discapacitados en las nuevas tecnologías Ley de Servicios de la Sociedad de la Información y el Comercio Electrónico Los sitios web de la administración deben ser accesibles

40 Legislación Reino Unido Alemania Estados Unidos Naciones Unidas
Disability Discrimination Act 1995 Alemania Decreto sobre Tecnología de la Información Libre de Barreras 2002 Estados Unidos Americans Disabilities Act of 1990 Naciones Unidas Normas Uniformes sobre la igualdad de oportunidades para las personas con discapacidad 1993

41 Algunas palabras clave
Transportes públicos Ordenadores Web Juegos Diseño universal Ayudas técnicas

42 Accesibilidad web Independencia del dispositivo
Navegador web estándar (PC) Navegador web reducido (PDA, Móviles, …) Ayudas técnicas Lectores de texto Reconocimiento de voz para comandos Terminal braile Ampliación de la pantalla Traducción automatizada

43 Web Accessibility Initiative
Iniciativa del W3C para mejorar la accesibilidad en la web Guías de desarrollo Web Content Accessibility Guidelines (WCAG) Authoring Tool Accessibility Guidelines (ATAG) User Agent Accessibility Guidelines (UAAG) XML Accessibility Guidelines (XAG)

44 WCAG 1.0 Nivel A (must) - Prioridad 1
Ejemplo: especificar un equivalente textual para los elementos no textuales Nivel AA (should) - Prioridad 1 y 2 Ejemplo: usar hojas de estilo para el diseño y la presentación Nivel AAA (may) - Prioridad 1, 2 y 3 Ejemplo: especificar la forma completa de cada abreviación en la primera ocurrencia

45 Formatos estándar en la web
Importancia de ceñirse a estándares abiertos HTML 4.01 ó XHTML 1.0 Strict, Transitional o Frameset CSS nivel 1 ó CSS nivel 2

46 HTML 4 vs XHTML 1.0 Documentos bien formados
<p> <em> hola </p> </em> <p> <em> hola </em> </p> Elementos y atributos en minúscula <P> hola </P> <p> hola </p> Cierre de todos los elementos no vacíos <p> hola <p> david <p> hola </p> <p> david </p>

47 HTML 4 vs XHTML 1.0 Atributos siempre entre comillas
<td rowspan = 3> <td rowspan = “3”> Siempre dupla atributo-valor <dl compact> <dl compact = “compact”> Elementos vacíos con cierre <br> <br/>

48 World Usability Day

49 World Usability Day 2006 Martes, 14 de noviembre de 2006
Título: Making Life Easy! Enfocado a la accesibilidad y la inclusión de personas discapacitadas España Barcelona (Usability Gymkhana 2006). Madrid (UXA 36-Hour) Las Palmas de Gran Canaria (La noche temática)

50

51 Referencias Usability Professionals´ Association World Usability Day
World Usability Day ACM´s SIG on Computer-Human Interaction Movimiento por la Usabilidad, Semántica y Accesibilidad en la web (MUSA) Google + “Usability” o “Accesibility”

52 ¿DUDAS, CONSULTAS O PREGUNTAS?

53 David Horat http://davidhorat.com/
FIN David Horat