Taller de Diseño de Interacción 2022

De Casiopea



Asignatura(s)Taller de Diseño de Interacción
Año2022
Tipo de CursoTaller de Etapa
ProfesoresDaniela Salgado, Leonardo Aravena, Herbert Spencer
EstudiantesFrancisca Silva Piña, Valentina Cofré, Martina Vasquez Viñales, Natalia Soto Vásquez, Javiera Ruiz, Matilde Croxatto Ullrich, Paulina Zuñiga, Valeria Martinez Saavedra, Vicente Cabrera, Valentina Dietz, Diego Torres, Anaís Johnson, Alejandra Witto Royo, Andrés Aliaga Chandía, Nicolas Dragas, Daniela Sifaqui, Esteban Rejas, Camilo Salamanca, Javiera Veliz, Maite Aranda, María Josefa Alcántara, Malen Llanquileo Solar, Antara Ramirez, Juan Pablo Moscoso, Itay Rojas, José Urrejola
Carreras RelacionadasDiseño

Estudiantes

Información General

Horario Sala
Lunes y jueves
Claves 3,4 - 5,6
9:35 - 12:10
Laboratorio MADLAB
Subsuelo Edificio Matta 79
Modalidad 100% presencial

Cronograma del taller

Módulo 1: Interacción como material de diseño

Este módulo tiene por objeto definir la materia del taller. En un primer momento observamos la forma en la que nos relacionamos con los sistemas y objetos técnicos por medio de una interfaz. La noción de interfaz, como el espacio de expresión e impresión (feedforward y feedback), o de diálogo entre intencionalidad y acto resultante, se transforma en el campo primero de aproximación del taller. Nos interesa poder reconocer este espacio en la cotidianeidad de nuestros actos y en la familiaridad de los objetos que nos acompañan. ¿Cómo se da esta relación? ¿qué es lo implícito en ella? ¿podemos reconocer y categorizar distintas formas de relación? ¿cuál es la cualidad de este diálogo en su despliegue temporal? Este es el primer campo especulativo y materia del taller.

Rúbrica Módulo 1

Resultados de aprendizaje Identifica conceptos y reconoce sus relaciones Identifica, observa, nombra y registra Interpreta y articula una interfaz Participa en clases y elabora sobre las ideas de otros
Porcentaje 20% 20% 30% 30%
Modalidad de evaluación Individual Individual Individual Individual
Entregables Lee y analiza un artículo y creación de un mapa conceptual Realiza observaciones de componentes de interfaz en entornos cotidianos Propuesta construida Interviene en clases de forma constructiva
Especificaciones Crea una bibliografía en la wiki que ilustra con un mapa y vincula con su proyecto Dibujos y anotaciones en su carpeta personal que expone en el taller y registra en la wiki como parte de su proyecto Formato por definir

Referencias Módulo 1

  1. El Arte como Experiencia, John Dewey (archivo en Drive)
  2. Affordance, conventions and Design, Don Norman (archivo en Drive)
  3. User Interface Design for Electronic Appliances, Konrad Baumann y Bruce Thomas (archivo en Drive)
  4. Aboutface 3.0, Alan Cooper (archivo en Drive)
  5. Interaction Design Sketchbook, Bill Verplank (archivo en Drive)
  6. https://www.ideo.com/post/designing-interactions
  7. https://boxesandarrows.com/introducing-interaction-design/
  8. https://ui-patterns.com/patterns
  9. http://www.welie.com/patterns/

Encargo

A partir de la exploración inicial, enfocada a identificar el espacio de interacción, el taller dibuja y nombra modos de interacción que acoplan forma y gestualidad. Dentro de los espacios cotidianos, cada cual elije un control para proponer un nuevo diseño.

Formato de entrega

Lámina
  1. Al menos 3 módulos de página (según formato carpeta de taller) que contengan: la(s) observación(es) de la forma y gestualidad identificada, el nombre de la interacción y el despliegue temporal de la nueva forma propuesta
  2. Propuesta tridimensional en papel (u otro material dúctil) al modo de un croquis tridimensional que presente el lenguaje formal y gráfico de la nueva interfaz o control
