Taller de Diseño de Interacción 2024

De Casiopea


Asignatura(s)Taller de Diseño de Interacción
Año2024
Tipo de CursoTaller de Etapa
ProfesoresHerbert Spencer
Profesor(es) Ayudante(s)Javiera Ruiz
EstudiantesJosefa Antris, Matias Morales Jimenez, Angelica Andueza, Carla Lorca, Josefa Maldonado, Paula Victoria Perez Triviño, Diego Tapia Soto, Anaís Arancibia, Catalina López Guerra, Arturo Céspedes, Valentina Leiva, Francisca Loyola, Bárbara Arriaza Araya, Joel Henríquez, Ignacio Osorio, Li Ann Montenegro, Barbara Suazo, Paloma Álvarez, Benjamin Gonzalez Fuenzalida, Ingeborg Gundersen, Valeria Muñoz Valdivia, María de la Luz Fernández, Katalina Gajardo, Alejandra Collao, Karina Morales, Antonia Olguin Cantillana
Palabras Claveinteracción, diseño de interfaces, diseño de servicios, diseño de juegos, hci, ux
Carreras RelacionadasDiseño

Estudiantes

Información General

Horario Sala Consultas
Martes y Viernes
Claves 3,4 - 5,6
9:35 - 12:10
Sala Entrepiso B
Matta 12
Lunes de 12:00 a 13:00
previa coordinación por email

Yo no busco, encuentro.

Pablo Picasso

Sentido del Taller

Vivimos tiempos de cambios vertiginosos en el ámbito de la interacción {ser humano - sistemas técnicos} lo que nos exige entender, de forma más profunda, nuestra relación &emdash;desde el diseño&emdash; con el hiperobjeto técnico. Como diseñadoras y diseñadores nos preguntaremos por los aspectos fundantes más inmutables que nos permiten definir nuestro oficio hoy, en un tiempo de cambios radicales.

Este taller explorará, desde una mirada creativa, libre y crítica, este espacio de interacción buscando definir nuevas formas y relaciones entre personas, productos y sistemas.

El Taller de Diseño de Interacción constituye una etapa avanzada dentro del Ciclo de la Disciplina, partiendo de la premisa de que los participantes ya han dominado las habilidades fundamentales de la práctica de diseño, tales como la observación, la proyección y la construcción o desarrollo de sus ideas y propotipos. Aquí vamos a profundizar en el ámbito del diseño de interacción (DiX) y del diseño para la experiencia del usuario (UX), abordándolos desde una perspectiva que es simultáneamente práctica, teórica, crítica y poética. Para ello, se enfatiza la integración de un lenguaje disciplinario específico y conceptos que son centrales a este campo. Aunque podría parecer que las dimensiones técnico-profesionales, teórico-críticas, y artístico-poéticas avanzan de forma paralela e independiente, el objetivo de este taller es articularlas en el proceso de aprendizaje de los estudiantes.

Esto significa que dentro de cada ciclo del taller se evaluarán estos aspectos de forma integrada:

Observación Proposición Construcción
Capacidad sensible de recoger el acontecer, originación y fundamento creativo y conceptual de diseño Capacidad de interpretar formalmente (espacial y plásticamente) los conceptos La capacidad de materializar y ejecutar la propuesta de diseño

El sello del tallere es proyectual y constructivo, lo que significa que trabajaremos a partir de experiencias o ciclos completos donde trabajaremos desde la observación, hacia la proposición hasta la construcción o desarrollo. La premisa fundamental es fomentar la exploración a través de la acción, fomentando una comprensión profunda y significativa de los principios subyacentes en el proceso creativo; esto lo haremos tanto de forma invididual como colectiva.

Ciclos del Taller

Ciclo 0 Ciclo 1 Ciclo 2 Ciclo 3
Calendario 12 - 22 de marzo 26 de marzo al 16 de abril 19 de abril al 17 de mayo 24 de mayo al 28 de junio
Tema El campo del diseño de la interacción La interfaz como espacio de diálogo y control Interacciones y transacciones Sistemas dinámicos: juegos
Modalidad individual parejas parejas grupos
Campo de investigación El análisis de productos y servicios digitales desde un enfoque estructurado El gesto en relación al espacio de los datos El valor de la experiencia: sentido transaccional, accesibilidad y intuitividad El goce, la destreza y el estado de flujo

Ciclo 0: Interacción como Material de Diseño

Estudio y análisis de servicios web (apps) orientadas a la gestión de noticias e información en general que caben dentro de la categoría "Aplicaciones de Agregación de Contenido". Estas aplicaciones se utilizan para recopilar y presentar información de diversas fuentes en un solo lugar, facilitando la lectura y el acceso a contenido relevante para el usuario.

