AD Usabilidad: principios básicos web... · AD Introducción al desarrollo web Usabilidad:...
Transcript of AD Usabilidad: principios básicos web... · AD Introducción al desarrollo web Usabilidad:...
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Usabilidad: principios básicos
Sergio Luján Mora
Departamento de Lenguajes y Sistemas Informáticos
Universidad de Alicante (España)
IDW-UsaWeb-01
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Contacto • http://gplsi.dlsi.ua.es/~slujan/
• http://accesibilidadenlaweb.blogspot.com.es/
• http://accesibilidadweb.dlsi.ua.es/
• http://desarrolloweb.dlsi.ua.es/
• http://www.youtube.com/user/sergiolujanmora
• @sergiolujanmora
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
¿Qué es la usabilidad?
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
¿Cuándo un sistema es usable?
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
¿Cómo se mejora la usabilidad?
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Usabilidad Usable
Facilidad de uso
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
ISO/IEC 9126 La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.
ISO/IEC 9241 Usabilidad es la eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico.
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Principios básicos
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Tres consejos
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Piensa en el usuario Piensa en el usuario Piensa en el usuario
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
¡No pienses en ti!
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Formato de entrada “normal” de una fecha: - Mes - Día - Año (Mejor si también dejase usar “-” y “.” como separador)
“Normal” según el país, en España lo
normal es
día/mes/año
Ejemplo real extraído del sitio web de una
aerolínea importante
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Entrada adaptada al formato de la base de datos (año-mes-día), pero no al formato del usuario
Por lo menos no lo han pedido en tiempo Unix: la cantidad de segundos transcurridos desde la medianoche UTC del 1 de enero de 1970
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Principios básicos
1 2 3
4
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Conoce al usuario
1
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Piensa en el usuario
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Conocimientos Destrezas Ambiente Propósito
Expectativas
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Minimiza la memorización
2
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Sustituir la entrada de datos por la selección de elementos
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Usar nombres en vez de números
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Ofrecer un comportamiento predecible
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Optimiza las operaciones
3
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/ Facilitar la rápida ejecución de las
operaciones más comunes
Respetar la inercia del interfaz
Reducir el esfuerzo de la interacción
Reorganizar el sistema en función de la interacción del usuario
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Gestiona los errores
4
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/ Ofrecer buenos mensajes de error
Evitar los errores más comunes
Deshacer las acciones realizadas
Redundancia
Garantizar la integridad de la información
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Conoce al usuario 1
Minimiza la memorización 2
Optimiza las operaciones 3
Gestiona los errores 4
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
¿Cómo puede ser que 40 años después,
la gente siga cometiendo
los mismos errores?
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Piensa en el usuario
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
http://idesweb.es/
[email protected] @idesweb
USA
BIL
IDA
D
Introducción al desarrollo web http://idesweb.es/
Créditos de las imágenes y fotografías http://www.sxc.hu/photo/1125736
http://www.sxc.hu/photo/308374
http://www.sxc.hu/photo/1285565
http://dl.acm.org/citation.cfm?id=1479159