Documentación en Casiopea

Crear un Nuevo Proyecto, como "Cursos Relacionados" definir Taller de Diseño de Interacción 2022 y agregar la "Palabra Clave": control. Esta página debe contener:

  1. Selección de observaciones
  2. Reflexiones y esquemas
  3. Rediseño propuesto con registro de la maqueta expuesta + dibujos y esquemas
  4. Partitura de Interacción
  5. Video (clip) de demostración de la interacción

Proyectos Módulo 1

  1. Proyecto Módulo 1 - Alejandra Witto R (Alumnos Alejandra Witto Royo)
  2. Proyecto Módulo 1 - Anais Johnson (Alumnos Anaís Johnson)
  3. Proyecto Módulo 1 - Camilo Salamanca (Alumnos Camilo Salamanca)
  4. Proyecto Módulo 1 - Daniela Sifaqui (Alumnos Daniela Sifaqui)
  5. Proyecto Módulo 1 - Diego Torres (Alumnos Diego Torres)
  6. Proyecto Módulo 1 - Esteban Rejas (Alumnos Esteban Rejas)
  7. Proyecto Módulo 1 - Francisca Silva (Alumnos Francisca Silva Piña)
  8. Proyecto Módulo 1 - Itay Rojas (Alumnos Itay Rojas)
  9. Proyecto Módulo 1 - Javiera Ruiz (Alumnos Javiera Ruiz)
  10. Proyecto Módulo 1 - Javiera Véliz (Alumnos Javiera Veliz)
  11. Proyecto Módulo 1 - Luciana Jorquera (Alumnos Luciana Jorquera)
  12. Proyecto Módulo 1 - M Consuelo Pulgar (Alumnos María Consuelo Pulgar)
  13. Proyecto Módulo 1 - Maite Aranda (Alumnos Maite Aranda)
  14. Proyecto Módulo 1 - Malen Llanquileo (Alumnos Malen Llanquileo Solar)
  15. Proyecto Módulo 1 - Martina Vásquez (Alumnos Martina Vasquez Viñales)
  16. Proyecto Módulo 1 - María Josefa Alcántara (Alumnos María Josefa Alcántara)
  17. Proyecto Módulo 1 - Matilde Croxatto Ullrich (Alumnos Matilde Croxatto Ullrich)
  18. Proyecto Módulo 1 - Natalia Soto Vásquez (Alumnos Natalia Soto Vásquez)
  19. Proyecto Módulo 1 - Nicolás Dragaš (Alumnos Nicolas Dragas)
  20. Proyecto Módulo 1 - Paulina Zuñiga (Alumnos Paulina Zuñiga)
  21. Proyecto Módulo 1 - Valentina Cofré (Alumnos Valentina Cofré)
  22. Proyecto Módulo 1 - Valentina Dietz (Alumnos Valentina Dietz)
  23. Proyecto módulo 1 - Andrés Aliaga Ch. (Alumnos Andrés Aliaga Chandía)
  24. Proyecto módulo 1 - Valeria Martínez (Alumnos Valeria Martinez Saavedra)


Módulo 2: Interfaz, expresión y comportamiento

Este segundo módulo tiene como objetivo adentrarse en la interfaz, la expresión y los objetos a través de la experimentación práctica de estas. Al mismo tiempo, esta etapa busca contribuir a la intergración de técnicas y nuevas tecnologías en el desarrollo de prototipos de diseño. Para esto, nos centramos en la relación entre la interfaz, la gestualidad de manipulación, y la expresión de un objeto técnico. Para esto, se toma la observación y los conocimientos sobre tecnologías como materia para aunar la intergración de una dimensión poietica y una técnica en las propuestas de diseño.

Rúbrica Módulo 2

