seminario usabilidad y accesibilidad
Post on 18-Dec-2014
504 Views
Preview:
DESCRIPTION
TRANSCRIPT
Usabilidad y accesibilidad
Diseño de Interfaces de Usuario
CASO DE ESTUDIO
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -2-
CASO DE ESTUDIO: Accesibilidad
! Año internacional de la discapacidad
1. Discapacidad
http://www.sidar.org/ http://www.ceapat.org/
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -3-
CASO DE ESTUDIO: Accesibilidad
1. Discapacidad
! Enfermedades asociadas o Médula Espinal o Paraplejia o Esclerosis o Alzheimer o Síndrome de Down o Ceguera o Parkinson o Páralisis Cerebral o Discapacidad Psíquica (esquizofrenia, paranoia) o Autismo o Espina Bífida
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -4-
CASO DE ESTUDIO: Accesibilidad
1.1. Población con discapacidad
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -5-
CASO DE ESTUDIO: Accesibilidad
! Tipos de discapacidad o Sensorial o Motórica o Psíquica
1.2 Discapacidades: Taxonomía
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -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.
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -7-
CASO DE ESTUDIO: Accesibilidad
! Objetivos o Comunicación o Control ambiental o Formación y rehabilitación o Ocio o Profesión e integración laboral
! Acceso a: o Información (internet) o Uso del ordenador: adaptaciones o Medio de comunicación
2. Accesibilidad
I NTERFAZ
ALMACENAMIENTO
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -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/
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -9-
CASO DE ESTUDIO: Accesibilidad
2.1. Accesibilidad: Diseño Universal
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 Universal: principios
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -10-
CASO DE ESTUDIO: Accesibilidad
! “Barreras en Internet” o imágenes sin texto alternativo; o el uso incorrecto de los elementos estructurales en las páginas; o los sonidos no subtitulados o las imágenes no descritas; o los sitios con un contraste de colores pobre.
2.2. Accesibilidad: Internet
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -11-
CASO DE ESTUDIO: Accesibilidad
! Acreditaciones o Normativa WAI (1999) documento de Pautas de Accesibilidad de
los Contenidos Web
2.2. Accesibilidad: Internet
www.cast.org/bobby www.tawdis.net
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -12-
CASO DE ESTUDIO: Accesibilidad
! Normativa: Web Accessibility Initiative (WAI)
2.2. Accesibilidad: Internet
http://www.w3.org/WAI
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -13-
CASO DE ESTUDIO: Accesibilidad
2.2. Accesibilidad: Internet
! www.tawdis.net
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -14-
CASO DE ESTUDIO: Accesibilidad
!
2.2. Accesibilidad: Internet
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -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, ...
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -16-
CASO DE ESTUDIO: Accesibilidad
2.2. Accesibilidad: Internet
inf 3.4: Utilice unidades relativas en vez de absolutas en los marcadores y hojas de estilo Lineas: 0041, 0066,...
inf 12.4: Asocie etiquetas a todos los controles de formulario Lineas: 0251, 0254, ... inf 2.2: Compruebe que los colores de fondo y texto contrastan lo suficiente
[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.
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -17-
CASO DE ESTUDIO: Accesibilidad
2.2. Accesibilidad: Internet
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,
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.
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -18-
CASO DE ESTUDIO: Accesibilidad
! Adaptaciones en Navegadores
2.2. Accesibilidad: Internet
Jaws
http://www.freedomscientific.com/fs_products/software_jaws.asp
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -19-
CASO DE ESTUDIO: Accesibilidad
2.2. Accesibilidad: Diferente métodos uso
http://www.inclusite.com/
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -20-
CASO DE ESTUDIO: Accesibilidad
! Adaptaciones en S.O: amplificación
2.3. Accesibilidad: Ordenador
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -21-
CASO DE ESTUDIO: Accesibilidad
2.3. Accesibilidad: Ordenador
! Adaptaciones en S.O: tamaños
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -22-
CASO DE ESTUDIO: Accesibilidad
! Adaptaciones en S.O: entrada teclado virtual
2.3. Accesibilidad: Ordenador
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -23-
CASO DE ESTUDIO: Accesibilidad
! Adaptaciones en S.O: o Resolución monitor o Control Puntero o Asociar Sonidos a eventos
2.3. Accesibilidad: Ordenador
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -24-
CASO DE ESTUDIO: Accesibilidad
! Sistemas de Comunicación aumentativos alternativos o Cubrir las funciones de comunicación o Usar en distintos entornos o Asequible o Adecuado a las capacidades del sujeto
2.4. Accesibilidad. Comunicación
http://www.isaac-es.org/
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -25-
CASO DE ESTUDIO: Accesibilidad
! Sistemas de Comunicación • Sin ayuda
• Orales / Gestuales
• Con ayuda • Pictográficos • Códigos
Deficiencia en el lenguaje oral Comprensión deficiente.
2.4. Accesibilidad. Comunicación
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -26-
CASO DE ESTUDIO: Accesibilidad
! Sistemas de Comunicación
2.4 Accesibilidad. Comunicación
• Tablero comunicador • 32 casillas (8x4)
• Plantillas intercambiables
• Comunicación • MinSpeak (significado a través de las relaciones entre dibujos) = “Yo quiero más fruta”
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -27-
CASO DE ESTUDIO: Accesibilidad
! Sistemas de Comunicación • Comunicador
• Hablado • Escrito
• Diseño Plantillas • Número (NxM) • Celdas
• Plataforma • PC/Windows Proyecte fressa
http://www.lagares.org
2.4 Accesibilidad. Comunicación
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -28-
CASO DE ESTUDIO: Accesibilidad
! Tareas
4. Usabilidad: Mayores http://www.fundacionauna.org/documentos/analisis/cuadernos/Cuadernos_04.pdf
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -29-
CASO DE ESTUDIO: Accesibilidad
! Motivación para no usar Internet
4. Usabilidad: Mayores
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -30-
CASO DE ESTUDIO: Accesibilidad
! Usos
4. Usabilidad: Mayores
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -31-
CASO DE ESTUDIO: Accesibilidad
4. Usabilidad: Mayores D
isca
paci
dade
s x1
000h
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -32-
CASO DE ESTUDIO: Accesibilidad
! Usos
4. Usabilidad: Mayores
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -33-
CASO DE ESTUDIO: Accesibilidad
4. Usabilidad: Mayores
! Dificultad en el Uso de TICs
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -34-
CASO DE ESTUDIO: Accesibilidad
5. Usabilidad: Banca Online
http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp
• 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 • . . .
! Factores de estudio
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -35-
CASO DE ESTUDIO: Accesibilidad
5.1. Usabilidad: Banca Online
http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp
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
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -36-
CASO DE ESTUDIO: Accesibilidad
5.2. Usabilidad: Banca Online
http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp
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.
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -37-
CASO DE ESTUDIO: Accesibilidad
5.3. Usabilidad: Banca Online
http://www.emergia.net/investigacion/analisis/transaccional/transaccional.asp
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.
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -38-
CASO DE ESTUDIO: Accesibilidad
6. Usabilidad: Internet
http://www.alt64.com/eyetrackingmedia/patron_de_navegacion.php
Patrón de Navegación por páginas Web?
H M
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -39-
CASO DE ESTUDIO: Accesibilidad
6. Usabilidad: Internet
Eye Tracking
Miguel Gea, Dpt. Lenguajes y Sistemas Informáticos
Diseño de Interfaces de Usuario ETSI Ingeniería Informática. Universidad de Granada -40-
CASO DE ESTUDIO: Accesibilidad
6. Usabilidad: Internet
top related