PiX
De Casiopea
Título | PiX |
---|---|
Palabras Clave | partituras de interacción, notación gráfica, diseño de interacción |
Período | 2014- |
Carreras | Diseño, Magíster, Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
Alumno(s) | Herbert Spencer, Katherine Exss |
Profesor | Katherine Exss, Herbert Spencer |
URL | http://eadpucv.github.io/pix |
Ver también:
- 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: Referencias Bibliográficas
- Partituras de Interacción: Referencias Web
- SNS:Partituras de interacción
- SNS:Partituras de Interacción de urgencias
- Widget:PiX
Link: PIX: Partituras de Interacción
Procedimientos:
- 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 }}