Resultados de aprendizaje Desarrolla formalmente un concepto de interacción Integra lenguajes en una propuesta compleja Documenta, registra y expone Colabora y participa
Porcentaje 20% 40% 20% 20%
Modalidad de evaluación Individual Grupal Grupal Individual
Entregables Observa, nombra y construye la gestualidad mecánica en el cubo (piensa formalmente o "con las manos" y logra expresar un gesto) Trabajo grupal de interacción gestual-mecánica que incorpora control (y luz) Registra claramente el proceso de diseño en la Wiki (proyecto individual y grupal) y documenta la dimensión constructiva en Github (CAD, CAM, INO, etc) de forma estructurada. Autoevaluación y aporte al equipo de trabajo y del taller
Especificaciones Prototipo final de sobremesa Prototipo final funcional más lámina Documentación física y digital Texto de reflexión y autoevaluación (rellenar formulario digital)

Proyecto 1 | Cubo Kinético

Encargo

A partir de referencias sobre arte kinésico de Pol Bury y Arthur Ganson, y la referencia a movimientos mecánicos en el catálogo five hundred and seven mechanical movements, el encargo consiste en crear un cubo kinético. Este cubo de 15x15cm posee una expresión que se altera a través de un mecanismo simple, que se activa con el movimiento de la mano. Para esto se requiere pensar en la gestualidad que articula el movimiento, el mecanismo o caja negra, y la expresión del cubo. Como consideración, los materiales a utilizar son alambre y papel.

Referencias

  1. Jean Tinguely
  2. Arthur Ganson
    1. He & she
    2. The first noble truth
    3. Making wire gears
  3. Pol Bury
    1. Pol Bury, Instants donnés
  4. 507 Mechanical Movements

Entrega 1

Propuesta de Cubo cinético en papel y alambre de 15 × 15 × 15 que considere la gestualidad de interacción, el mecanismo y la expresión de forma coherente.

Documentación en Casiopea
  1. Crear un Nuevo Proyecto con el nombre del gesto
  2. Como "Cursos Relacionados" definir Taller de Diseño de Interacción 2022
  3. Como "Palabra Clave": definir cubo
  4. Incluir un video (clip) de demostración de la interacción
  5. Incluir un conjunto de buenas fotografías que muestren el total y los detalles constructivos


  1. Cubo Kinesico-Entrega1-Valeria Martinez (Imagen Valeria Martinez-tallerUX-cubo1.jpg, Alumnos Valeria Martinez Saavedra, Título Cubo Kinesico-Entrega1-Valeria Martinez)
  2. Cubo Kinético - Entrega 1 - Alejandra Witto R (Alumnos Alejandra Witto Royo, Título Cubo Kinético - Entrega 1 - Alejandra Witto R)
  3. Cubo Kinético - Entrega 1 - Anais Johnson (Imagen Cubokineticom1aj.jpg, Alumnos Anaís Johnson, Título Cubo Kinético - Entrega 1 - Anais Johnson)
  4. Cubo Kinético - Entrega 1 - Daniela Sifaqui (Imagen DSCE2 CQ TDI.jpg, Alumnos Daniela Sifaqui, Título Cubo Kinético - Entrega 1 - Daniela Sifaqui)
  5. Cubo Kinético - Entrega 1 - Diego Torres (Imagen Mod2tar1dtorres.tdi (3).jpg, Alumnos Diego Torres, Título Cubo Kinético - Entrega 1 - Diego Torres)
  6. Cubo Kinético - Entrega 1 - Esteban Rejas (Imagen erc mod 2 tdix 2.png, Alumnos Esteban Rejas, Título Cubo Kinético - Entrega 1 - Esteban Rejas)
  7. Cubo Kinético - Entrega 1 - Gabriel Olivares (Alumnos Gabriel Olivares, Título Cubo Kinético - Entrega 1 - Gabriel Olivares)
  8. Cubo Kinético - Entrega 1 - Javiera Ruiz (Alumnos Javiera Ruiz, Título Cubo Kinético - Entrega 1 - Javiera Ruiz)
  9. Cubo Kinético - Entrega 1 - Luciana Jorquera (Imagen Prueba Cubo 1.jpg, Alumnos Luciana Jorquera, Título Cubo Kinético - Entrega 1 - Luciana Jorquera)
  10. Cubo Kinético - Entrega 1 - Maite Aranda (Alumnos Maite Aranda, Título Cubo Kinético - Entrega 1 - Maite Aranda)
  11. Cubo Kinético - Entrega 1 - Malen Llanquileo (Imagen TDI MLL M2 T1Prototipo1.jpg, Alumnos Malen Llanquileo Solar, Título Cubo Kinético - Entrega 1 - Malen Llanquileo)
  12. Cubo Kinético - Entrega 1 - Martina Vásquez (Alumnos Martina Vasquez Viñales, Título Cubo Kinético - Entrega 1 - Martina Vásquez)
  13. Cubo Kinético - Entrega 1 - Matilde Croxatto Ullrich (Imagen 20220324 224921.jpg, Alumnos Matilde Croxatto Ullrich, Título Cubo Kinético - Entrega 1 - Matilde Croxatto Ullrich)
  14. Cubo Kinético - Entrega 1 - Natalia Soto Vásquez (Imagen Propuesta1CuboNataliaSoto12022TDI1.jpg, Alumnos Natalia Soto Vásquez, Título Transformación vertical oscilante)
  15. Cubo Kinético - Entrega 1 - Paulina Zuñiga P (Imagen CuboE1 PZP.jpeg, Alumnos Paulina Zuñiga, Título Cubo Kinético - Entrega 1 - Paulina Zuñiga P)
  16. Cubo Kinético - Entrega 1 - Valentina Dietz (Imagen Propuesta Constructiva - Módulo 2 2.jpeg, Alumnos Valentina Dietz, Título Cubo Kinético - Entrega 1 - Valentina Dietz)
  17. Cubo Kinético Entrega 1 Francisca Silva (Imagen Portada cubo 1.jpeg, Alumnos Francisca Silva Piña, Título Proyecto Módulo 2)
  18. Cubo Kinético-Entrega 1-Antara Ramirez Villalón (Alumnos Antara Ramirez, Título Cubo Kinético-Entrega 1-Antara Ramirez Villalón)
  19. M2 - Cubo Kinético - Entrega 1 / Valentina Cofré (Imagen M2.Cubo.png, Alumnos Valentina Cofré, Título M2-Cubo Kinético)
  20. Rotación trasladada - Entrega 1 - Camilo Salamanca (Imagen UNOESAUNO.jpg, Alumnos Camilo Salamanca, Título Rotación trasladada - Entrega 1 - Camilo Salamanca)


