Diferencia entre revisiones de «Taller de Diseño de Interacción 2023»

De Casiopea
Sin resumen de edición
Línea 88: Línea 88:


=== Clase 23.3.23 ===
=== Clase 23.3.23 ===
La jornada del día 23 de marzo comienza con la revisión de los nombres de cada oficina y los integrantes de cada una de estas para compartir opiniones de como es el espacio en el que estamos trabajando, coincidiendo en que este es desordenado, que tiene una falta de jerarquía en sus trámites y hay escasez de información, sumado a esto nos encontramos con patrones de comportamiento en ciertos usuarios que asisten a la municipalidad para la ejecución de sus trámites, clasificando un poco estos para conocer mejor el tipo de público al cual se dirige nuestro estudio y proyecto.
Dentro del diálogo como taller salieron ciertos puntos a tratar como el comportamiento, las necesidades y los perfiles de estos usuarios, el análisis e investigación de las actividades frecuentes y de prioridad a realizar en la municipalidad y el cómo se puede expandir el ámbito digital “¿mejorar la accesibilidad?”
*Investigar
*Prototipar
*Interpretar
*Describir
La segunda parte de la clase tras el periodo de compartir como taller todo lo que pudimos recoger en el proceso de estudio,  se terminó una presentación pendiente respecto al Diseño y Storytelling, este corresponde a las narrativas en el diseño en donde se mezcla la literatura y el diseño para la comunicación de mensajes y generación de experiencias. Gustav Freytag nos presenta una forma de arco narrativo el cual forma parte de la narrativa para un storytelling, identificando la función de cada parte y relacionado con el acto de diseñar, a su vez se usa una pequeña historia como ejemplo para clasificar cada punto del arco narrativo.
*Exposición
*Alza de acción
*Crisis
*Climax
*Caida de acción
''“En el Diseño es importante saber contar una historia”''
Palabra clave para wiki: '''municipio'''


=== Oficinas ===
=== Oficinas ===

Revisión del 16:38 26 mar 2023



Asignatura(s)Taller de Diseño de Interacción
Año2023
Tipo de CursoTaller de Etapa
TalleresDG 3º, DG 4º, DO 3º, DO 4º
ProfesoresHerbert Spencer, Daniela Salgado
EstudiantesGabriela Alliendes, Macarena Alonso, Tomas Arismendi, Fauve Bellenger, Belen Briones, María Fernanda Calderón, Camilla Carella, Marisol Cekalovic, Fernanda Farias, Francesca Favilla, Maria Eliza Mondaca, Kaithlyn Murga, Rafaella Osorio Corvetto, Scarleth Osorio, Rodrigo Parra Ortiz, Antonia Pino Salinas, Constanza Pomodoro, Catalina Zaro Vivanco, Victor Della Chiara, Anastasia Somerville, Emilia Lara Sanchez, Catalina Landeros Rojas, Jose Tomas Cáceres, Francisca Ortega, Carla Gómez Guerra
Carreras RelacionadasDiseño, 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.

Estudiantes

Información General

Horario Sala
Lunes y jueves
Claves 3,4 - 5,6
9:35 - 12:10
Sala Hall
Matta 12
Modalidad 100% presencial

Formato Carpeta

El formato de la carpeta de taller corresponde a páginas de 25,6 cm x 15,4 cm. Estas páginas se unen como acordeón, por lo tanto se sugiere dividir el pliego por el largo de 77cm en 3 tiras y cortarlo. Cada paño de papel de 25,6 cm x 110 cm se debe plegar a 15,4 cm. El excedente del paño sirve como solapa para unir los acordeones. El papel puede ser ahuesado o hilado 6.

Formato-carpeta-dix-2023.png

Módulo 1: Interacción como materia 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 en el espacio que nos rodea? ¿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.

Encargo

Observar las relaciones de interacción en nuestro cotidiano,dando cuenta de la temporalidad. Para esto se requiere ir a ver escenarios y situaciones de interacción, revisando cómo dialogamos con constructos de diseño y los objetos-sistemas interactivos en nuestro entorno y la ciudad.¿Cómo son esos, lugares?¿Hasta donde se interactúa con un sistema? Se requiere traer a presencia esa mirada, y tener un juicio de valor individual sobre esto.

El registro de la tarea se realiza en la bitácora, considerando que será expuesta en los muros del taller, lo que requiere diseñar el registro de la tarea. Además de las observaciones, la tarea implica desarrollar definiciones de interacción e incorporar diagramas. Estas se presentarán en forma sintética ante el taller. Una primera referencia que contribuye a pensar esta relación es el diagrama de Bill Verplak, quien postula que diseñar para la interacción involucra pensar en estas 3 preguntas: ¿Cómo lo haces? ¿De qué manera afectas al mundo?, ¿Qué sientes? ¿Qué percibes del mundo y cuáles son las cualidades sensoriales que dan forma a los medios de comunicación?¿Cómo sabes? ¿Cómo aprendes y planificas (o, tal vez, cómo queremos que pienses)?

