Por qué nuestras propuestas visuales para productos digitales tienen problemas de usabilidad y algunos métodos para corregirlas.

1. TODOS PODEMOS HACER UX:
MÉTODOS DE INSPECCIÓN DE USABILIDAD

2. SOLEDAD MORIS
MS. Usabilidad, Diseño Interacción y Experiencia de Usuario (2017)
Consultora UX @ everis
CEO @ mi casa
Twitter @solemoris
LinkedIn

3. HOY VEREMOS…
1. ¿Qué hace a la usabilidad usable?
a. Características de los productos usables.
2. Por qué nada de lo que hacemos es realmente usable.
a. Modelos mentales y modelos conceptuales.
3. Asegurando una usabilidad “usable”.
a. Heurísticas de Nielsen
4. Métodos de Inspección de usabilidad
a. Métodos de investigación
b. Métodos de inspección
c. Métodos de Pruebas

4. HOY VEREMOS…
1. ¿Qué hace a la usabilidad usable?
a. Características de los productos usables.
2. Por qué nada de lo que hacemos es realmente usable.
a. Modelos mentales y modelos conceptuales.
3. Asegurando una usabilidad “usable”.
a. Heurísticas de Nielsen
4. Métodos de Inspección de usabilidad
a. Métodos de investigación
b. Métodos de inspección
c. Métodos de Pruebas

5. “Usability is a quality attribute that assesses how
easy user interfaces are to use”.
https://www.nngroup.com/articles/usability-101-introduction-to-usability/

6. USABILITY!
IT MAKES PEOPLE
NOT HATE YOU.

7. ATRIBUTOS DE LA USABILIDAD
1. Aprendibilidad.
2. Eficiencia.
3. Recordabilidad.
4. Errores.
5. Satisfacción.

8. APRENDIBILIDAD
Learnability

9. EFICIENCIA
Efficiency

10. RECORDABILIDAD
Memorability

11. ERROR
Errores :P

12. SATISFACCIÓN
Satisfaction

14. 1 + 1 = 2https://www.dropbox.com/s/xynw9qb35ky6mi9/Captura%20d
e%20pantalla%202016-10-21%2011.58.11.png?dl=0

21. JACOB NIELSENJILL GERHARDT-POWALS SUSAN WEINSCHENK
ALGUNAS PERSONAS QUE INVENTARON HEURÍSTICAS

22. JACOB NIELSENJILL GERHARDT-POWALS SUSAN WEINSCHENK
ALGUNAS PERSONAS QUE INVENTARON HEURÍSTICAS

23. SLIPS
TIPOS DE ERRORES
MISTAKES

24. SEVERIDAD DE
ERRORES
0 = No es un problema de usabilidad.
1 = Problema cosmético, no necesita ser corregido a menos que haya holgura de tiempo.
2 = Problema de usabilidad menor. Dar baja prioridad.
3 = Problema de usabilidad mayor. Importante de corregir, dar alta prioridad.
4 =Problema de usabilidad bloqueante. Imperativo de corrección antes de salida a producción.

25. VISIBILIDAD DEL ESTATUS DEL
SISTEMA
ANALOGÍA ENTRE EL SISTEMA
Y EL MUNDO REAL
CONTROL Y LIBERTAD DEL
USUARIO
CONSISTENCIA Y ESTÁNDARESPREVENCIÓN DE ERRORES
RECONOCIMIENTO ANTES DE
ENTENDIMIENTO
FLEXIBILIDAD Y EFICIENCIA DE
USO
ESTÉTICA Y DISEÑO
FUNCIONALISTA
AYUDA A LOS USUARIOS A
RECUPERARSE DE LOS
ERRORES
AYUDA Y DOCUMENTACIÓN
LAS MENTADAS HEURÍSTICAS

26. 1VISIBILIDAD DE ESTATUS DEL SISTEMA
FEEDBACK
Ejemplos hurtados:
http://designingwebinterfaces.com/6-tips-for-a-great-flex-ux-part-5

27. 2
ANALOGÍA ENTRE SISTEMA Y MUNDO REAL
METÁFORA
Ejemplos hurtados:
http://littlebigdetails.com/

28. 3
CONTROL Y LIBERTAD DEL USUARIO
NAVEGACIÓN

29. 4CONSISTENCIA Y ESTÁNDARES
CONSISTENCIA

30. 5PREVENCIÓN DE ERRORES
POKA YOKE

31. 6RECONOCIMIENTO ANTES QUE ENTENDIMIENTO
MEMORIA

32. 7FLEXIBILIDAD Y EFICIENCIA DE USO
EFICIENCIA