Entrega Final

Avances a partir del primer prototipo individual que se presenta en el talle. Se debe considerar que:

  1. La expresión/ gesto que se manifiesta en el cubo nace de la observación y posee un nombre, por lo tanto, el gesto (y el encargo) tiene un nombre.
  2. Posee una interacción de mesa. Esto indica que las manos pueden y deben manipular libre e inequívocamente el artefacto.
  3. El cubo es el que expresa el gesto, por lo tanto, en el cubo acontece lo que se nombró.
  4. Requiere una fineza formal y constructiva. En pos de lograr la fineza formal y constructiva, y en coherencia con la gestualidad y su mecanismo, se pueden incorporar diversos materiales (metal, madera, etc). Además, incluye una expresión cromática/ gráfica en coherencia con la propuesta.
  5. Registrar en la wiki, estableciendo vínculos con el primer encargo.
Documentación en Casiopea

Crear un Nuevo Proyecto, como "Cursos Relacionados" definir Taller de Diseño de Interacción 2022 y agregar la "Palabra Clave": cubo2. Esta página debe contener:

  1. Nombre de la propuesta
  2. Registro completo de la propuesta con su desarrollo (en relación con el primer cubo)
  3. Buen uso de los recursos de la wiki


Entrega 2

Aparecer en encaje rotativo - Gabriel Olivares
Aparecer en encaje rotativo - Gabriel Olivares

Gabriel Olivares Torrijo Aparecer en encaje rotativo - Gabriel Olivares

Aparición del espacio tramado - Natalia Soto Vásquez
Aparición del espacio tramado - Natalia Soto Vásquez

Natalia Soto Vásquez Aparición del espacio tramado - Natalia Soto Vásquez

Aparición desde un vaivén de 3 tiempos - Alejandra Witto
Aparición desde un vaivén de 3 tiempos - Alejandra Witto

