Introducción a la accesibilidad y usabilidad

Introducción
Ponentes

Antonio Manuel Gutiérrez Fernández

Alumno de Ingeniería Informática

Manuel Jesús Recena Soto

Alumno de Ingeniería Técnica en Informática de Sistemas

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Introducción
Estructura

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Introducción
Objetivos
✔ Dar una visión global de estos dos aspectos
✔ Transmitir su importancia
✔ Plantear algunas de las problemáticas existentes
✔ Proponer un boceto de modelo de trabajo para el
desarrollo y mantenimiento de sitios web
✔ Promover el uso de los estándares del W3C

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Usabilidad

 Definición de Usabilidad

 Importancia de la Usabilidad

 Metodologías

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Concepto de Usabilidad

Idea Intuitiva:
“La usabilidad de un producto será lo fácil de utilizar que es”

Definición Formal:
"El grado en el que un producto puede ser usado por determinados
usuarios para conseguir objetivos específicos con eficacia, eficiencia y
satisfacción en un contexto específico de uso"
[ISO 9241-11: Guidance on Usability (1998)]

"Capacidad de un producto software de ser entendido, aprendido,

usado y atractivo para el usuario, cuando es usado bajo unas
condiciones específicas"
[ISO/IEC FDIS 9126-1: Software Engineering - Product quality - Part 1:
Quality model (2000)]

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Concepto de Usabilidad
Aspectos contenidos en la Usabilidad:

 Utilidad del Producto (NO utilidad funcional)

 Facilidad de Aprendizaje

 Memorización

 Eficacia

 Eficiencia (Errores)

 Satisfacción

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Importancia de la Usabilidad

Áreas relacionadas
 Psicología social
 Psicología evolutiva
 Ingeniería industrial
 Comunicaciones
 Ciencias de la información
 Informática

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Importancia de la Usabilidad

Según el Perfil:

 Usuario: Es la diferencia entre una hacer una tarea de forma

precisa y completa o no y que el proceso sea ameno o frustrante.

 Desarrollador: La diferencia entre el éxito o el fallo de un sistema.

 Gestor: Determina la productividad de la herramienta.

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Importancia de la Usabilidad
¿Por qué invertir en Usabilidad?
 La usabilidad de un producto determina la decisión de una compra
más que el precio del producto.

Menor tiempo de aprendizaje = Beneficios de Mantenimiento y Entrenamiento.

La satisfacción del usuario disminuye la incomodidad y el estrés.

 Diseños usables suelen implicar diseños más simples. Diseños más

simples son más baratos de construir.

 Diseños centrados en el usuario tienen éxito en las aplicaciones de

mercado.

Usabilidad = Simplicidad = Satisfacción del Usuario = Mayores Beneficios

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Metodología para la Usabilidad

● La Usabilidad no es un concepto nuevo:
● Marketing (Que espera el usuario de la herramienta)

● Interfaces Gráficas de Usuario (Como usa el usuario la herramienta)

● Control de Calidad (Fiabilidad y Eficacia de la herramienta)

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Metodología para la Usabilidad

 Técnicas

✔ Análisis de Tareas para evaluar como usuario utiliza el producto (Casos de Uso)

✔ Tecnicas GOMS (Goals, Operators, Methods y Selection)

✔ Prototipos en fases de desarrollo para testeos

✔ Grupos focales

✔ Listas de Control elaboradas por expertos en usabilidad (Guías de Usabilidad)

✔ Observación de como el usuario interactua

✔ Testeo de Usuario

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Metodología para la Usabilidad

 Métricas
✔ Tasa de Éxito para una tarea.

✔ Tiempo requerido para realiza una tarea.

✔ Tasa de errores.

✔ Satisfacción subjetiva de los usuarios (Encuestas).

✔ Porcentaje del tiempo requerido por los usuarios para una navegación óptima.

✔ Número de Enlaces Erróneos en la Navegación para una tarea.

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Metodología para la Usabilidad

Ejemplos que mejoran la Usabilidad en la Web
✔ Resumen de una línea del contenido al principio de un portal
✔ Inclusión de una Caja de Búsquedas Internas
✔ Navegación Rápida por el Portal. Accesos rápidos. Rama actual de Navegación.
✔ Formato Simple en la Navegación
✔ Uso de imágenes, sonidos o animaciones no simplemente para decorar la página.

Ejemplos que NO mejoran la Usabilidad en la Web

✔ Descripción de la actividad del portal confusa o resumen ambigüo.
✔ Imagenes muy pequeñas de grandes imagenes.
✔ Formularios excesivamente restrictivos.

"Know thy user, and you are not thy user"

Arnie Lund

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Definiciones
¿Qué es la accesibilidad?
Cualidad de accesible.
¿Qué significa accesible?
1. adj. Que tiene acceso.
2. adj. De fácil acceso o trato.
3. adj. De fácil comprensión, inteligible.

¿Qué es la accesiblidad web?

Cualidad que tiene o no una web de ser accesible.

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Personas con discapacidad y discapacidades atentidas por los
estándares
 No todos lo usuarios usan navegadores  Usuarios Ciegos
web  Usuarios con Ceguera al Color
 Existen dispositivos especiales para  Usuarios con visión débil que
discapacitados no pueden leer texto pequeño
 Existe software especifico para  Usuarios con deficiencia
discapacitados auditiva o sordos
 Usuarios que no usan ratón
 Usuarios con discapacidades