33. 8ESTÉTICA Y DISEÑO MINIMALISTA
DISEÑO

34. 9AYUDA A LOS USUARIOS A RECUPERARSE DE LOS
ERRORES
RECUPERACIÓN

35. 10AYUDA Y DOCUMENTACIÓN
AYUDA

36. ¡Y ESAS FUERON LAS HEURÍSTICAS!

37. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

38. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

39. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

40. MÉTODOS DE INVESTIGACIÓN

41. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

42. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

43. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

44. MÉTODOS DE INSPECCIÓN
¡UN ERROR DE USABILIDAD!

45. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en perspectiva
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

46. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en perspectiva
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

47. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en perspectiva
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

48. EVALUACIÓN HEURÍSTICA

49. 1. Acceso limitado o cero acceso a los usuarios.
2. Dominio de diseño y expertise de campo.
3. ¡Necesitas revisar rápido!
4. No tienes plata.
5. Necesitas que te crean en la empresa para comenzar
a hacer más cosas en UX.
EVALUACIÓN HEURÍSTICA… ¿CÚANDO?

50. 1. Fácil de implementar.
2. Rápido de ejecutar.
3. Conceptuamente similar a QA.
4. No hay que gastar plata.
5. Sirve para educar al team en
usabilidad.
EVALUACIÓN HEURÍSTICA… PROS Y CONS
1. Diferentes revisores = Diferentes
problemas.
1. No es muy escalable.
2. Objetividad del evaluador.
3. Dependen de la expertise del evaluador.
4. No indican solución a los problemas.

51. 1. Un revisor.
2. Un evaluador.
3. Un poco de tiempo.
4. La guía de heurísticas.
EVALUACIÓN HEURÍSTICA … ¿QUÉ?

52. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en la UI
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

53. REVISIÓN EXPERTA DE USABILIDAD

54. 1. Acceso a un “experto”: HCI, BA, Usuario extremo.
2. Problemas de credibilidad.
3. Conflicto de intereses.
4. Tabús corporativos.
REVISIÓN EXPERTA… ¿CÚANDO?

56. 1. Fácil de implementar.
2. Consideras UX goals y Business
goals.
3. Implementable en cualquier estadio
del desarrollo.
REVISIÓN EXPERTA… PROS Y CONS
1. Falsos positivos.
2. Puede ser visto como “una opinión”, si es
experto no es reconocido como tal.
3. Pueden omitirse problemas para usuarios
nuevos.

57. 1. Uno o más expertos.
2. Herramienta para diagramar flujos.
3. Un poco de tiempo.
4. Objetivos de Negocio.
5. La guía de heurísticas.
REVISIÓN EXPERTA… ¿QUÉ?

58. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en perspectiva
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

59. INSPECCIÓN BASADA EN PERSPECTIVA

61. 1. Poco o cero acceso a usuarios.
2. Se necesitan generar ideas o requerimientos.
3. Solucionar problemas
4. Hay diferentes tipos de usuarios usando las
funcionalidades.
5. Eres open mind y buscas amplitud.
INSPECCIÓN DE PERSPECTIVA… ¿CÚANDO?

62. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBAS

63. 1. Ves la interfaz como la primera vez.
2. Es divertida.
REVISIÓN EXPERTA… PROS Y CONS
1. No da tanto feedback.
2. Hay que explicarle tooodooo al usuario.

64. 1. Uno o más usuarios con tu perfiles de personas.
2. Un facilitador para hablar con los usuarios.
3. Un tomador de notas, audio o video.
4. Un poco de tiempo.
5. Implementar algún sistema de control de
observaciones.
REVISIÓN EXPERTA… ¿QUÉ?

65. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en perspectiva
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

66. PASEO COGNITIVO &
PASEO COGNITIVO PLURAL

67. 1. Poco o cero acceso a usuarios.
2. Tienes plata para pagarle al experto.
3. Estás en cualquier parte del desarrollo.
PASEO COGNITIVO… ¿CÚANDO?

68. 1. No requiere el producto
desarrollado.
2. No requiere usuarios.
3. Se basa en teoría cognitiva para
formular teorías respecto de los
problemas.
4. Es ordenado, se basa en tareas.
PASEO COGNITIVO… PROS Y CONS
1. Tiene un foco estrecho: Solo aprendizaje.
2. Es lento…
3. Si la herramienta es muy compleja, la
evaluación es compleja.

69. 1. No requiere el producto
desarrollado.
2. No requiere usuarios.
3. Se basa en teoría cognitiva para
formular teorías respecto de los
problemas.
4. Es ordenado, se basa en tareas.
PASEO COGNITIVO… PROS Y CONS
1. Tiene un foco estrecho: Solo aprendizaje.
2. Es lento…
3. Si la herramienta es muy compleja, la
evaluación es compleja.

