Este documento presenta una introducción a la evaluación de la experiencia de usuario (UX). Explica conceptos clave como sistemas interactivos, interacción humano-computador, diseño centrado en el usuario, usabilidad y experiencia de usuario. Luego, describe varios métodos para evaluar diferentes facetas de la UX, como la usabilidad, emociones, jugabilidad, multiculturalidad, comunicabilidad y accesibilidad.

1. ¿Cómo evaluar la Experiencia de Usuario?
Presenta:
PhD(c) Yuliana Puerta Cruz

2. Yuliana Vanesa Puerta Cruz
Ingeniera de Sistemas
Estudiante de Doctorado en Ciencias de la Electrónica
Línea de Trabajo Interacción Hombre Maquina
Grupo de Investigación y Desarrollo en Ingeniería de Software (IDIS)
Universidad del Cauca
Docente Investigador
Grupo de Investigación y Desarrollo en Ingeniería de Software (IDIS)
Fundación Universitaria Tecnológico de Comfenalco

3. Contenido

4. Contenido
1. Sistemas Interactivos
2. Interacción Humano Computador
3. Diseño Centrado en el Usuario
4. Experiencia de Usuario
5. Evaluación de UX
6. Conclusiones
7. Bibliografía

5. ¿Qué son Sistemas
Interactivos?
ü Usuario: Es la persona que interacciona con un
sistema informático.
ü Interacción: Todos los intercambios que suceden
entre la persona y el ordenador. (Baecker and
Buxton, 1987).
hAp://3.bp.blogspot.com/-­‐‑44Fc2LYfgY/
UZEk9fU1G8I/AAAAAAAAABQ/
esUI90p9I1M/s1600/1221678214_informatico.jpg

6. ü Interfaz: una interfaz es una superficie de contacto y
refleja las propiedades físicas de los que interactúan,
se tienen que intuir las funciones a realizar y nos da un
balance de poder y control (Laurel, 1992).
Son las partes del sistema con las que el usuario entra
en contacto física y cognitivamente
• Interacción física (teclado, ratón, pantalla...)
• Interacción cognitiva (lo que se presenta al
usuario debe ser comprensible para él)
¿Qué son Sistemas
Interactivos?

7. Ejemplos de Interfaces

8. 2. Interacción Humana
Computador (IHC)
Disciplina relacionada con el diseño, implementación
y evaluación de sistemas informáticos interactivos
para uso de seres humanos y con el estudio de los
fenómenos más importantes con los que están
relacionados” (ACM SIGCHI curricula, 1992).

9. Diseño
Evaluación
Implementación
Sistemas Informáticos Interactivos
de
2. Interacción Humana
Computador (IHC)

10. Disciplinas de estudio en IHC
Tomado de hMp://www.csslab.cl/2009/04/22/psicologia-­‐‑cognitiva/
2. Interacción Humana
Computador (IHC)

11. ü Psicología: Ciencia que estudia el comportamiento
y los estados de la conciencia de la persona
humana, considerada individualmente o como
miembro de un grupo social.
ü Ergonomía: Es el estudio de las características físicas
de la interacción (por ejemplo, el entorno físico
donde se produce). Su propósito es definir y diseñar
herramientas y artefactos para diferentes tipos de
ambientes (trabajo, ocio, doméstico).
ü Etnografía: ciencia que estudia las costumbres y las
tradiciones de los pueblos.
2. Interacción Humana
Computador (IHC)

12. ü Diseño: Es la actividad encaminada a conseguir la
producción en serie de objetos útiles y visualmente
agradables.
ü Inteligencia Artificial: Trata de diseñar sistemas que
simulen aspectos del comportamiento humano
inteligente.
ü Ingeniería del Software: Estudia técnicas de diseño
y desarrollo de software. Sólo con el uso de
procedimientos y técnicas de ingeniería se
consigue un software de calidad.
2. Interacción Humana
Computador (IHC)

13. La usabilidad es la medida en la que un producto se
puede usar por determinados usuarios para conseguir
unos objetivos específicos con efectividad, eficiencia
y satisfacción en un contexto de uso dado.
Jakob Nielsen, pionero de la
usabilidad web y autor del
famoso decálogo “Usability
Heuristics for User Interface
Design”. (Foto: Wikipedia)
3. Usabilidad

14. • Determinada por:
3. Usabilidad
(ISO,2009)

15. Sin embargo,

