PiX: Partituras de Interacción
De Casiopea
| Título | PiX: Partituras de interacción |
|---|---|
| Palabras Clave | partituras de interacción, notación gráfica, diseño de interacción |
| Período | 2014- |
| Carreras | Diseño, Magíster |
| Alumno(s) | Herbert Spencer, Katherine Exss, Nicole Dupré, Melany Marin, Ingrid Céspedes, Rosario Muñoz Araya, Alejandra Alcavil, Hugo Solar |
| Profesor | Katherine Exss, Herbert Spencer |
| URL | http://eadpucv.github.io/pix |
Recursos de PiX online:
Proyectos de investigación con PiX:
- Rediseño de las Partituras de Interacción: Formalización de un Lenguaje para la Industria de Diseño UX
- Las partituras de Interacción como herramientas de diseño para la modelación de valor en nuevos servicios digitales
- Partituras de Interacción
- Partituras de Interacción PiX como lenguaje y método accesible para el co-diseño
- Investigación interdisciplinaria para pregrado: PiX como lenguaje y método accesible para el codiseño
Publicaciones
- Toolkits para una participación accesible: El caso de PiX como herramienta universal para el codiseño
- Malas Prácticas en el Diseño UX: Los Patrones Oscuros de Interacción
- PiX Languaje Proposal: Interaction Notation for Digital Systems Design]
- Partituras de Interacción: Hacia un lenguaje unificado para su representación
Ejemplos de PiX:
Usar PiX en la wiki:
Procedimientos para usar PiX App:
- Abrir la App
- Nombra tu Pix ("Name your score") y agrega una descripción ("Describe your score")
- Registra tu experiencia de interacción bajo los Canales de:
- Persona: Intensión, emoción y reacción del Usuario (experiencia subjetiva)
- Dialogo: Interacción entre interfaz de Sistema y la Persona (respuestas visuales, auditivas y otros)
- Sistema: Procesos internos y reales del sistema (especulativos)
Utiliza los Pictogramas según el canal a registrar, por medio de la nomenclatura "pix-", más el nombre del icono (Ejemplo: pix-angry). Todos los Iconos los puedes encontrar acá en el Repositorio de Pictogramas
- Para un registro mas completo complementa el Pictograma con una descripción abajo del icono.
- Puedes dividir estados de la experiencia de interacción por medios de compases ("Slip core", flecha abajo)
- Puedes agregar espacios de la partitura con "add step"(+)
- Puedes eliminar espacios de la partitura con "remove step"(-)
Para Vincular una Partitura a la wiki tiene que ser mediante el atributo
{{#widget:PiX}}
- Ir al menú de la partitura y seleccionar "Embed Pix"
- Aparecerá un pop-up "Embed Code" que tendra un codigo
ejemplo:
Dicho codigo se aplicara al Widget de Pix con la siguiente estructura:
Para visualización predeterminada:
{{#widget:PiX
|data=Acá se inserta el codigo
}}
Para visualización modificada por altura:
{{#widget:PiX
|data = Acá se inserta el codigo
|height = Acá se inserta el tamaño por px
}}
