Seminario Usabilidad y accesibilidad

Diseño de Interfaces de Usuario

CASO DE ESTUDIO
Usabilidad y accesibilidad

CASO DE ESTUDIO: Accesibilidad

1. Discapacidad
!  Año internacional de la discapacidad

http://www.sidar.org/
http://www.ceapat.org/
ETSI Ingeniería Informática. Universidad de Granada

-2-

Miguel Gea,
Dpt. Lenguajes y Sistemas Informáticos


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


-3-

Miguel Gea,


1.1. Población con discapacidad


-4-

Miguel Gea,


1.2 Discapacidades: Taxonomía
!  Tipos de discapacidad
o Sensorial
o Motórica
o Psíquica


-5-

Miguel Gea,


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.


-6-

Miguel Gea,


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


-7-

I
N
T
E
R
F
A
Z
ALMACENAMIENTO

Miguel Gea,


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/


-8-

Miguel Gea,


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)


-9-

Miguel Gea,


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.


-10-

Miguel Gea,


!  Acreditaciones
o  Normativa WAI (1999) documento de Pautas de Accesibilidad de
los Contenidos Web

www.tawdis.net

www.cast.org/bobby
-11-

Miguel Gea,


!  Normativa: Web Accessibility Initiative (WAI)
http://www.w3.org/WAI


-12-

Miguel Gea,


www.tawdis.net
! 


-13-

Miguel Gea,


! 


-14-

Miguel Gea,


[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, ...

-15-

Miguel Gea,


[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


-16-

Miguel Gea,


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,


-17-

Miguel Gea,


!  Adaptaciones en Navegadores
Jaws

http://www.freedomscientific.com/fs_products/software_jaws.asp

-18-

Miguel Gea,


2.2. Accesibilidad: Diferente métodos uso
http://www.inclusite.com/


-19-

Miguel Gea,


2.3. Accesibilidad: Ordenador
!  Adaptaciones en S.O: amplificación


-20-

Miguel Gea,


!  Adaptaciones en S.O: tamaños


-21-

Miguel Gea,


!  Adaptaciones en S.O: entrada teclado virtual


-22-

Miguel Gea,


!  Adaptaciones en S.O:
o  Resolución monitor
o  Control Puntero
o  Asociar Sonidos a eventos


-23-

Miguel Gea,


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/

-24-

Miguel Gea,


2.4. Accesibilidad. Comunicación
!  Sistemas de Comunicación
•  Sin ayuda

•  Orales / Gestuales

•  Con ayuda
•  Pictográficos
•  Códigos


Deficiencia en el lenguaje oral
Comprensión deficiente.

-25-

Miguel Gea,


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”

-26-

Miguel Gea,


2.4 Accesibilidad. Comunicación
•  Comunicador
•  Hablado
•  Escrito

•  Diseño Plantillas
•  Número (NxM)
•  Celdas
•  Plataforma
•  PC/Windows


Proyecte fressa
http://www.lagares.org
-27-

Miguel Gea,


4. Usabilidad: Mayores

http://www.fundacionauna.org/documentos/analisis/cuadernos/Cuadernos_04.pdf

! Tareas


-28-

Miguel Gea,


!  Motivación para no usar Internet


-29-

Miguel Gea,


! Usos


-30-

Miguel Gea,


Discapacidades x1000h



-31-

Miguel Gea,


! Usos


-32-

Miguel Gea,


!  Dificultad en el Uso de TICs


-33-

Miguel Gea,


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

-34-

Miguel Gea,


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


-35-

Miguel Gea,


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.

-36-

Miguel Gea,


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.

-37-

Miguel Gea,


6. Usabilidad: Internet
Patrón de Navegación por páginas Web?

M

H

http://www.alt64.com/eyetrackingmedia/patron_de_navegacion.php

-38-

Miguel Gea,


Eye Tracking


-39-

Miguel Gea,




-40-

Miguel Gea,

Seminario Usabilidad y accesibilidad

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (7)

Similar to Seminario Usabilidad y accesibilidad

Similar to Seminario Usabilidad y accesibilidad (20)

More from Miguel Gea

More from Miguel Gea (18)

Recently uploaded

Recently uploaded (20)

Seminario Usabilidad y accesibilidad