16. Usabilidad
Ejemplo de problemas
Tomado de
hAp://image.slidesharecdn.com/diseodeinterfacesyusabilidad-­‐‑
v2-­‐‑111213155400-­‐‑phpapp02/95/saliendo-­‐‑del-­‐‑cubculo-­‐‑usabilidad-­‐‑y-­‐‑
experiencia-­‐‑de-­‐‑usuario-­‐‑8-­‐‑728.jpg?cb=1323793338

17. Usabilidad
Ejemplo de problemas
Tomado de
hAp://image.slidesharecdn.com/diseodeinterfacesyusabilidad-­‐‑
v2-­‐‑111213155400-­‐‑phpapp02/95/saliendo-­‐‑del-­‐‑cubculo-­‐‑usabilidad-­‐‑y-­‐‑

18. hMp://www.lingscars.com/
hAp://www.lingscars.com/
Mala Usabilidad Web

19. hAp://www.lingscars.com/
Mala Usabilidad Web

20. hAp://www.sensible.com//
Mala Usabilidad Web

21. Pero,

22. hAp://www.apple.com
Usabilidad Web

23. hAp://www.lingscars.com/
Usabilidad Web

24. Usuario
ü Mayor facilidad de aprendizaje
ü Facilidad de uso
ü Trabajo más rápido y eficiente
ü Menos pérdida de tiempo
ü Mayor confianza en el producto
3. Beneficios de la Usabilidad
hMp://www.reputaciononlineprofesional.com/wp-­‐‑content/
uploads/2011/10/cliente-­‐‑satisfecho-­‐‑reputacion-­‐‑online.jpg

25. Equipo de Desarrollo
ü Reducción de los costes de producción
ü Reducción del mantenimiento
ü Mejora de la calidad del producto
ü Menor soporte al usuario/cliente
3. Beneficios de la Usabilidad
hAp://www.ve.all.biz/img/ve/service_catalog/
1266.jpeg

26. Donald Norman. The design of everyday things
El problema radica en
e l d e s a r r o l l o d e l
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)
4. Diseño Centrado en el
Usuario (DCU)

27. ü El desarrollo se centra en el usuario.
ü Se implica al usuario tanto como sea posible, incluso
incluyéndolo en el equipo de diseño
ü Se observa el trabajo habitual del usuario
ü Se realizan prototipos, escenarios o maquetas para
que el usuario pueda ir evaluando el diseño durante
el ciclo de vida
4. Diseño Centrado en el
Usuario (DCU)

28. 4.1 Metodologías de Diseño
basadas en DCU
hAp://www.grihotools.udl.cat/
mpiua/fases-­‐‑mpiua/

29. Pero, ¿la usabilidad es
suficiente?

30. “Las percepciones y o respuestas que resultan del uso o
anticipado uso de un producto, sistema o
servicio” (Bevan,2008).
“La sensación, sentimiento, respuesta emocional,
valoración y satisfacción del usuario respecto a un
producto, resultado del fenómeno de interacción con
e l p r o d u c t o y l a i n t e r a c c i ó n c o n s u
proveedor” (Jimenez et al, 2014).
Entre otras.
5. Experiencia de Usuario

31. 5. Experiencia de Usuario

32. 5.1 ¿Cuáles Facetas forman UX?
Diagrama de tres círculos
Panel de Morville
Propuesta Arhippainen, L., Tähti, M
Y algunas otras mas….

33. Facetas de UX –Revisión (Massip, 2013)
Facetas Transversales
Facetas Paralelas
Deben ser aplicadas al aplicar cualquier
otra faceta.
Se aplican de Forma Individual

34. Y entonces, ¿Como obtener
productos con buena UX?

35. 5.2 EVALUACIÓN DE
EXPERIENCIA DE USUARIO
• La evaluación es una parte básica de un diseño de
un sistema centrado en el usuario.
• Permite conocer el grado de cumplimiento de las
expectativas de los usuarios de un terminado
sistema interactivo, así como si éste se adapta a su
contexto social, físico y organizativo.
• Vamos a conocer diferentes métodos de
evaluación y como se realizan, donde, como
hacerlos y como analizar sus resultados.

36. ü Inspección
ü Indagación
ü Test
5.3 MÉTODOS DE
EVALUACIÓN

37. ü Se inspeccionan o examinan aspectos
relacionados con la usabilidad de la interfaz,
ü Métodos de inspección más importantes:
o Evaluación heurística
o Recorridos cognitivos
o Inspección de estándares
INSPECCIÓN

38. • La información acerca de los gustos y necesidades
del usuario y la identificación de requisitos es
indispensable en una etapa temprana del
desarrollo.
• En este tipo de métodos se trabaja hablando con
los usuarios, observándolos, usando el sistema en el
trabajo real, obteniendo respuestas a preguntas
verbalmente o por escrito.
INDAGACIÓN

