usabilidad y accesibilidad david horat. usabilidad

53
Usabilidad y Accesibilidad David Horat

Upload: leocadio-sagun

Post on 31-Dec-2014

20 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Usabilidad y Accesibilidad David Horat. Usabilidad

Usabilidad y Accesibilidad

David Horat

Page 2: Usabilidad y Accesibilidad David Horat. Usabilidad

Usabilidad

Page 3: Usabilidad y Accesibilidad David Horat. Usabilidad

¿Qué es la usabilidad?

• Capacidad de uso

• Sencillez de uso de un objeto para realizar un objetivo

• Elegancia y claridad en la interacción de un usuario con una aplicación

“La usabilidad es como la salud, se percibe sólo cuando falta.”

Page 4: Usabilidad y Accesibilidad David Horat. Usabilidad

Principios básicos

• Facilidad de Aprendizaje

• Flexibilidad

• Robustez

• Eficiencia

Page 5: Usabilidad y Accesibilidad David Horat. Usabilidad

Consideraciones

• ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender?

• ¿Qué quieren o necesitan hacer los usuarios? • ¿Cuál es la formación general de los usuarios? • ¿Cuál es el contexto en el que el usuario está

trabajando? • ¿Qué debe dejarse a la máquina? ¿Qué al

usuario?

Page 6: Usabilidad y Accesibilidad David Horat. Usabilidad

Disciplinas

• Interacción Persona-Ordenador (IPO)– Human-Computer Interaction (HCI)– Computer-Human Interaction (CHI)

• Desarrollo Centrado en el Usuario (DCU)– User Centric Development (UCD)

Page 7: Usabilidad y Accesibilidad David Horat. Usabilidad

Fallos clásicos

• Fijarse en los procesos de diseño y no en los usos

• Diseñar para uno sin pensar en los demás usuarios de tu aplicación

• No probarlo con usuarios reales

Page 8: Usabilidad y Accesibilidad David Horat. Usabilidad

Ejemplos

• Tetera de Donald Norman

• Objetos cotidianos

• Letreros en las estaciones de tren

• Móviles: Motorola, Nokia y Panasonic

• Interfaz complicada

• Moodle

• Los mayores fallos en la web

• Los mayores fallos en los blogs

Page 9: Usabilidad y Accesibilidad David Horat. Usabilidad

Tetera

Donald Norman. The design of everyday things

• ¿Por qué las cosas son difíciles de utilizar?

“El problema radica en el desarrollo del producto, en el énfasis de la tecnología en vez del usuario, la persona para la cual está hecho el dispositivo.”

(Donald Norman,The invisible computer)

Page 10: Usabilidad y Accesibilidad David Horat. Usabilidad

Objetos cotidianos

Page 11: Usabilidad y Accesibilidad David Horat. Usabilidad

Letreros en las estaciones de tren

Page 12: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 13: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 14: Usabilidad y Accesibilidad David Horat. Usabilidad

Móvil Panasonic

Page 15: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 16: Usabilidad y Accesibilidad David Horat. Usabilidad

Móvil Motorola

Page 17: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 18: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 19: Usabilidad y Accesibilidad David Horat. Usabilidad

Móvil Nokia

Page 20: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 21: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 22: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 23: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 24: Usabilidad y Accesibilidad David Horat. Usabilidad

Móvil Nokia

Page 25: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 26: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 27: Usabilidad y Accesibilidad David Horat. Usabilidad

Interfaces complicadas

Page 28: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 29: Usabilidad y Accesibilidad David Horat. Usabilidad

Moodle

Page 30: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 31: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 32: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 33: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 34: Usabilidad y Accesibilidad David Horat. Usabilidad

Los mayores fallos en la web

• Problemas de legibilidad– Fuentes pequeñas– Bajo contraste

• Enlaces no estándar– No descriptivos– No funcionan de forma esperable

• Flash– Evitar animaciones gratuitas

• Textos largos y tediosos

Page 35: Usabilidad y Accesibilidad David Horat. Usabilidad

Los mayores fallos en la web

• Búsquedas fallidas

• Incompatibilidad de exploradores web

• Formularios largos y engorrosos

• Falta de información de contacto

• Pop-ups

• Elementos no útiles

• Iconos no descriptivos

• Falta de control de la web

Page 36: Usabilidad y Accesibilidad David Horat. Usabilidad

Los mayores fallos en blogs

• Falta de información del autor

• Títulos no descriptivos del artículo

• Enlaces no descriptivos

• No referencia a textos antiguos

• Falta de definición del público objetivo

• No tener un dominio propio

Page 37: Usabilidad y Accesibilidad David Horat. Usabilidad

Accesibilidad

Page 38: Usabilidad y Accesibilidad David Horat. Usabilidad

Definición

• Capacidad de ser usado por el mayor número de personas– Sin modificación– Incluyendo gente con discapacidad

• Acceso para todos

