Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y...

29
Escuela Técnica Superior de Ingeniería Informática 15-16 Noviembre 2004 Introducción Ponentes Introducción a la accesibilidad y usabilidad Antonio M. Gutierrez ([email protected]) Manuel J.Recena Soto ([email protected]) Manuel Jesús Recena Soto Alumno de Ingeniería Técnica en Informática de Sistemas Antonio Manuel Gutiérrez Fernández Alumno de Ingeniería Informática

Transcript of Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y...

Page 1: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Introducción

Ponentes

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Manuel Jesús Recena SotoAlumno de Ingeniería Técnica en Informática de Sistemas

Antonio Manuel Gutiérrez FernándezAlumno de Ingeniería Informática

Page 2: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Introducción

Estructura

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 3: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

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

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 4: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Definición de Usabilidad

Importancia de la Usabilidad

Metodologías

Page 5: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Concepto de Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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)]

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

Page 6: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Concepto de Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Utilidad del Producto (NO utilidad funcional)

Facilidad de Aprendizaje

Memorización

Eficacia

Eficiencia (Errores)

Satisfacción

Aspectos contenidos en la Usabilidad:

Page 7: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Importancia de la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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

Áreas relacionadas

Page 8: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Importancia de la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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.

Según el Perfil:

Page 9: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Importancia de la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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.

¿Por qué invertir en Usabilidad?

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

Page 10: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Metodología para la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

● 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)

Page 11: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Metodología para la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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

Page 12: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Metodología para la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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.

Page 13: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Metodología para la Usabilidad

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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

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.

Page 14: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Definiciones

Introducción a la accesibilidad y usabilidad

¿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.

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

¿Qué es la accesiblidad web?

Cualidad que tiene o no una web de ser accesible.

Page 15: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Personas con discapacidad y discapacidades atentidas por los estándares

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Usuarios Ciegos

Usuarios con Ceguera al Color

Usuarios con visión débil que

no pueden leer texto pequeño

Usuarios con deficiencia

auditiva o sordos

Usuarios que no usan ratón

Usuarios con discapacidades

debidas a la artritis u otros

problemas de control motor

Epilepsia fotosensible

No todos lo usuarios usan navegadores

web

Existen dispositivos especiales para

discapacitados

Existe software especifico para

discapacitados

Page 16: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

¿La accesiblidad únicamente dirigida a discapacitados?

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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)

Page 17: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

¿Por qué tu sitio web debe ser accesible?

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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.

Page 18: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Aspectos legales y normativas

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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

Page 19: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Directrices de accesibilidad para el contenido Web del W3C

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Tecnología

Directrices

Herramientas

Formación y difusión

Investigación y desarrollo.

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

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

Page 20: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

¿Cómo construir de forma accesible?

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

¿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.

Page 21: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Ejemplo

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 22: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Ejemplo

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 23: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

Ejemplo

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 24: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Accesibilidad

aDesigner

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 25: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Modelo de trabajo

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

Page 26: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Conclusiones

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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.

Page 27: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Referencias

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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

Page 28: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Referencias

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

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

Page 29: Introducción a la accesibilidad y usabilidad - Mi espacio · Introducción a la accesibilidad y usabilidad ... Para los sitios web instituacionales la justificación es muy sencilla,

Escuela Técnica Superior de Ingeniería Informática15-16 Noviembre 2004

Introducción a la accesibilidad y usabilidad

Antonio M. Gutierrez ([email protected])Manuel J.Recena Soto ([email protected])

GRACIAS POR SU ATENCIÓN