US ABILID AD
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
US ABILID AD
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
• sergio.lujan@ua.es
• @sergiolujanmora
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
¿Qué es la usabilidad?
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
¿Cuándo un sistema
es usable?
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
¿Cómo se mejora
la usabilidad?
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Usabilidad Usable
Facilidad
de uso
US ABILID AD
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.
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Principios básicos
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Tres consejos
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Piensa en el usuario
Piensa en el usuario
Piensa en el usuario
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
¡No pienses en ti !
US ABILID AD
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
US ABILID AD
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
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Principios básicos
2 1 3
4
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Conoce al usuario
1
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Piensa en el usuario
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Conocimientos Destrezas
Ambiente Propósito
Expectativas
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Minimiza
la memorización
2
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Sustituir la entrada de datos por la selección de elementos
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Usar nombres en vez de números
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Ofrecer un comportamiento predecible
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Optimiza
las operaciones
3
US ABILID AD
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
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Gestiona los errores
4
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
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
US ABILID AD
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
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
US ABILID AD
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?
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
Piensa en el usuario
US ABILID AD
Introducción al desarrollo web
http://idesweb.es/
http://idesweb.es/
idw@idesweb.es
@idesweb
US ABILID AD
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