Los objetivos de este encargo son:

  1. Identificar el espacio del diseño de interacción mediante el análisis de las interfaces gráficas reales, sus comportamientos y relaciones diseñadas para el usuario
  2. Desarrollar capacidades de análisis y comparación (benchmark) de aplicaciones y servicios digitales
  3. Iniciar una mirada y discurso crítico del diseño, específicamente para el diseño de interacción


Rúbrica Ciclo 0

Aspecto Identifica/Registra Observa/Analiza Propone/Diseña
Porcentaje 25% 25% 50%
Entregable Wiki o Lámina Análisis Propuesta de rediseño
Dimensiones
  • Registra los objetos de estudio de forma detallada y consistente
  • Identifica el espacio del diseño de interacción mediante el análisis de las interfaces gráficas reales, sus comportamientos y relaciones diseñadas para el usuario
  • Integra el análisis de la app/sitio web en una propuesta de rediseño
  • Comunica todas las dimensiones de análisis solicitadas
  • Genera conclusiones pertinentes a partir del análisis
  • Construye un discurso coherente para fundamentar su propuesta
  • Utiliza las propiedades del formato escogido (lámina o wiki) para exponer el análisis de manera apropiada
  • La propuesta demuestra un diseño consistente en términos de estructura, presentación y claridad en la comunicación de ideas

Encargo 1

Estudio y análisis de servicios web (apps) orientadas a la gestión de noticias e información en general. Estas aplicaciones o servicios Web pueden ser: Aplicaciones de Agregación de Contenido, Diarios/Revistas web, RR.SS informativas. El sentido del encargo es registrar, observar y analizar interfaces gráficas que permitan navegar información actualizable en base a diferentes criterios como categorías preexistentes, etiquetas, preferencias, etc. Se entienden estos servicios como "originales" que constituyen mecanismos de lectura para construir una imagen del mundo y de la actualidad. El

  • Ejemplo: Flipboard una revista de agregación de contenidos personalizable y de curatoría por temas.

Criterios a analizar

Lenguaje Visual (Look & Feel)

  1. Estilo General
    • Descripción del lenguaje visual
    • Esquema de Colores
      • Identificación de la paleta de colores principal y secundaria.
  2. Tipografía
    • Descripción de las fuentes utilizadas, tamaños y su legibilidad.
  3. Iconografía y Elementos Gráficos
    • Evaluación de la coherencia y funcionalidad de los iconos y elementos gráficos.

Etiquetado y Lenguaje

  1. Claridad y Consistencia
    • Evaluación de la claridad y uniformidad del lenguaje y etiquetas.
  2. Adecuación del lenguaje técnico y jerga al público objetivo.

Formato de entrega

La entrega comprende la elaboración de una lámina que incluya una presentación del servicio/aplicación a analizar, acompañada de observaciones y un acercamiento sus funcionalidades principales. Además, la lámina debe contener el análisis de los criterios de "Diseño Visual" y "Etiquetado y Lenguaje".

Información General que debe incluir la presentación

  • Nombre del Sitio/Aplicación
  • URL/Dirección de Descarga. En el caso de una App: SO - Versión
  • Fecha de Análisis
  • Analista(s)

Encargo 2

Criterios a analizar

Pantallas

  1. Consistencia
    • Análisis de la uniformidad en las plantillas a través de las diferentes secciones/páginas.
    • Adaptabilidad: Evaluación de la respuesta del diseño en distintos dispositivos y tamaños de pantalla. (vertical - horizontal)
  2. Organización de Contenido
    • Evaluación de la disposición de elementos (cabecera, cuerpo, pie de página).
  3. Uso del Espacio
    • Análisis del equilibrio entre espacios llenos y blancos.

Navegación (formato en la presentación)

  1. Facilidad de Navegación
    • Facilidad para moverse a través del sitio/aplicación.

Encargo 3

Criterios a analizar

Navegación (parte 2)

  1. Arquitectura de información
  2. Estructura de Menús
    • Efectividad y coherencia de la estructura de menús y submenús.
  3. Accesibilidad de Información
    • Tiempo y esfuerzo requerido para encontrar información relevante.

Experiencia de usuario

  1. Interactividad
    • Evaluación de la interacción del usuario con la aplicación/sitio.
      • Feedback y Respuestas: Calidad y claridad de las respuestas y feedback del sistema a las acciones del usuario.
      • Microinteracciones
  2. Carga y Rendimiento
    • Tiempos de carga y rendimiento general.
  3. Accesibilidad
    • Consideración de necesidades de usuarios con diferentes capacidades.