70. 1. Facilitador, Video/audio o notero, Evaluador
2. Paseo Cognitivo Cheat Sheet
PASEO COGNITIVO… ¿QUÉ?

71. 1. Evaluación Heurística
2. Revisión Experta Individual
3. Inspección basada en perspectiva
4. Paseo Cognitivo
5. Inspecciones de usabilidad formales
MÉTODOS DE INSPECCIÓN

72. INSPECCIÓN DE USABILIDAD FORMAL

73. 1. Cuando vas a medio andar en tu proyecto.
INSPECCIÓN FORMAL… ¿CÚANDO?

74. 1. Inspección en desarrollo.
2. No requiere usuarios.
3. Recomienda mejoras desde el
experto.
INSPECCIÓN FORMAL… PROS Y CONS
1. No es muy agile que digamos
2. Necesitas mas de un experto o mucho
tiempo para productos complejos.
3. Si eres el inspector, los autores te
odiarán.

75. 1. Moderados o inspection leader (teams).
2. Autores
3. Notero, Audio o video.
4. … y los inspectores obviamente.
INSPECCIÓN FORMAL… ¿QUÉ?

76. 1. MÉTODOS DE INVESTIGACIÓN
2. MÉTODOS DE INSPECCIÓN
3. MÉTODOS DE PRUEBA

77. 1. Prueba de usabilidad
1. Protocolo Thinking Aloud
2. Co-Discovery
3. Protocolo Q/A
4. Medición de Performance
MÉTODOS DE PRUEBA

78. 1. Prueba de usabilidad
1. Protocolo Thinking Aloud
2. Protocolo Q/A
3. Medición de Performance
MÉTODOS DE PRUEBA

79. PRUEBA DE USABILIDAD
(DE GUERILLA)

82. 1. Cuando no existe ningún proceso UX En tu empresa.
2. Cuando no hay plata .
3. Cuando hay tabús de empresa.
PRUEBA DE USABILIDAD DE GUERRILLA…
¿CÚANDO?

83. 1. Inspección en desarrollo.
2. Es barata.
3. Lo haces sin permiso de la
empresa.
4. Resultados rápidos.
PRUEBA DE USABILIDAD G… PROS Y CONS
1. Hay que tener agallas.
2. Puede generar prurito.

84. 1. Agallas.
2. Usuarios.
3. Instrumentos de registro (Lookback.io, Silverback,
screen-o-matic, etc. )
4. Incentivo (no confundir con estimulo).
PRUEBA DE USABILIAD G… ¿QUÉ?

85. NO ES TAN FÁCIL 

86. 1. Prueba de usabilidad
1. Protocolo Thinking Aloud
2. Protocolo Q/A
3. Medición de Performance
MÉTODOS DE PRUEBA

87. PROTOCOLO THINKING ALOUD
(PENSAR EN VOZ ALTA)

88. EJEMPLO TAREA BASADA EN OBJETIVOS
Fuiste a almorzar con unos amigos y uno
pagó la cuenta completa. Ahora debes
pagarle a tu amigo, a quien no tienes
agregado en tu lista de contactos del banco.

89. ESCENARIO REALISTA
Almuerzo con amigos
TAREA REALISTA
Hacer la transferencia a un nuevo contacto

90. 1. Prueba de usabilidad
1. Protocolo Thinking Aloud
2. Protocolo Q/A
3. Medición de Performance
MÉTODOS DE PRUEBA

91. PROTOCOLO QUESTION/ASKING

92. THINKING ALOUD + 1

94. 1. Prueba de usabilidad
1. Protocolo Thinking Aloud
2. Protocolo Q/A
3. Medición de Performance
MÉTODOS DE PRUEBA

95. MEDICIÓN DE PERFORMANCE

96. 1. EFICIENCIA (Tiempo tarea)
2. EFICACIA (Tarea concretada)
(DISCLAIMER: +15 USUARIOS)

97. Galerías de Patrones
• https://www.patternfly.org/
Interacciones asombrosas
• http://littlebigdetails.com/
Aplicaciones premiadas
• https://developer.apple.com/design/awards/
Referencias para esta presentación:
http://usability.jameshom.com/
http://www.grihotools.udl.cat/mpiua/fases-mpiua/evaluacion/metodos-evaluacion-usabilidad/
Libro “User Interface Inspection Methods”, Chauncey Wilson
Libro “Usability Inspection Methods”, Jakob Nielsen
MOOCS de Investigación de Usuario
“Product Design: The Delft Design Approach
¡QUIERO APRENDER MÁS!