Clase 13.03.23

Se realiza la corrección del primer encargo, discutiendo sobre la materia de interacción observada por los estudiantes y revisando de manera crítica distintas interacciones mencionadas. En esta instancia nacieron observaciones interesantes que abrieron discusión entre el grupo, por ejemplo “Hay gestos o acciones innatas/intuitivas al momento de interactuar” “La mayoría de los sistemas son particulares y no están diseñados para la interacción colectiva”.

Cómo corrección se recalcó la importancia de ver la realidad fuera de lo obvio, para así encontrar ocasiones de diseño dentro de aquello que nos parece normal o cotidiano. En este sentido, se requiere persistir en el dibujo y en el mantenerse en un estado de disposición frente a lo que acontece.

Posteriormente se realizó una actividad grupal o mini desafía, cuyo objetivo era diseñar la interfaz exterior e interior de los ascensores de una biblioteca de 1000 pisos. Se evaluó de manera colectiva las distintas propuestas, identificando algunos factores que hacen más eficientes las interfaces. Se menciona la posibilidad de diseñar esta interfaz a través de categorías, como la de Melvin Dewey.

Se presenta el origen del diseño de interacción, definición, propósitos y sentido.

El encargo para el día 16.03 consiste en rediseñar el widget de algún sistema, entendiendo widget como una pequeña unidad que alimenta el sistema. El formato de entrega es un video horizontal de máximo 1 minuto, mostrando el contexto y la versión original y el widget rediseñado en uso.

Documentación en Casiopea
  1. Crear un Nuevo Proyecto con el nombre del widget
  2. Como "Cursos Relacionados" definir Taller de Diseño de Interacción 2023
  3. Como "Palabra Clave": definir: widget
  4. Incluir un video (clip) de demostración de la situación de cambio y la nueva interacción

Proyectos: rediseño Widget

  1. Anastasia Somerville - Rediseño de Widget - Tarea 2(Alumnos: Anastasia Somerville)
  2. Antonia Pino - Rediseño de Widget - Tarea 2(Alumnos: Antonia Pino Salinas)
  3. Belén Briones - Rediseño de widget: caja de Autoservicio(Alumnos: Belen Briones)
  4. Camilla Carella - Rediseño de Widget: Lector de tarjeta cajero automático(Alumnos: Camilla Carella)
  5. Carla Gómez: Rediseño Widget(Alumnos: Carla Gómez Guerra)
  6. Catalina Landeros: rediseño de widget(Alumnos: Catalina Landeros Rojas)
  7. Catalina Zaro Vivanco - Rediseño de un widget: Tótem de autoservicio(Alumnos: Catalina Zaro Vivanco)
  8. Constanza Pomodoro - Rediseño de Widget: Contenedor de basura(Alumnos: Constanza Pomodoro)
  9. Emilia Lara: Rediseño de widget(Alumnos: Emilia Lara Sanchez)
  10. Fernanda Farías-rediseño de widget(Alumnos: Fernanda Farías)
  11. Francesca Favilla: Re - diseño de un widget(Alumnos: Francesca Favilla)
  12. Francisca Ortega: Rediseño Widget(Alumnos: Francisca Ortega)
  13. José Tomás Cáceres - Rediseño de Widget - Tarea 2(Alumnos: Jose Tomas Cáceres)
  14. Kaithlyn Murga Ramírez - Re-diseño de Widget: Botonera Peatonal(Alumnos: Kaithlyn Murga)
  15. Macarena Alonso - Rediseño de widget - Tarea 2(Alumnos: Macarena Alonso)
  16. Marisol Cekalovic: Rediseño Widget(Alumnos: Marisol Cekalovic)
  17. María Eliza Mondaca - Rediseño de Widget: torniquete
  18. Rafaella Osorio Corvetto- Re widget/ "Archivados de Gmail"(Alumnos: Rafaella Osorio Corvetto)
  19. Rodrigo Parra - Nuevo Widget: Tostadora(Alumnos: Rodrigo Parra Ortiz)
  20. Scarleth Osorio Amaya - Rediseño de Widget(Alumnos: Scarleth Osorio)

Clase 16.03.23

Antes de comenzar la clase, se nos hizo saber que existe un drive con referencias y bibliografías relacionadas a la clase además de invitarnos a compartir información relacionada al taller que encontremos por nuestros propios medios, el link a dicho drive fue enviado a nuestros correos institucionales. La clase se dividió en dos partes.

En primer lugar, se realizó la corrección del segundo encargo que consistía en rediseñar un widget de algún sistema que hemos observado, recalcando la problemática de la relación entre usuario-sistema, la solución de este y la maquetación de la modificación que se le quizo dar al elemento.