Proyectos Ciclo 0

 ImagenAlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
T1: NRK - Ingeborg GundersenNrk tarea1.pdfIngeborg Gundersen
T1: Snopes - Diego Tapia SotoSnopes logo.pngDiego Tapia Soto
T1:Google News- Karina MoralesKarina Morales

Ciclo 1: Interacción como Extensión Cognitiva

La pregunta por la técnica hoy nos remite a las capas tecnológicas presentes el el cotidiano y, en cierta medida, nos ocultan la complejidad del linaje técnico de las cosas con las que interactuamos. Cada invento está posado sobre el invento anterior. La complejidad de los artefactos que nos rodean no nos permite verlos de forma transparente. Son cajas negras opacas, intencionalmente difíciles de hackear. Pero si nos remontamos al comienzo, a las primeras preguntas y a las primeras visiones de cómo, utópicamente se pensaba, potemos atisbar el espíritu (o volición humana) de lo que se imaginaba como extensión cognitiva, acompañante y aumentador de nuestras mentes.

La historia literalmente comienza con la escritura. En el diálogo "Fedro" de Platón, el mito de Theuth aparece en el contexto de una discusión sobre la conveniencia o inconveniencia de la escritura. Sócrates relata la historia de Theuth, un antiguo dios egipcio que presentó al rey Thamus diversas invenciones, incluyendo las letras. Thamus cuestiona a Theuth sobre las ventajas de cada invención, y al exponerle las letras, Thamus critica la escritura argumentando que esta llevará al olvido en lugar de mejorar la memoria. Thamus señala que las letras harán que las personas dependan de caracteres externos en lugar de cultivar su memoria interna, lo que provocará que busquen el conocimiento desde fuera en lugar de desde dentro. El diálogo plantea así un debate sobre los efectos de la escritura en la sabiduría y la memoria de las personas.

Posteriormente, en el siglo XVI, el sultán Selim I del imperio otomano, prohibió, bajo pena de muerte, el uso de la imprenta. La amenaza de la divulgación y replicación descontrolada de ideas fue vista como una amenaza, tanto al poder del emperador como al gremio de escribas y hombres eruditos custodios de las escrituras.

En el siglo XX, a la luz de la revolución introducida por la teoría de la comunicación, se comienzan a visualizar e imaginar distintos "dispositivos" como el Memex de V. Bush, el hipertexto (en el proyecto Xanadú) de T. Nelson o el Knowledge Navigator presentado en 1987 como un concepto futurista de nuestra posible relación con la información y el conocimiento

El encargo apunta a estudiar y reflexionar sobre cómo nos relacionamos con la información y con el conocimiento, cómo lo gestionamos y bajo qué condiciones le damos forma a constructos e ideas abstractas. En un momento técnico de "formas en libertad", cómo podemos imaginar y proponer nuevas formas de volver explícito el espacio de información en el cual estamos sumergidos.


Casos de Estudio

  1. Apple Knowledge Navigator(URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://www.mac-history.net/2011/08/02/apple-history-tv-knowledge-navigator/)
  2. Interacción como extensión cognitiva - Bárbara Suazo C.
  3. Interacción como extensión cognitiva - Diego Tapia Soto
  4. Interacción como extensión cognitiva - María de la Luz Fernández
  5. Interacción como extensión cognitiva - juguetes Pikler
  6. Interacción como extensión cognitiva- Francisca Loyola
  7. Memex(URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://www.theatlantic.com/past/docs/unbound/flashbks/computer/bushf.htm)
  8. Sistemas en un Restaurant
  9. Xanadú(URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://www.xanadu.net/)

Métodos de Diseño

Rúbrica Ciclo 1

Aspecto Observa Conceptualiza e interpreta Comunica y desarrolla
Porcentaje 30%
individual
35%
grupal
35%
grupal
Entregable Observaciones en la wiki Conceptualización Comunicación de la propuesta
Dimensiones
  • Identifica y registra mediante dibujos y esquemas casos significativos del encargo
  • Nombra y profundiza en aspectos relativos a la cognición y la interacción
  • anota e interpreta espacialmente elementos cognitivos y temporales
  • Integra las observaciones en propuestas de diseño originales
  • Ubica su propuesta en un escenario y en una persona destinataria
  • Desarrolla guiones mostrativos del diseño propuesto
  • produce videos de las personas y escenarios propuestos

Entrega Final Ciclo 1

Video (Máximo 5 minutos) que presente las personas y escenarios de su propuesta. Realizar una breve presentación previa a la exposición de su video (Nombre del proyecto, qué es, quien es su público objetivo, breve explicación de como funciona, etc).

Proyectos Ciclo 1