1. Tema 5:
Usabilidad y Evaluación
DISEÑO DE INTERFACES DE USUARIO
edición 2015
!
!
Miguel Gea (mgea@ugr.es)
Dpt. Lenguajes y Sistemas Informáticos
Grado en Ingeniería Informática
Universidad de Granada
http://utopolis.ugr.es/diu
http://www.slideshare.net/mgea/
09 dic, 2015
2. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
El personaje: J. Nielsen
2
“The best Web sites are better than
reality”
http://www.nngroup.com/articles/better-than-reality-a-fundamental-internet-principle/
http://www.nngroup.com
useit.com
3. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Indice
Usabilidad
Evaluación
Cuestionarios
Laboratorios
3
4. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad
4
La medida en la que un producto se puede usar por
determinados usuarios para conseguir objetivos específicos
con efectividad, eficiencia y satisfacción en un contexto de
uso especificado. [ISO 9421]
FUNCIONALIDAD
USUARIOS
USABILIDAD
5. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad
5
La medida en la que un producto se puede usar por
determinados usuarios para conseguir objetivos
específicos con efectividad, eficiencia y satisfacción
en un contexto de uso especificado. [ISO 9421]
6. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: importancia
6
• Reducción de costes de producción y mantenimiento
• Mejora la satisfacción del usuario
• Mejora la calidad del producto
Ámbitos de creciente interés:
Internet
Artefactos electrónicos (gadgets)
Móviles
7. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: importancia
7
Experiencia de usuario (user experience)
Satisfacción
Ameno
Util
Motivador
Estéticamente elegante
Permite creatividad
Estimula el conocimiento
Vale la pena
Sorprendente
Aburrido
Frustrante
Molesto
Engorroso
8. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: artefactos
8
phone / tabletBlackberryPDA
dualcor.ngage
PSP
9. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: aspectos comerciales
9
IOS VS
UIQ technology (User Interface Quartz, Interfaz de Usuario Quartz)
10. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: aspectos comerciales
10
11. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: factores medibles
11
Adecuación para tareas
Aprendizaje
Efectividad
Retención
Satisfacción
12. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: factores
12
• Adecuación al uso (funcionalidad). El sistema da soporte a las
actividades que hace el usuario en su vida cotidiana
• Facilidad de aprendizaje. Como de fácil es el aprendizaje para
diferentes grupos de usuarios?
• Eficiencia de tareas. Como es de eficiente para usuarios
expertos
• Facilidad de recordar. Para usuarios ocasionales
• Satisfacción subjetiva.
• Comprensión. Como es de sencillo comprender lo que hace el
sistema? (ante situaciones de error, fallos..)
• Ayuda al usuario a comprender lo que pasa?
D. Mayhew (p. 9)
13. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad: Objetivo de estudio
13
Objetivo Efectividad E!ciencia Satisfacción
Adecuación
realizar tarea
% de tarea realizadas
Tiempo completar la
tarea
(grado de)
Satisfacción
Adecuado
usuarios
expertos
Numero de
características
(importantes) usadas
E!ciencia comparada
con usuario experto
(grado de)
Satisfacción
Con características
importantes
Aprendizaje
Porcentaje de
funciones aprendidas
Tiempo para aprender
una nueva estrategia
(valoración de)
Facilidad de uso
Tolerancia
de errores
% de errores
Corregidos
satisfactoriamente
Tiempo para corregir
un error
(valoración de)
Manejo de errores
14. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Usabilidad en proceso de diseño
14
Análisis del Mercado
Análisis de las tareas
Definición
Estudio viabilidad
Análisis requisitos
Pruebas de usuario
Pruebas de usuario
Diseño
Implementación
Pruebas
Prototipado
Revisión del producto
Mantenimiento&
Implantación
15. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación
15
Definición
La evaluación comprende un conjunto de metodologías y
técnicas que estudian la usabilidad de un sistema interactivo
en diferentes etapas del ciclo de vida.
Tipos:
Inspección. Evaluación de aspectos de usabilidad
Indagación. Descubrir los “gustos” del usuario
Test. Adecuación del interfaz a las tareas de usuario
16. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación
16
Taxonomía
Cuestionarios
Test
Inspección
Heurística
Recorrido cognitivo
Estándares
Indagación
Observación campo
Grabación uso
Entrevistas
Medida prestaciones
Voz alta
17. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Inspección
17
Métodos:
• Heurística. Informes realizados por expertos
• Recorridos cognitivos. Evaluación de la facilidad de
aprendizaje por exploración (y si es intuitivo!!)
• Inspección de estándares . Comprobación que cumple
las normas del estándar (p.e. WAI, UI Guidelines)
18. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Inspección
18
INSPECCIÓN HEURISTICA
10 reglas de usabilidad (J. Nielsen):
1.Visibilidad del estado del sistema
2.Utilizar el lenguaje de los usuarios
3.Control y libertad para el usuario
4.Consistencia y estándares (familiaridad)
5.Prevención de errores
6.Minimizar la carga de memoria del usuario
7.Flexibilidad y eficiencia de uso
8.Diálogos estéticos y diseño minimalista
9.Ayudar al usuario a reconocer y recuperar los errores
10.Ayuda y documentación
19. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Indagación
19
Métodos:
• Observación de campo. Análisis etnográfico
• Grabación del uso. Visión real de los usuarios en el
trabajo
• Entrevistas. Consulta sobre la experiencia de los usuarios
• Cuestionarios. Formulario con preguntas predefinidas
20. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Test
20
Métodos:
• Medida de prestaciones. Análisis del rendimiento del
sistema (real)
• Pensando en voz alta (thinking aloud). Los usuarios
expresan en voz alta sus pensamientos y sentimientos
a) Rendimiento:
tiempo para completar una tarea
tiempo en buscar información en un manual
número de opciones incorrectas . . .
b) Medidas subjetivas
facilidad de uso del producto
facilidad de instalación/búsqueda de ayuda
preferencias (entre productos...)
predicción de comportamiento (¿comprará?)
21. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: elección del método
21
Tiempo/recursos limitados
Experiencia limitada
Sin acceso directo al usuario
22. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: elección del método
22
Tiempo/recursos limitados
Experiencia limitada
Sin acceso directo al usuario
Inspección heurística
Cuestionarios
23. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: elección del método
23
Tiempo/recursos limitados
Experiencia limitada
Sin acceso directo al usuario
Inspección heurística
Cuestionarios
Entrevistas
24. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: elección del método
24
Tiempo/recursos limitados
Experiencia limitada
Sin acceso directo al usuario
Inspección heurística
Cuestionarios
Entrevistas
Test: Medida de Prestaciones
25. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: método según etapa
25
http://www.usabilitynet.org/tools/methods.htm
26. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Card Sorting
26
Método para descubrir la estructura latente en una lista
desordenada de declaraciones o ideas
Los resultados de cada ordenación individual se combinan y
se analizan estadísticamente
27. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Diagramas de afinidad
27
Método categorización
Se reúne a un grupo de usuarios (4-10) y mediante
"brainstorming" se genera una lista de ideas en notas Post It.
Se pegan las notas en la pared sin seguir un orden en
particular. Se mueven las tarjetas en grupos de forma
intuitiva (creando categorías).
Reunión dirigida
28. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Diagramas de afinidad
28
Herramientas: CardSword (Open Source)
CardSword: definición de proyectos y análisis (.czs)
CardSwordZorro: Encuesta a cada usuario (.csr)
dendrograma
http://www.slideshare.net/astromario/card-sorting-conceptos-bsicos-414487
http://sourceforge.net/projects/cardsword/
29. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: Benchmarking
29
Evaluación de las prestaciones de una
aplicación/producto:
Comparativa
30. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evaluación: A/B Testing
30
Método para comparar 2 o más diseños en
cuanto a sus prestaciones
31. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios
31
Características:
• Los cuestionarios son una técnica bien definida para recoger
datos demográficos y opiniones de los usuarios.
• Son similares a las entrevistas, ya que puede haber
preguntas abiertas o cerradas.
• Las preguntas deben ser claras y concisas
• Se debe analizar correcta y eficientemente
• Existen propuestas de cuestionarios (QUIS)
32. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios
32
Características:
• Los cuestionarios son una técnica bien definida para recoger
datos demográficos y opiniones de los usuarios.
• Son similares a las entrevistas, ya que puede haber
preguntas abiertas o cerradas.
• Las preguntas deben ser claras y concisas
• Se debe analizar correcta y eficientemente
• Existen propuestas de cuestionarios (QUIS)
El diseño de los iconos es comprensible
33. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios: elección de preguntas
33
Aspectos de interés:
Funcionalidad: Cubrir todas las tareas del usuario
Diseño (pantalla, iconos, formato, color)
Usabilidad (secuencia de acciones para realizar la tarea)
Ayuda (información y asistencia al usuario)
Flexibilidad (adaptación a diferentes modelos de usuarios)
Aprendizaje (memorización, discriminación,...)
Satisfacción (valoración y agrado en el uso)
Análisis del estudio:
Análisis según población de usuarios (por sexo, edad,
formación..)
34. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios: elección de preguntas
34
Ejemplos: Sobre tareas y su ejecución (Dificultades,
necesidad de ayuda...)
35. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios: elección de preguntas
35
Ejemplos: Sobre la aplicación (impresión general)
36. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios: elección de preguntas
36
37. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios: elección de preguntas
37
38. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Cuestionarios: Análisis
38
Correlación entre preguntas y aspecto de estudio
39. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Laboratorios de usabilidad
39
Qué son?
Los laboratorios de usabilidad son espacios especialmente
adaptados para la realización del test de usabilidad.
Utilidad:
Hacer mediciones sobre casos reales
Estudio del comportamiento del usuario
Organización:
Sala de observación
Sala de pruebas/test
40. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Laboratorios de usabilidad
40
Equipamiento:
Cámaras de control remoto
Micrófonos inalámbricos
Mesa de mezcla digital
Grabadora video
Registro de entradas
41. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Qué metodo adoptar para…
41
Evaluar un Juego…
?
Evaluar una Website
?
Evaluar una App
?
42. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu 42
Referencias
[Lores01] Evaluación. En J. Lorés (ed.) Interacción Persona-Ordenador: libro digital. ISBN: 84-607-2255-4,
AIPO-2001 http://www.aipo.es/libro/pdf/04Evalua.pdf
http://www.usabilitynet.org/home.htm
http://www.usability.gov/
http://www.usableweb.com
http://useit.com
http://www.nosolousabilidad.com/
Telefónica: livinlabs. http://sociedaddelainformacion.telefonica.es/jsp/articulos/detalle.jsp?elem=6814