Se realizaron comentarios correspondientes a la revisión de los encargos, cada alumno con una representación en video de cuál era su widget a rediseñar. Se apunta la relación entre Usuario, Interfaz, Sistema. Se refiere brevemente a partitura de interacción donde a través de estas 3 últimas es donde comprendemos la interacción y subjetividad del usuario así como identificar problemas de interacción con ciertos objetos, servicios, productos. "buen y mal diseño"

La segunda parte de la clase fue una intervención de dos agentes gubernamentales, donde nos presentaron un plan de Transición digital del estado cual hace referencia a la aún ley en desarrollo 21.180. Esta ley busca incorporar soporte y la tramitación electrónica en los procedimientos administrativos del Estado y la gestión documental.

El temario de la presentación fue el siguiente:

Ley 21.180.

  • Alcances
  • Sistemas y Plataformas
  • Beneficios especiales de la ley

Trámites y procesos administrativos

  • Catalogación
  • Rediseño de procesos
  • Implementación de trámites en simple

Pauta de trámites municipales

  • trabajo previo: modelo, interacciones, perfiles, categorías
  • Prototipo y prueba
  • Desafío y tarea

Se rescata de la ley 21.180 que se busca integrar progresivamente el uso de TLCs en los servicios públicos, según el calendario de trabajo, para el año 2025 todo trámite debiera ser digital, como ejemplo. En el caso de que un usuario, ciudadano requiera hacer un tramite y no posea conectividad, es responsabilidad del estado proporcionar medios de conectividad para realizar cualquier trámite que requiera

Palabras clave: Interoperabilidad, Reconversión laboral, Digitalización, Plan de trabajo, Usuario, Widget, rediseño

Clase 23.3.23

La jornada del día 23 de marzo comienza con la revisión de los nombres de cada oficina y los integrantes de cada una de estas para compartir opiniones de como es el espacio en el que estamos trabajando, coincidiendo en que este es desordenado, que tiene una falta de jerarquía en sus trámites y hay escasez de información, sumado a esto nos encontramos con patrones de comportamiento en ciertos usuarios que asisten a la municipalidad para la ejecución de sus trámites, clasificando un poco estos para conocer mejor el tipo de público al cual se dirige nuestro estudio y proyecto.

Dentro del diálogo como taller salieron ciertos puntos a tratar como el comportamiento, las necesidades y los perfiles de estos usuarios, el análisis e investigación de las actividades frecuentes y de prioridad a realizar en la municipalidad y el cómo se puede expandir el ámbito digital “¿mejorar la accesibilidad?”

  • Investigar
  • Prototipar
  • Interpretar
  • Describir

La segunda parte de la clase tras el periodo de compartir como taller todo lo que pudimos recoger en el proceso de estudio, se terminó una presentación pendiente respecto al Diseño y Storytelling, este corresponde a las narrativas en el diseño en donde se mezcla la literatura y el diseño para la comunicación de mensajes y generación de experiencias. Gustav Freytag nos presenta una forma de arco narrativo el cual forma parte de la narrativa para un storytelling, identificando la función de cada parte y relacionado con el acto de diseñar, a su vez se usa una pequeña historia como ejemplo para clasificar cada punto del arco narrativo.

  • Exposición
  • Alza de acción
  • Crisis
  • Climax
  • Caida de acción

“En el Diseño es importante saber contar una historia”

Palabra clave para wiki: municipio

Oficinas

  1. AVD(Alumnos: Macarena Alonso, Francesca Favilla, José Urrejola)
  2. Eunoia(Alumnos: Fauve Bellenger, Catalina Zaro Vivanco, Kaithlyn Murga, Belen Briones, Fernanda Farías)
  3. HERMES(Alumnos: Carla Gómez Guerra, Francisca Ortega, Scarleth Osorio, Marisol Cekalovic, Rafaella Osorio Corvetto)
  4. OAW(Alumnos: María Fernanda Calderón, Jose Tomas Cáceres, Emilia Lara Sanchez, Rodrigo Parra Ortiz, Antonia Pino Salinas)
  5. WODIIN(Alumnos: Maria Eliza Mondaca, Constanza Pomodoro, Catalina Landeros Rojas, Anastasia Somerville, Camilla Carella)

Referencias

Transformación digital del Estado

  1. Ley de Transformación Digital del Estado
  2. Transformación Digital: Hoja de Ruta
  3. Kit Digital. El Kit Digital consiste de una serie de herramientas de comunicación digital, diseño y desarrollo para facilitar la creación y mejora de los productos oficiales de Gobierno.
  4. Guía para el diseño de interfaces web institucionales

Herramientas

  1. Penpot
  2. Partituras de Interacción