PiX - Partituras de Interacción
-
Upload
katherine-exss -
Category
Design
-
view
1.051 -
download
4
description
Transcript of PiX - Partituras de Interacción
![Page 1: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/1.jpg)
PiXPartituras de interacciónNotación gráfica para el diseño UXhttp://eadpucv.github.io/pix
![Page 2: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/2.jpg)
Historia
![Page 3: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/3.jpg)
Historia
![Page 4: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/4.jpg)
Historia
![Page 5: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/5.jpg)
Historia
![Page 6: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/6.jpg)
¿En qué estamos ahora?
![Page 7: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/7.jpg)
En el diseño servicios debe haber un balance entre la funcionalidad y la percepción del usuario del comportamiento del sistema.
Para construir una buena experiencia en las personas
¿Por qué?
![Page 8: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/8.jpg)
UXExperiencia de usuarios
Profesionales relacionados al diseño, comunicaciones, investigación y tecnología
Foco en canales digitales
Cómo debería ser
CXExperiencia de consumidores
Profesionales relacionados al marketing y operaciones, estrategia, negocios
Foco en multicanal
Cómo la cosa es
![Page 9: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/9.jpg)
UX CX
Todo los canales
Canales los digitales
![Page 10: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/10.jpg)
UX CX
Todos los usuarios
Sólo consumidores
![Page 11: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/11.jpg)
“Customers are those who buy your products, but your long-term success is dependent on
usage and positive user experiences that lead to more usage and future purchases”
Jon Innes, 2003 uxmatters.com
![Page 12: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/12.jpg)
PiX Partituras de Interacción
![Page 13: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/13.jpg)
![Page 14: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/14.jpg)
![Page 15: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/15.jpg)
[ ]
[ ]
[ ]
![Page 16: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/16.jpg)
Antecedentes
![Page 17: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/17.jpg)
Service Blueprint
Lynn Shostack, 1970
![Page 18: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/18.jpg)
![Page 19: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/19.jpg)
Ajax Model
Jesse James Garret , 2005
![Page 20: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/20.jpg)
Diagrama de secuencia
De la colección UML
![Page 21: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/21.jpg)
Mapa de experiencia
Chris Risdon, 2011
![Page 22: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/22.jpg)
PiX
2014
![Page 23: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/23.jpg)
La experiencia es el centro
• La experiencia es un flujo temporal
• La experiencia corresponde a la encadenación significativa de “cualidades”
• Nosotros diseñamos las cualidades, pero dejamos de ver esta “encadenación significativa”
![Page 24: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/24.jpg)
Líneas temporales estratificadas
persona sistema
feedforward
feedback
[ ]diálogos constructos elementos
![Page 25: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/25.jpg)
Líneas temporales estratificadas
persona sistema
feedforward
feedback
[ ]diálogos constructos elementos
1 2 3
![Page 26: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/26.jpg)
Líneas temporales estratificadas
![Page 27: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/27.jpg)
Líneas temporales estratificadas
123
![Page 28: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/28.jpg)
•Capa 1: Usuario
• Esta capa muestra las intenciones y objetivos de la persona a lo largo del desarrollo de la tarea, en base a su modelo mental
• Considera también las emociones esperadas del usuario en torno a la experiencia de uso
Líneas temporales estratificadas
![Page 29: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/29.jpg)
•Capa 2: Diálogo
• Corresponde al diálogo mediado por la interfaz y representado por las acciones concretas que ocurren en pantalla: gestos (touch), mensajes y acciones
• Esta suele ser la capa más densa visualmente
Líneas temporales estratificadas
![Page 30: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/30.jpg)
•Capa 3: Sistema
• Corresponde a la capa del sistema, que muestra todo lo que ocurre “tras bambalinas” pero que permite el rendimiento y comportamiento del servicio
• Involucra todo lo relacionado a las acciones y procesos que afectarán a la persona
Líneas temporales estratificadas
![Page 31: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/31.jpg)
•Lenguaje transversal o fronterizo dentro de disciplinas involucradas en estos proyectos
• Fácil comprensión y lectura independiente del área profesional
• Familia iconográfica dividida en: Gestos, Acciones, Objetos
Iconografía
![Page 32: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/32.jpg)
Iconografía
![Page 33: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/33.jpg)
Iconografía
![Page 34: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/34.jpg)
Iconografía
![Page 35: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/35.jpg)
![Page 36: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/36.jpg)
• Plantillas Illustrator, Omnigraffle, Visio
• Servicio online
• Open source
Disponibilidad
![Page 37: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/37.jpg)
![Page 38: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/38.jpg)
![Page 39: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/39.jpg)
![Page 40: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/40.jpg)
![Page 41: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/41.jpg)
![Page 42: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/42.jpg)
![Page 43: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/43.jpg)
Cabe destacar
La tendencia en el desarrollo de software ya no es el "we build it in house". Por los beneficios en términos de costos, las compañías ahora arriendan softwares “customizados” (Lewittown model)
![Page 44: PiX - Partituras de Interacción](https://reader033.fdocuments.es/reader033/viewer/2022052205/557cb243d8b42ab37c8b4704/html5/thumbnails/44.jpg)
• Diseño de interacción como oficio creativo
• Foco en la experiencia y en los detalles
• Trabajo esencialmente interdisciplinario
• Espacio para la innovación, el “cómo debe ser”
Relevancia del tema