Page 39: Usabilidad y Accesibilidad David Horat. Usabilidad

Legislación

• España– Ley de Integración Social de los

Minusválidos, 1982– Plan de Acción Info XXI, 2001-2003

• Integración de los discapacitados en las nuevas tecnologías

– Ley de Servicios de la Sociedad de la Información y el Comercio Electrónico

• Los sitios web de la administración deben ser accesibles

Page 40: Usabilidad y Accesibilidad David Horat. Usabilidad

Legislación

• Reino Unido– Disability Discrimination Act 1995

• Alemania– Decreto sobre Tecnología de la Información Libre de

Barreras 2002

• Estados Unidos– Americans Disabilities Act of 1990

• Naciones Unidas– Normas Uniformes sobre la igualdad de

oportunidades para las personas con discapacidad 1993

Page 41: Usabilidad y Accesibilidad David Horat. Usabilidad

Algunas palabras clave

• Transportes públicos

• Ordenadores

• Web

• Juegos

• Diseño universal

• Ayudas técnicas

Page 42: Usabilidad y Accesibilidad David Horat. Usabilidad

Accesibilidad web

• Independencia del dispositivo– Navegador web estándar (PC)– Navegador web reducido (PDA, Móviles, …)– Ayudas técnicas

• Lectores de texto• Reconocimiento de voz para comandos• Terminal braile• Ampliación de la pantalla• Traducción automatizada

Page 43: Usabilidad y Accesibilidad David Horat. Usabilidad

Web Accessibility Initiative

• Iniciativa del W3C para mejorar la accesibilidad en la web

• Guías de desarrollo– Web Content Accessibility Guidelines

(WCAG)– Authoring Tool Accessibility Guidelines

(ATAG)– User Agent Accessibility Guidelines (UAAG)– XML Accessibility Guidelines (XAG)

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

Page 44: Usabilidad y Accesibilidad David Horat. Usabilidad

WCAG 1.0

• Nivel A (must) - Prioridad 1– Ejemplo: especificar un equivalente textual

para los elementos no textuales

• Nivel AA (should) - Prioridad 1 y 2 – Ejemplo: usar hojas de estilo para el diseño y

la presentación

• Nivel AAA (may) - Prioridad 1, 2 y 3– Ejemplo: especificar la forma completa de

cada abreviación en la primera ocurrencia

http://www.w3.org/TR/WCAG10/

Page 45: Usabilidad y Accesibilidad David Horat. Usabilidad

Formatos estándar en la web

• Importancia de ceñirse a estándares abiertos

• HTML 4.01 ó XHTML 1.0– Strict, Transitional o Frameset– http://validator.w3.org/

• CSS nivel 1 ó CSS nivel 2– http://jigsaw.w3.org/css-validator/– http://csszengarden.com/

Page 46: Usabilidad y Accesibilidad David Horat. Usabilidad

HTML 4 vs XHTML 1.0

• Documentos bien formados<p> <em> hola </p> </em><p> <em> hola </em> </p>

• Elementos y atributos en minúscula<P> hola </P><p> hola </p>

• Cierre de todos los elementos no vacíos<p> hola <p> david<p> hola </p> <p> david </p>

Page 47: Usabilidad y Accesibilidad David Horat. Usabilidad

HTML 4 vs XHTML 1.0

• Atributos siempre entre comillas<td rowspan = 3><td rowspan = “3”>

• Siempre dupla atributo-valor<dl compact><dl compact = “compact”>

• Elementos vacíos con cierre<br><br/>

Page 48: Usabilidad y Accesibilidad David Horat. Usabilidad

World Usability Day

Page 49: Usabilidad y Accesibilidad David Horat. Usabilidad

World Usability Day 2006

• Martes, 14 de noviembre de 2006• Título: Making Life Easy!

– Enfocado a la accesibilidad y la inclusión de personas discapacitadas

• España– Barcelona (Usability Gymkhana 2006).

http://www.worldusabilityday.org/event/show/31– Madrid (UXA 36-Hour)

http://www.worldusabilityday.org/event/show/77 – Las Palmas de Gran Canaria (La noche temática)

http://www.worldusabilityday.org/event/show/161

http://www.worldusabilityday.org/

Page 50: Usabilidad y Accesibilidad David Horat. Usabilidad
Page 51: Usabilidad y Accesibilidad David Horat. Usabilidad

Referencias

• Usability Professionals´ Association– http://www.usabilityprofessionals.org/

• World Usability Day– http://www.worldusabilityday.org/

• ACM´s SIG on Computer-Human Interaction– http://www.sigchi.org/

• Movimiento por la Usabilidad, Semántica y Accesibilidad en la web (MUSA)– http://www.qweos.net/profesionales/

• Google + “Usability” o “Accesibility”

Page 52: Usabilidad y Accesibilidad David Horat. Usabilidad

¿DUDAS, CONSULTAS¿DUDAS, CONSULTASO PREGUNTAS?O PREGUNTAS?