Alejandra Witto Royo Aparición desde un vaivén de 3 tiempos - Alejandra Witto

Apertura deslizante - Diego Torres
Apertura deslizante - Diego Torres

Diego Torres Apertura deslizante - Diego Torres

Asimetría en Amplitud Volumétrica Fragmentada de una Rotación Sonora y Discontinua - Matilde Croxatto Ullrich
Asimetría en Amplitud Volumétrica Fragmentada de una Rotación Sonora y Discontinua - Matilde Croxatto Ullrich

Matilde Croxatto Ullrich Asimetría en Amplitud Volumétrica Fragmentada de una Rotación Sonora y Discontinua - Matilde Croxatto Ullrich

Caja eurítmica-Antara Ramirez Villalon
Caja eurítmica-Antara Ramirez Villalon

Antara Ramirez Caja eurítmica-Antara Ramirez Villalon

Construcción volumétrica a partir del vacío - Paulina Zuñiga P
Construcción volumétrica a partir del vacío - Paulina Zuñiga P

Paulina Zuñiga Construcción volumétrica a partir del vacío - Paulina Zuñiga P

Desenvolvimiento en una separación rotativa
Desenvolvimiento en una separación rotativa

Javiera Ruiz Desenvolvimiento en una separación rotativa

Deslizamiento vertical modular
Deslizamiento vertical modular

Daniela Sifaqui Deslizamiento vertical modular

Extensión del cuerpo al vestir - Anais Johnson
Extensión del cuerpo al vestir - Anais Johnson

Anaís Johnson Extensión del cuerpo al vestir - Anais Johnson

La amplitud de la apertura y el encuentro
La amplitud de la apertura y el encuentro

Luciana Jorquera La amplitud de la apertura y el encuentro

Lo incierto de una apertura fragmentada - Esteban Rejas
Lo incierto de una apertura fragmentada - Esteban Rejas

Esteban Rejas Lo incierto de una apertura fragmentada - Esteban Rejas

M2: "Vaivén rítmico articulado" - Valentina Dietz
M2: "Vaivén rítmico articulado" - Valentina Dietz

Valentina Dietz M2: "Vaivén rítmico articulado" - Valentina Dietz

Rotaciones superpuestas - Camilo Salamanca
Rotaciones superpuestas - Camilo Salamanca

Camilo Salamanca Rotaciones superpuestas - Camilo Salamanca

Rotación Asimétrica Discontinua - Nicolás Dragaš
Rotación Asimétrica Discontinua - Nicolás Dragaš

Nicolas Dragas Rotación Asimétrica Discontinua - Nicolás Dragaš

Sucesion decreciente-Valeria Martinez
Vaivén sinuoso - Malen Llanquileo

Proyecto 2: Columna para explorar un espacio expresivo

Trabajo grupal de 3 personas. A partir de las observaciones realizadas por cada uno, el grupo define 3 espacios gestuales (entendidos estos como un rango contínuo desde un mínimo a un máximo de expresión) acoplados a un gesto de control por parte del usuario. Esta operación arrojará 3 pares de gestualidades del usuario - rangos expresivos del cuerpo; es decir, 3 pares de formas de input y formas de output. El encargo estipula que estos pares son rangos continuos y no espacios discretos. El encargo consiste en integrar estos 3 rangos en un cuerpo expresivo que permita manipular tales rangos de forma conjunta o independiente.

Espacio expresivo del encargo. Cada punto del cubo representa una configuración expresiva específica (x,y,z) o un momento particular e idiosincrático del cuerpo kinético

Cada grupo debe integrar en un solo cuerpo este espacio para que la expresión acontezca, de forma coherente y continua.

Los trabajos comparten una estructura soportante común compuestas por listones de 1x1 pulgadas. Todas las planimetrías, archivos de corte, modelado de piezas para impresión, esquemática electrónica y archivos arduino se documentan como proyectos independientes en Github.

Crear un Nuevo Proyecto, como "Cursos Relacionados" definir Taller de Diseño de Interacción 2022 y agregar la "Palabra Clave": secuencias


