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 - Anais Johnson(Alumnos: Anaís Johnson)
  2. Proyecto Módulo 1 - Camilo Salamanca(Alumnos: Camilo Salamanca)
  3. Proyecto Módulo 1 - Daniela Sifaqui(Alumnos: Daniela Sifaqui)
  4. Proyecto Módulo 1 - Diego Torres(Alumnos: Diego Torres)
  5. Proyecto Módulo 1 - Esteban Rejas(Alumnos: Esteban Rejas)
  6. Proyecto Módulo 1 - Francisca Silva(Alumnos: Francisca Silva Piña)
  7. Proyecto Módulo 1 - Itay Rojas(Alumnos: Itay Rojas)
  8. Proyecto Módulo 1 - Javiera Ruiz(Alumnos: Javiera Ruiz)
  9. Proyecto Módulo 1 - Javiera Véliz(Alumnos: Javiera Veliz)
  10. Proyecto Módulo 1 - Luciana Jorquera(Alumnos: Luciana Jorquera)
  11. Proyecto Módulo 1 - M Consuelo Pulgar(Alumnos: María Consuelo Pulgar)
  12. Proyecto Módulo 1 - Maite Aranda(Alumnos: Maite Aranda)
  13. Proyecto Módulo 1 - Malen Llanquileo(Alumnos: Malen Llanquileo Solar)
  14. Proyecto Módulo 1 - Martina Vásquez(Alumnos: Martina Vasquez Viñales)
  15. Proyecto Módulo 1 - María Josefa Alcántara(Alumnos: María Josefa Alcántara)
  16. Proyecto Módulo 1 - Matilde Croxatto Ullrich(Alumnos: Matilde Croxatto Ullrich)
  17. Proyecto Módulo 1 - Natalia Soto Vásquez(Alumnos: Natalia Soto Vásquez)
  18. Proyecto Módulo 1 - Nicolás Dragaš(Alumnos: Nicolás Dragaš)
  19. Proyecto Módulo 1 - Paulina Zúñiga(Alumnos: Paulina Zúñiga)
  20. Proyecto Módulo 1 - Valentina Cofré(Alumnos: Valentina Cofré)
  21. Proyecto Módulo 1 - Valentina Dietz(Alumnos: Valentina Dietz)
  22. Proyecto módulo 1 - Andrés Aliaga Ch.(Alumnos: Andrés Aliaga Chandía)
  23. 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(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 - M Consuelo Pulgar(Alumnos: Maria Consuelo Pulgar, Título: Cubo Kinético - Entrega 1 - M Consuelo Pulgar)
  11. Cubo Kinético - Entrega 1 - Maite Aranda(Alumnos: Maite Aranda, Título: Cubo Kinético - Entrega 1 - Maite Aranda)
  12. 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)
  13. Cubo Kinético - Entrega 1 - Martina Vásquez(Alumnos: Martina Vasquez Viñales, Título: Cubo Kinético - Entrega 1 - Martina Vásquez)
  14. 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)
  15. Cubo Kinético - Entrega 1 - Natalia Soto Vásquez(Imagen: Propuesta1CuboNataliaSoto12022TDI1.jpg, Alumnos: Natalia Soto Vásquez, Título: Transformación vertical oscilante)
  16. Cubo Kinético - Entrega 1 - Paulina Zúñiga P(Imagen: CuboE1 PZP.jpeg, Alumnos: Paulina Zúñiga, Título: Cubo Kinético - Entrega 1 - Paulina Zúñiga P)
  17. 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)
  18. Cubo Kinético Entrega 1 Francisca Silva(Imagen: Portada cubo 1.jpeg, Alumnos: Francisca Silva Piña, Título: Proyecto Módulo 2)
  19. Cubo Kinético-Entrega 1-Antara Ramirez Villalón(Alumnos: Antara Ramirez, Título: Cubo Kinético-Entrega 1-Antara Ramirez Villalón)
  20. M2 - Cubo Kinético - Entrega 1 / Valentina Cofré(Imagen: M2.Cubo.png, Alumnos: Valentina Cofré, Título: M2-Cubo Kinético)
  21. 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

Ascenso Deconstructivo- Maite Aranda
Ascenso Deconstructivo- Maite Aranda

Maite Aranda Ascenso Deconstructivo- Maite Aranda

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 Zúñiga P
Construcción volumétrica a partir del vacío - Paulina Zúñiga P

Paulina Zúñiga Construcción volumétrica a partir del vacío - Paulina Zúñ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

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
Desenvolencia en fragmentación interumpida
Desenvolencia en fragmentación interumpida

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

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 Itay Rojas, Diego Torres, Valeria Martinez Saavedra

Verticalidad polirítmica modular
Verticalidad polirítmica modular

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

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» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
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