debidas a la artritis u otros
problemas de control motor
 Epilepsia fotosensible

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
¿La accesiblidad únicamente dirigida a discapacitados?
 No. El concepto, como bien se ha definido inicialmente, es más general.
 Podemos hablar de usuarios sin discapacidad, o incluso con cierta
discapacidad, pero no significativa en cuanto al uso de la web se refiere, a los
que se deba tener en cuenta, como por ejemplo:
 Usuarios con acceso a internet vía modem (56Kbits)
 Usuarios con resoluciones inferiores a 1024x768px y 16/24/32bits color.
 Usuarios con dispositivos de representación distintos a los comunes
monitores, tanto CRT como TFT/Plasma. Por ejemplo, PDAs, GPS de los
coches, etc...
 Usuarios que carecen de plugins específicos (Flash, SVG, MathXML, etc...)
 Usuarios con un hardware un poco obsoleto (p.e. grandes cantidades de
javascript, mucho consumo de cpu y memoria)

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
¿Por qué tu sitio web debe ser accesible?
 Para acceder de forma más cómoda a la audiencia (usuarios
potenciales) de tu sitio web.
 Para tomar una posición de liderazgo en tu sector particular de
negocio.
 Para ganarte la fidelidad de tus usuarios.
 Para no realizar ningún tipo de discriminación ante posibles usuarios
 Es simplemente una cuestión de buen sentido comercial, al
incrementar el número potencial de tus clientes.
 Para los sitios web instituacionales la justificación es muy sencilla,
debes facilitar la información a la sociedad.
 Cuestiones legales y normativas.

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Aspectos legales y normativas
 Legislación Española:
 LEY 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y
accesibilidad universal de las personas con discapacidad. De la que se pueden extraer
fragmentos como: “[...]Condiciones básicas de accesibilidad y no discriminación para el
acceso y utilización de las tecnologías, productos y servicios relacionados con la sociedad de
la información y medios de comunicación social.[...]”
 Norma (AENOR):
 Informática para la salud. Aplicaciones informáticas para personas con discapacidad.
Requisitos de accesibilidad de las plataformas informáticas. Soporte lógico". y tiene
como número de norma 139.802 [...]


Resolución del Consejo sobre "Accesibilidad electrónica" - Mejorar el acceso

de las personas con discapacidad a la sociedad del conocimiento: Resolución
del 14 de enero de 2003

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Directrices de accesibilidad para el contenido Web del W3C
El grupo de iniciativa de accesibilidad del W3C (WAI), persigue la accesibilidad de
la Web a través de 5 áreas de trabajo principales:

 Tecnología
 Directrices
 Herramientas
 Formación y difusión
 Investigación y desarrollo.

http://www.w3.org/WAI/

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
¿Cómo construir de forma accesible?
¿La solución es tener varias versiones de mi sitio web?
Aunque lográsemos cumplir todas las pautas y recomendaciones el W3C
sobre accesibilidad, el problema vendría por el alto coste en el
mantenimiento del sistema.

 Uso de especificaciones principales: xhtml[1.0]/html[4.01], css[2.0]

 Independizando, en la mayor medida posible, la capa de contenidos y de forma.
 Haciendo uso de las directrices establecidas por el W3C(WAI) siempre y cuando
estas se puedan llevar a cabo.
 No olvidar que el uso de javascript de forma no accesible puede ocasionar
muchos problemas de incompatibilidades.
 Y quizás lo más importante, las implementaciones hay que mantenerlas.

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Ejemplo

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Ejemplo

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
Ejemplo

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Accesibilidad
aDesigner

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Modelo de trabajo

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Conclusiones
 Muchos criterios de usabilidad están relacionados con la accesibilidad.
 La usabilidad es una necesidad. Pero requiere conocimientos adecuados.
 La accesibilidad más que una necesidad de mercado es una necesidad moral
en algunos casos (instituciones públicas).
 La apuesta por la usabilidad y accesibilidad implican a todas las fases de un
proyecto.
 Herramientas heurísticas no pueden responder a criterios subjetivos sólo a
cuestiones mecánicas.
 La usabilidad y la accesibilidad son dos aspectos muy relacionados y que
aunque se puedan tratar por separado están integramente relacionados.
 No creemos que ambos aspectos se deban tratar de forma absoluta, un todo
o un nada, sino que el fin es conseguir el mayor grado.

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Referencias
 Web Accessibility Initiative (WAI), http://www.w3.org/WAI
 TAW. Test de Accesibilidad Web, http://www.tawdis.net
 SIDAR: Fundación y Seminario, http://www.sidar.org
 Discapanet, http://www.discapnet.es
 AIS(NILS), http://www.nils.org.au/ais
 Web Developer Extension, Developer Toolbar
 PHN Toolbar, Developer Toolbar
 Cadius: Comunidad de Arquitectura de Información, Usabilidad y Diseño de
Interacción, http://www.cadius.org
 Gobierno EEUU, http://www.usability.gov/
 Columna de Jakob Nielsen, http://www.useit.com/
 Usable web, http://www.usableweb.com

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

Referencias
 Portal sobre Usabilidad, http://www.usabilityfirst.com/
 WAVE, Accessibility tool
 Bobby, Accessibility tool
 Cynthia Says Portal, Accessibility tool
 Juicy Studio, Accessibility tools
 aDesigner, Accessibility and Usability tool

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)
 Introducción a la accesibilidad y usabilidad

GRACIAS POR SU ATENCIÓN

Escuela Técnica Superior de Ingeniería Informática Antonio M. Gutierrez (cefiro@gmail.com)

15-16 Noviembre 2004 Manuel J.Recena Soto (recena@eii.us.es)