Convergencia luminosa a la contracción mesurada
Convergencia luminosa a la contracción mesurada

Proyecto Módulo 2 - Paulina Zúñiga, Natalia Soto Paulina Zuñiga, Natalia Soto Vásquez

Desenvolencia en fragmentación interumpida
Desenvolencia en fragmentación interumpida

Proyecto Módulo 2 - Vicente Cabrera, Anais Johnson, Javiera Véliz Vicente Cabrera, Anaís Johnson, Javiera Veliz

Expansión Volumétrica en Ritmo Simétrico
Expansión Volumétrica en Ritmo Simétrico

Expansión Volumétrica en Ritmo Simétrico - Valentina Cofré, M Consuelo Pulgar Valentina Cofré, María Consuelo Pulgar

Extensión en holgura como origen y lienzo de transparencias proyectadas
Extensión en holgura como origen y lienzo de transparencias proyectadas

Proyecto Módulo 2 - Extensión en holgura como origen y lienzo de transparencias proyectadas Javiera Ruiz, Maite Aranda, Luciana Jorquera

Papel.jpg
Impulso escalonado a través de torsión helicoidal

impulso escalonado a través de torsión helicoidal- Antara Ramirez, José Urrejola Antara Ramirez, José Urrejola

Proyección convergente de oscilación vertical
Proyección convergente de oscilación vertical

Proyección convergente de oscilación vertical - Encargo 3 - Camilo Salamanca y Esteban Rejas Esteban Rejas, Camilo Salamanca

Vaivén secuencial en descomposición
Vaivén secuencial en descomposición

Vaivén secuencial en descomposición - Valeria Martínez/Diego Torres/Itay Rojas Diego Torres, Itay Rojas, Valeria Martinez Saavedra

Verticalidad polirítmica modular
Verticalidad polirítmica modular

Proyecto Módulo 2 - Nicolás Dragas, Daniela Sifaqui, Alejandra Witto Nicolas Dragas, Daniela Sifaqui, Alejandra Witto Royo

Indicaciones para la documentación en Github

Para trabajar en una documentación utilizando git usaremos un servicio Web especializado que nos permitirá trabajar de una forma más sencilla (que usar la terminal directamente) llamado Github y además emplearemos su herramienta de escritorio.

  1. Crearse una cuenta en Github y descargar la herramienta de escritorio
  2. Familiarizarse con el lenguaje de marcado para los documentos readme.md
  3. Clonar el repositorio de ejemplo que utilizaremos como base para mantener una lógica de carpetas consistente.
  4. Considerar el versionado semántico para la numeración de archivos y definición general.
Listado de proyectos y documentaciones online
 URL
"URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
Convergencia luminosa a la contracción mesuradahttps://paulina99z.github.io/documentacion-proyecto/
Desenvolencia en fragmentación interumpidahttps://github.com/anaisjohnson/Totem-Interactivo-Desenvolvenciaenfragmentacion-interrumpida-
Expansión Volumétrica en Ritmo Simétricohttps://github.com/valita-ecv/documentacion-proyecto
Extensión en holgura como origen y lienzo de transparencias proyectadashttps://javieraruizm.github.io/documentacion-proyectomodulo2-tdix/
Impulso escalonado a través de torsión helicoidal
Luminosidad flectada erráticamente en proximidadhttps://github.com/MatildeCU/Luminosidad-flectada-erraticamente-en-proximidad
Proximidad expansiva - Gabriel Olivares, Juan Pablo Moscoso, Malen Llanquileo
Proyección convergente de oscilación verticalhttps://github.com/Estebanrejas/Proyeccion-convergente-de-oscilacion-vertical
Secuencias - Encargo 3 - Martina Vasquez, Francisca Silva y María Josefa Alcántarahttps://github.com/2002-20/torsion-de-arus.git
Vaivén secuencial en descomposiciónhttps://itayrojas.github.io/Vaiven Secuencial en Descomposicion/
Verticalidad polirítmica modularhttps://github.com/Elensif/verticalidad-poliritmica-modular

Referencias de Compliant Mechanisms

Módulo 3: El juego como interacción en frágil equilibrio