Este documento describe el proceso de diseño de interacción centrado en el usuario, incluyendo la creación de mapas de empatía, personas y historias de usuario. Explica cómo los mapas de empatía ayudan a comprender las necesidades y perspectivas de los usuarios mediante la observación y recopilación de lo que dicen, hacen, piensan y sienten. Luego, la información de los mapas se utiliza para crear personas ficticias que representan grupos reales de usuarios, con detalles sobre sus características y comportamientos.

3. Diseño de la Interacción
UNIDAD 3. El Proceso del Diseño de Interacción

4. Mapas de Empatía
01El Proceso del Diseño de Interacción | Mapas de Empatía

5. QUEREMOS Nos sentimos
más atraídos
NECESITAMOS
02El Proceso del Diseño de Interacción | Mapas de Empatía

6. 03El Proceso del Diseño de Interacción | Mapas de Empatía
Mapa de Empatía
Traducción de Friis, R., Yu Siang, D., & Yu Siang, T. (2020, July 18). Empathy Map – Why and
How to Use It. Interaction Design Foundation. https://www.interaction-
design.org/literature/article/empathy-map-why-and-how-to-use-it

7. Mapa de Empatía
DICEN. Escriba citas significativas y palabras clave
que el usuario haya dicho.
HACEN. Describe qué acciones y comportamientos
has notado o inserta imágenes o dibujos.
PIENSA. ¿Qué crees que podría estar pensando tu
usuario? ¿Cuáles son sus motivaciones, sus
objetivos, sus necesidades, sus deseos? ¿Qué te
dice esto acerca de sus creencias?
SIENTE. Obtenga un conjunto diverso de partes
interesadas
04El Proceso del Diseño de Interacción | Mapas de Empatía
Friis, R., Yu Siang, D., & Yu Siang, T. (2020, July 18)

8. Identifica el Reto del
Problema
Son acciones o deseos
• Verbos no sustantivos
La observación es base
• Lo que ves no lo que dicen es
más importante
Identifica que necesidades ayuda a
satisfacer el producto.
• Pirámide de Maslow
Céntrate en las NECESIDADES
05El Proceso del Diseño de Interacción | Mapas de Empatía
Friis, R., Yu Siang, D., & Yu Siang, T. (2020, July 18)

9. Modelado de PERSONAS
06El Proceso del Diseño de Interacción | Mapas de Empatía

10. Agile Thinking, Habits, and Strategic Initiative
Leadership 2016, Microsoft Solution Framework for
Agile Software Development, recuperado de
https://www.youtube.com/watch?v=BgaNrNo5UAQ
07El Proceso del Diseño de Interacción | PERSONAS
Una ficha por mapa de
Empatía
• Muchos datos
PERSONA
• Un Estereotipo de Usuario
Actor de Caso de Uso
• Rol genérico

11. Persona
08El Proceso del Diseño de Interacción | PERSONAS
Agile Thinking, Habits, and Strategic Initiative
Leadership 2016, Microsoft Solution Framework for
Agile Software Development, recuperado de
https://www.youtube.com/watch?v=BgaNrNo5UAQ
• Describe habilidades típicas, necesidades, deseos,
hábitos de trabajo, tareas y antecedentes de un
conjunto particular de usuarios.
• Una PERSONA es la realidad ficticia
• Describen las características importantes de un grupo
de usuarios.

12. Proceso de Creación de Personas
09El Proceso del Diseño de Interacción | PERSONAS
Pruitt, J., & Adlin, T. (2010). The persona lifecycle:
keeping people in mind throughout product design.
Elsevier.

13. Factoides del trabajo de Campo
10El Proceso del Diseño de Interacción | PERSONAS
Ciclo de Creación de PERSONAS
Pruitt, J., & Adlin, T. (2010).Los Factoides son hechos, extraídos del trabajo de
campo. Se ponen todos juntos por grupos