39. ü Métodos de indagación:
o Observación de campo
o Grupos de discusión dirigidos (focus groups)
o Estudio de campo proactivo
o Entrevistas
o Cuestionarios
o Grabación del uso (logging)
INDAGACIÓN

40. 5.4 EVALUANDO LA
USABILIDAD

41. ü QUIS (Questionnaire for User Inter face
Satisfaction)
ü SUMI (Software Usability Measurement Inventory)
ü WAMMI (Web Site Analysis and MeasureMent
Inventory)
ü MUMMS (Measuring the Usability of Multi-Media
Systems)
ü PROKUS
ü DRUM (Diagnostic Recorder for Usability
Measurement)
5.4 EVALUACIÓN DE
USABILIDAD

42. ¿También se pueden evaluar
las otras facetas?

43. 5.5 EVALUANDO LAS
EMOCIONES

44. ü Emotion Tool 2.0
http://imotionsglobal.com/eye-tracking/
ü PrEmo
http://studiolab.ide.tudelft.nl/studiolab/desmet/
PrEmo/
ü PANAS Positive and Negative Affect Scale
http://www.premo-online.com/
ü LEMtool
http://www.design-emotion.com/2012/05/23/
measure-web-emotions-with-lemtool/
5.5 EVALUACIÓN DE
EMOCIONES

45. 5.6 EVALUANDO LA
JUGABILIDAD

46. ü Phet: Diseño de una herramienta para la
evaluación de la Juagabilidad tesis Doctoral
Francisco Gutierrez Vela (http://hera.ugr.es/
tesisugr/18931200.pdf): se permite el diseño,
elaboración, y realización de cuestionarios para
la elaboración y realización de cestionarios para
evaluar la jugabilidad
5.6 EVALUACIÓN DE
JUGABILIDAD

47. 5.7 EVALUANDO LA
MULTICULTURALIDAD

48. ü Multiculturalidad y Evaluación en Interfaces Web:
es una adaptación de algunas metricas de
evaluación de Usabilidad de Nielsen a aspectos
multiculturales.
h t t p : / / w w w . r e d a l y c . o r g / p d f /
1331/133113598021.pdf
5.7 EVALUACIÓN DE
MULTICULTURALIDAD

49. 5.8 EVALUANDO LA
COMUNICABILIDAD

50. ü M é t o d o d e I n s p e c c i ó n S e m i o t i c a .
http://inform.pucp.edu.pe/~jpowsang/hci/crusu-
conferencia.pdf
ü Método de Evaluación de la Comunicabilidad
http://inform.pucp.edu.pe/~jpowsang/hci/crusu-
conferencia.pdf
5.8 EVALUACIÓN DE
COMUNICABILIDAD

51. 5.8 EVALUANDO LA
ACCESIBILIDAD

52. ü Evaluación Automatica
ü Herramientas de Validación de Grámatica
• Validadores de HTML de W3C
• Validadores de Hojas de Estilo de CSS de
W3C
ü Herramientas de Evaluación de Accesibilidad
• TAW
• Bobby(Watchfire)
• HERA
5.8 EVALUACIÓN DE
ACCESIBILIDAD

53. ü Evaluación Manual
ü Barras de Herramientas
ü Web Developer Toolbar
ü Firefox Accesibility Extension
ü Web Accesibility Toolbar
ü Internet Explorer Developper Toolbar
ü Extensiones de Firefox
5.8 EVALUACIÓN DE
ACCESIBILIDAD

54. ü Evaluación Manual
ü Herramientas de Evaluación de Color
ü Simuladores de Discapacidades
ü Navegadores
5.8 EVALUACIÓN DE
ACCESIBILIDAD

55. Pero, ¿por qué evaluar
la UX y no diseñarla?

56. VENTAJAS:
ü Disminución de Tiempos y recursos en etapas de
desarrollo.
ü Niveles elevados es satisfacción del Usuario
ü Fidelidad del Cliente al experimentar buenas
experiencias
ü Procesos de Desarrollo mas agiles al implementar
las buenas experiencias desde el diseño mismo.
DISEÑO DE UX

57. DISEÑAR EXPERIENCIA DE USUARIO
EN SISTEMAS INTERACTIVOS.

58. @ypuertacruz
YULIANA PUERTA CRUZ
Yuliana Vanesa
Puerta Cruz
puertacruz@gmail.com
yuliana.puerta.cruz