Seminario Usabilidad y accesibilidad

1,549 views

Published on

Diseño de Interfaces de Usuario
Grado de Ingeniería Informática.
Universidad de Granada

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,549
On SlideShare
0
From Embeds
0
Number of Embeds
833
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Seminario Usabilidad y accesibilidad

  1. 1. Diseño de Interfaces de Usuario CASO DE ESTUDIO Usabilidad y accesibilidad
  2. 2. CASO DE ESTUDIO: Accesibilidad 1. Discapacidad !  Año internacional de la discapacidad http://www.sidar.org/ http://www.ceapat.org/ Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -2- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  3. 3. CASO DE ESTUDIO: Accesibilidad 1. Discapacidad !  Enfermedades asociadas o  o  o  o  o  o  o  o  o  o  o  Médula Espinal Paraplejia Esclerosis Alzheimer Síndrome de Down Ceguera Parkinson Páralisis Cerebral Discapacidad Psíquica (esquizofrenia, paranoia) Autismo Espina Bífida Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -3- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  4. 4. CASO DE ESTUDIO: Accesibilidad 1.1. Población con discapacidad Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -4- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  5. 5. CASO DE ESTUDIO: Accesibilidad 1.2 Discapacidades: Taxonomía !  Tipos de discapacidad o Sensorial o Motórica o Psíquica Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -5- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  6. 6. CASO DE ESTUDIO: Accesibilidad 1.3. Discapacidad. Situación actual !  Comentarios •  Microsoft estima que uno de cada cinco estadounidenses tiene algún tipo de discapacidad. (30 millones potenciales de personas pueden verse afectados por el diseño de su software). •  En Europa alrededor del 20% (casi 80 millones de personas) tiene más de 65 años o algún tipo de disminución. •  Las Empresas e instituciones contratan como parte de su política de personal a un grupo fijo de individuos calificados legalmente como discapacitados. Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -6- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  7. 7. CASO DE ESTUDIO: Accesibilidad 2. Accesibilidad !  Objetivos o  o  o  o  o  Comunicación Control ambiental Formación y rehabilitación Ocio Profesión e integración laboral ! Acceso a: o  Información (internet) o  Uso del ordenador: adaptaciones o  Medio de comunicación Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -7- I N T E R F A Z ALMACENAMIENTO Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  8. 8. CASO DE ESTUDIO: Accesibilidad 2.1. Diseño Universal Diseño Universal: Diseño universal es el proceso de diseñar productos que sean usables por el rango más amplio de personas, funcionando en el rango más amplio de situaciones y que es comercialmente practicable. http://ui4all.ics.forth.gr/ Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -8- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  9. 9. CASO DE ESTUDIO: Accesibilidad 2.1. Accesibilidad: Diseño Universal Diseño Universal: principios 1. Uso equitativo por cualquier tipo de usuario. 2. Diseño flexible para acomodar las capacidades individuales. 3. Simple e intuitivo, fácil de comprender 4.El diseño proporciona la información necesaria para su uso al usuario independientemente de sus capacidades sensoriales. 5. Tolerancia a los errores. Minimiza los riesgos y las consecuencias adversas de los errores accidentales e inintencionados. 6. Bajo esfuerzo físico. El diseño puede ser usado eficientemente y con un mínimo de fatiga. 7. Ergonomía. El entorno proporciona un espacio y condiciones adecuados para su uso (independiente del tamaño del usuario) Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -9- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  10. 10. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet !  “Barreras en Internet” o  o  o  o  imágenes sin texto alternativo; el uso incorrecto de los elementos estructurales en las páginas; los sonidos no subtitulados o las imágenes no descritas; los sitios con un contraste de colores pobre. Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -10- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  11. 11. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet !  Acreditaciones o  Normativa WAI (1999) documento de Pautas de Accesibilidad de los Contenidos Web www.tawdis.net Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada www.cast.org/bobby -11- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  12. 12. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet !  Normativa: Web Accessibility Initiative (WAI) http://www.w3.org/WAI Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -12- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  13. 13. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet www.tawdis.net !  Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -13- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  14. 14. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet !  Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -14- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  15. 15. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet [WAI] Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web . Se han encontrado 8 problemas de tipo automático y 159 de tipo manual. inf 1.1: Debe existir el texto alternativo ALT Lineas: 0130, 0162, 0168, 0175, 0182, 0250, 0426, 0457 inf 2.1: Toda información transmitida por colores debe estar disponible de otra manera: Lineas: 0082, 0083, 0086 ... inf 5.1: En las tablas de datos, identifique los encabezamientos de fila y columna Lineas: 0041, 0066, 0073, 0077, 0100, 0106, ... Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -15- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  16. 16. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet [WAI] Problemas accesibilidad de tipo 2. Un desarrollador de contenidos de páginas Web debería satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Se han encontrado 20 problema,s de tipo automático y 187 de tipo manual. inf 3.4: Utilice unidades relativas en vez de absolutas en los marcadores y hojas de estilo Lineas: 0041, 0066,... inf inf 12.4: Asocie etiquetas a todos los controles de formulario Lineas: 0251, 0254, ... 2.2: Compruebe que los colores de fondo y texto contrastan lo suficiente Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -16- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  17. 17. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet Problemas accesibilidad de tipo 3. Un desarrollador de contenidos de páginas Web puede satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para acceder a la información del documento. Garantizando este punto de verificación mejorará la accesibilidad de los documentos Web. Se han encontrado 19 problema,s de tipo automático y 0 de tipo manual. inf 1.5: Proporcione enlaces en formato texto, redundantes con cada una de las zonas activas de un mapa de imagen de tipo cliente Lineas: 0556, 0557, 0558, 0559 inf 4.3: Identifique el lenguaje natural principal del documentoLineas: 0002 inf 5.5: Proporcione resumenes en las tablasLineas: 0073, 0100, 0106, 0109, 0116, 0127, Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -17- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  18. 18. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Internet !  Adaptaciones en Navegadores Jaws http://www.freedomscientific.com/fs_products/software_jaws.asp Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -18- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  19. 19. CASO DE ESTUDIO: Accesibilidad 2.2. Accesibilidad: Diferente métodos uso http://www.inclusite.com/ Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -19- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  20. 20. CASO DE ESTUDIO: Accesibilidad 2.3. Accesibilidad: Ordenador !  Adaptaciones en S.O: amplificación Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -20- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  21. 21. CASO DE ESTUDIO: Accesibilidad 2.3. Accesibilidad: Ordenador !  Adaptaciones en S.O: tamaños Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -21- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  22. 22. CASO DE ESTUDIO: Accesibilidad 2.3. Accesibilidad: Ordenador !  Adaptaciones en S.O: entrada teclado virtual Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -22- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  23. 23. CASO DE ESTUDIO: Accesibilidad 2.3. Accesibilidad: Ordenador !  Adaptaciones en S.O: o  Resolución monitor o  Control Puntero o  Asociar Sonidos a eventos Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -23- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  24. 24. CASO DE ESTUDIO: Accesibilidad 2.4. Accesibilidad. Comunicación !  Sistemas de Comunicación aumentativos alternativos o  o  o  o  Cubrir las funciones de comunicación Usar en distintos entornos Asequible Adecuado a las capacidades del sujeto http://www.isaac-es.org/ Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -24- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  25. 25. CASO DE ESTUDIO: Accesibilidad 2.4. Accesibilidad. Comunicación !  Sistemas de Comunicación •  Sin ayuda •  Orales / Gestuales •  Con ayuda •  Pictográficos •  Códigos Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada Deficiencia en el lenguaje oral Comprensión deficiente. -25- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  26. 26. CASO DE ESTUDIO: Accesibilidad 2.4 Accesibilidad. Comunicación !  Sistemas de Comunicación •  Tablero comunicador •  32 casillas (8x4) •  Plantillas intercambiables •  Comunicación •  MinSpeak (significado a través de las relaciones entre dibujos) Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada = “Yo quiero más fruta” -26- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  27. 27. CASO DE ESTUDIO: Accesibilidad 2.4 Accesibilidad. Comunicación !  Sistemas de Comunicación •  Comunicador •  Hablado •  Escrito •  Diseño Plantillas •  Número (NxM) •  Celdas •  Plataforma •  PC/Windows Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada Proyecte fressa http://www.lagares.org -27- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  28. 28. CASO DE ESTUDIO: Accesibilidad 4. Usabilidad: Mayores http://www.fundacionauna.org/documentos/analisis/cuadernos/Cuadernos_04.pdf ! Tareas Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -28- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  29. 29. CASO DE ESTUDIO: Accesibilidad 4. Usabilidad: Mayores !  Motivación para no usar Internet Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -29- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  30. 30. CASO DE ESTUDIO: Accesibilidad 4. Usabilidad: Mayores ! Usos Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -30- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  31. 31. CASO DE ESTUDIO: Accesibilidad Discapacidades x1000h 4. Usabilidad: Mayores Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -31- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  32. 32. CASO DE ESTUDIO: Accesibilidad 4. Usabilidad: Mayores ! Usos Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -32- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  33. 33. CASO DE ESTUDIO: Accesibilidad 4. Usabilidad: Mayores !  Dificultad en el Uso de TICs Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -33- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  34. 34. CASO DE ESTUDIO: Accesibilidad 5. Usabilidad: Banca Online ! Factores de estudio •  Experiencia del usuario en la página de inicio •  Usabilidad en el área transaccional •  Operativa y procesos de introducción de datos •  Accesibilidad •  Atención al cliente •  Percepción de seguridad •  . . . http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -34- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  35. 35. CASO DE ESTUDIO: Accesibilidad 5.1. Usabilidad: Banca Online Experiencia del usuario en la página de inicio •  Aumentar la velocidad de descarga de la página. •  Favorecer la dinamicidad de la página con novedades de la empresa y de productos. •  Facilitar el acceso al área transaccional y al registro de nuevos clientes. •  Evitar el aspecto publicitarios http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -35- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  36. 36. CASO DE ESTUDIO: Accesibilidad 5.2. Usabilidad: Banca Online Usabilidad en el área transaccional •  Favorecer el acceso a los productos y operaciones habituales(transferencias, movimientos de cuentas, posición global, etc.) •  Mejorar la consistencia del diseño entre el área transaccional y el área abierta, ofrecer opciones claras de navegación •  Evitar la utilización de imágenes para presentar contenidos, utilizar un tamaño de fuentes suficiente para su correcta lectura, preparar las páginas para su impresión y utilizar de forma correcta el formato PDF. http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -36- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  37. 37. CASO DE ESTUDIO: Accesibilidad 5.3. Usabilidad: Banca Online Accesibilidad •  Todos los elementos textuales del sitio web deben estar basados en texto y no en imagen o Flash. Esto facilita el procesamiento de la información por parte del software que emplean las personas con discapacidades visuales. •  Proporcionar contenidos alternativos para todos los elementos que empleen imágenes, •  Diseñar formularios accesibles, de manera que cada elemento tenga un texto asociado, se pueda rellenar solo desde un teclado, se pueda pasar de un elemento al otro mediante el teclado, etc. http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -37- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  38. 38. CASO DE ESTUDIO: Accesibilidad 6. Usabilidad: Internet Patrón de Navegación por páginas Web? M H http://www.alt64.com/eyetrackingmedia/patron_de_navegacion.php Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -38- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  39. 39. CASO DE ESTUDIO: Accesibilidad 6. Usabilidad: Internet Eye Tracking Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -39- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
  40. 40. CASO DE ESTUDIO: Accesibilidad 6. Usabilidad: Internet Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -40- Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos

×