14. Agrupación por Categorías de Hechos
11El Proceso del Diseño de Interacción | PERSONAS
Agrupación por categorías en un contexto educativo.
Extraído de Guerrero-García, J., González-Calleros, J.
M., Muñoz-Arteaga, J., & Collazos, C. A. (Eds.).
(2017). HCI for Children with Disabilities. Springer.

15. Definir todos los prototipos de PERSONAS resultantes
12El Proceso del Diseño de Interacción | PERSONAS
Pruitt, J., & Adlin, T. (2010).

16. Definir todos los prototipos de PERSONAS resultantes
13El Proceso del Diseño de Interacción | PERSONAS
Pruitt, J., & Adlin, T. (2010).

17. Determina Frecuencias Agrúpalos por Dimensiones
14El Proceso del Diseño de Interacción | PERSONAS
•Para un reproductor multimedia en línea
¿cuánta experiencia tienen con respecto a los
medios de comunicación?
•Conocimientos técnicos, ¿qué tan fáciles están
con las computadoras e Internet?
Pruitt, J., & Adlin, T. (2010).

18. No pierdas de Vista a los Usuarios No Preferidos
15El Proceso del Diseño de Interacción | PERSONAS
Agile Thinking, Habits, and Strategic Initiative
Leadership 2016, Microsoft Solution Framework for
Agile Software Development, recuperado de
https://www.youtube.com/watch?v=BgaNrNo5UAQ
• Las personas favorecidas son usuarios que utilizarán el
sistema "apropiadamente" o la forma en que estaba
destinado a ser utilizado.
• Las personas no preferidas son personas que abusarán
del sistema. Un ejemplo de una persona desfavorecida
para un sistema operativo es un hacker o escritor de
virus.

19. Prioriza y Seleccione tus PERSONAS
16El Proceso del Diseño de Interacción | PERSONAS
Ejemplos de Estereotipos de PERSONAS, Agile
Thinking, Habits, and Strategic Initiative Leadership
2016, Microsoft Solution Framework for
Agile Software Development, recuperado de
https://www.youtube.com/watch?v=BgaNrNo5UAQ

20. Captura la Información en un TEMPLETE (XTensio)
17El Proceso del Diseño de Interacción | PERSONAS
TEMPLETE de PERSONAS,, recuperado de https://xtensio.com/wp-
content/uploads/2015/04/ExPersona_Jill.png

21. Historias de Usuario: Define las Necesidades
18El Proceso del Diseño de Interacción | Historias de Usuario
[Usuario . . . (descriptivo)] necesidades [necesidad . . (verbo)] porque [insight. . . (convincente)]

22. Individual Negociable Valiosa
Estimable Pequeña Evaluable
Toda Historia debe Cumplir los Criterios INVEPE
19El Proceso del Diseño de Interacción | Historias de Usuario

23. Actividad: Historias de Tus Usuarios
15El Proceso del Diseño de Interacción | PERSONAS
• Las PERSONAS requieren de una solución a sus
problemas, redacta esta solución en términos de
historias de usuario.
• [Usuario . . . (descriptivo)] necesidades [necesidad . .
(verbo)] porque [insight. . . (convincente)]

24. Pie de foto.
Bibliografía
•Muñoz Artega, J., GONZALEZ CALLEROS, J. M., & Huitrón, A. S. (2015). La interacción
humano-computadora en México. Pearson Educación.
•Friis, R., Yu Siang, D., & Yu Siang, T. (2020, July 18). Empathy Map – Why and How to
Use It. Interaction Design Foundation. https://www.interaction-
design.org/literature/article/empathy-map-why-and-how-to-use-it.
71Técnicas de evaluación | Métodos de Usabilidad

25. gracias.
©2020
Es responsabilidad exclusiva de los autores el respeto de los derechos de autor sobre los contenidos e imágenes en el presente documento,
en consecuencia, la BUAP no se hace responsable por el uso no autorizado, errores, omisiones o manipulaciones de los derechos de autor y
estos serán atribuidos directamente al Responsable de Contenidos, así como los efectos legales y éticos correspondientes.