Gracias por la puntualidad
En breve comenzamos
Pensamiento
Sensorial
Clase 5
¿Qué dice una interacción?
¿En qué quedamos?
La clase pasada quitamos la pantalla y obligamos a la interfaz a comunicarse con otros recursos.
La tarea no era inventar un dispositivo
Cada grupo debía imaginar una manera de pedir comida usando voz, movimiento, sonido, tacto o una combinación de ellos. El objetivo era volver perceptibles las posibilidades del sistema sin depender de las convenciones visuales de una app.
Las demostraciones quedaron pendientes. Hoy empezamos por ahí.
La tarde, en cuatro movimientos
- 01Representaruna interfaz completa
- 02Mirarcómo otras experiencias producen sentido
- 03Volvera una persona real
- 04Justificarpor qué la inquietud necesita una experiencia
Demostraciones pendientes · 40 min
Pedir sin mirar
Antes de presentar, cada grupo tiene diez minutos para convertir su propuesta en una experiencia que podamos ver ocurrir.
Representar la interfaz
No hace falta programar ni dibujar pantallas. Usen cuerpos, objetos, sonidos y palabras para representar a la persona, al sistema y a todo aquello que media entre ambos. La demostración debe mostrar el recorrido completo de un pedido.
Diez minutos para prepararla
- 01Recuperen la situación. Quién pide, qué necesita y qué ocurre alrededor.
- 02Repartan los papeles. Persona, sistema y mediaciones necesarias.
- 03Ensayen la secuencia. Desde la primera acción hasta la confirmación.
- 04Muestren la respuesta. Cuándo el sistema entiende, necesita algo o falla.
Cada grupo representa su propia propuesta. No se intercambian instrucciones ni prototipos.
Antes de salir
- ¿Se entiende quién inicia?
- ¿Se percibe qué puede hacer la persona?
- ¿La respuesta del sistema cambia cuando cambia la acción?
- ¿La escena muestra qué ocurre ante un error?
Cuatro minutos por grupo
- 01La situación. ¿Qué está haciendo la persona cuando empieza?
- 02La secuencia. ¿Qué ocurre desde que comienza hasta que termina?
- 03El reparto. ¿Qué hace la persona y qué hace el sistema?
- 04La demostración. La experiencia ocurre delante de nosotros.
- 05Una decisión. «Elegimos hacer X con Y porque…».
El resto de la clase observa
- ¿Quién inicia?
- ¿Qué debe recordar la persona?
- ¿Cómo sabe que el sistema entendió?
- ¿Qué pasa cuando algo sale mal?
No vamos a decidir cuál interfaz “ganó”. Vamos a ver qué relación produjo cada una.
Conversación · 25 min
¿Qué es un modelo de interacción?
¿Qué es un modelo de interacción?
Es la manera en que una experiencia distribuye el trabajo entre la persona y el sistema: quién inicia, qué acciones están disponibles, qué información recibe cada parte, quién toma cada decisión y cómo se confirma lo ocurrido.
Cada interfaz toma partido
Ese reparto tiene consecuencias
Dos interfaces pueden permitir exactamente la misma tarea y producir experiencias distintas. Una puede pedir obediencia; otra, negociación. Una puede mantenernos informados; otra puede obligarnos a confiar sin saber qué está ocurriendo.
Una interacción puede pedirnos…
De la función a la expresión
La función describe lo que la experiencia permite hacer. La dimensión expresiva aparece en la forma concreta de hacerlo: el ritmo que impone, la atención que exige, el control que entrega y la respuesta que devuelve.
La forma de control también hace parte de la interfaz.
Un control decide qué debe hacer el cuerpo para que algo ocurra: pulsar, arrastrar, esperar, sostener, mirar, repetir o coordinarse.
Podemos conservar la misma función y cambiar por completo la experiencia al cambiar la manera de controlarla.
15 min
Pausa
Casos guiados · 35 min
Referentes para mirar haciendo
No vamos a coleccionar ideas
Vamos a observar cómo cada experiencia convierte una acción concreta en parte de lo que quiere expresar. Parpadear, desplazarse, escuchar, sincronizarse, sellar o hacer scroll cambian aquello que la experiencia permite sentir y comprender.
Para cada experiencia
- ¿Qué hace la persona y mediante qué control?
- ¿Qué le exige ese control al cuerpo, la atención o el tiempo?
- ¿Qué permite, qué dificulta y qué deja fuera?
- ¿Qué relación produce con el sistema?
- ¿Qué se perdería al reemplazarlo por un control convencional?
GoodbyeWorld Games · 2021
Before Your Eyes
La historia avanza cuando parpadeas.
El parpadeo como control
Before Your Eyes · Blink and You’ll Miss It Trailer · abrir video ↗
Lectura de interfaz
Before Your Eyes
¿Qué se perdería si la misma historia avanzara con la barra espaciadora?
El gesto no representa el tiempo. Lo deja escapar.
Ángela Carabalí + Thibault Durand · Colombia · 2015
Pregoneros de Medellín
Desplazarse es caminar. Escuchar es encontrar.
Lectura de interfaz
Pregoneros de Medellín
Si apareciera un menú con cinco vendedores, ¿seguiría siendo un encuentro?
Seguir una voz hace que cada vendedor aparezca como hallazgo del recorrido, no como una opción elegida de antemano.
Universidad de los Andes + Plural · Colombia · 2024
Pulsaciones Raras
La instalación solo cobra vida cuando cuatro cuerpos se encuentran.
Cuatro presencias activan la instalación
Universidad de los Andes · registro en COP16 · abrir video ↗
Lectura de interfaz
Pulsaciones Raras
¿Qué dice la instalación al negarse a funcionar con una sola persona?
Participar es volverse condición de lo que ocurre.
Lucas Pope · 2013
Papers, Please
Decidir quién puede cruzar una frontera cabe en revisar papeles y estampar un sello.
Lectura de interfaz
Papers, Please
¿Qué le hace el gesto de sellar al peso de decidir sobre la vida de otra persona?
El sello permite decidir rápido y también nos hace sentir el peso de decidir así.
The Pudding · 2020
The Historical Cost of Light
Cada píxel de desplazamiento equivale a un segundo de trabajo.
Lectura de interfaz
The Historical Cost of Light
¿Cuándo el scroll deja de ser navegación y se vuelve unidad de trabajo?
Un control cotidiano cambia de sentido cuando la escala se vuelve difícil de soportar.
Cinco grupos · 30 min
Ahora exploran ustedes
La exploración busca una relación, no una reseña
No necesitan explicar toda la obra ni decidir si les gustó. Recorran lo suficiente para identificar una relación entre lo que la experiencia pide hacer y el sentido que produce. Las siguientes diapositivas contienen los enlaces y la pregunta de cada grupo.
Un grupo, una experiencia
- 01Shutterbugventana, encuadre y punto de vista
- 02Hellfilerburocracia, fricción y obediencia
- 03Picture Perfectmovimiento, cámara y escala
- 04Mrs. Modifiermapeo, botones y acciones combinadas
- 05My Shadows Are Brightcomponer, proyectar y habitar
vividfax · GMTK Game Jam 2024
Shutterbug
La ventana real del navegador se convierte en el visor de una cámara.
Lectura de interfaz
Shutterbug
¿Qué se perdería si el encuadre se resolviera con botones dentro de una ventana fija?
onefin · GMTK Game Jam 2020
Hellfiler
La oficina conserva tareas reconocibles y vuelve hostil cada manera de realizarlas.
Lectura de interfaz
Hellfiler
¿Cuándo la dificultad de usar una interfaz deja de ser un error y se vuelve su argumento?
Incredulous · GMTK Game Jam 2024
Picture Perfect
La imagen correcta aparece al mover el cuerpo y encontrar un punto de vista.
Lectura de interfaz
Picture Perfect
¿Por qué encontrar la imagen con el cuerpo produce algo distinto a corregirla con un botón?
Walaber Entertainment · GMTK Game Jam 2021
Mrs. Modifier
Tres botones obligan a decidir qué acciones deben ocurrir juntas.
Lectura de interfaz
Mrs. Modifier
¿Qué revela el juego al mostrarnos que ningún botón tiene un significado natural?
Buday · GMTK Game Jam 2024
My Shadows Are Bright
Primero se construye una sombra; después se juega dentro de ella.
Lectura de interfaz
My Shadows Are Bright
¿Qué cambia cuando dejamos de controlar la composición y pasamos a vivir sus consecuencias?
La entrega del grupo
- Una acción: lo que la experiencia nos pide hacer.
- Un control: la forma concreta de producir esa acción.
- Una regla: lo que permite o impide que algo ocurra.
- Una consecuencia: lo que esa forma de actuar nos hace sentir o comprender.
- Una pérdida: lo que desaparecería con otro control.
Máximo 3 minutos por grupo. Muestren la experiencia, no una reseña.
15:00
exploración en grupos
Después: 3 minutos por grupo para compartir
Síntesis · 20 min
¿Qué nos dijo la interfaz?
Peguemos cada hallazgo donde corresponda
La interfaz dirige la atención
Hace aparecer algunas posibilidades y deja otras en segundo plano. Lo que muestra, oculta, repite o demora influye en la manera en que interpretamos la experiencia.
La interfaz distribuye el control
Nos permite tomar ciertas decisiones y reserva otras para el sistema. Ese reparto puede hacernos sentir autónomos, acompañados, vigilados, dependientes o responsables.
La forma de control compromete al cuerpo
Cada gesto exige una postura, una precisión, una velocidad y una atención. Al diseñar cómo se actúa también diseñamos quién puede actuar con facilidad, quién debe adaptarse y qué esfuerzo se vuelve visible.
La interfaz propone una posición
Toda interacción nos da una velocidad, una perspectiva y, a veces, un cuerpo desde el cual actuar. No solo recorremos una historia: ocupamos un lugar dentro de ella.
acción
+control
+regla
+respuesta
=sentido
No siempre basta. Pero casi siempre podemos empezar mirando aquí.Diseñar la interacción es diseñar qué relación puede existir.
Investigación · 25 min
Volvamos a la persona
Hasta ahora usamos personas inventadas para pensar. La semana pasada salieron a buscar una real.
No mezclen estas tres cosas
Una buena interpretación no se disfraza de evidencia. Muestra de dónde salió.
Completen la frase
Sabemos que __________ porque la persona __________.
Todavía necesitamos entender __________.
Busquen una tensión, no una característica
- Algo que la persona quiere y algo que se lo dificulta.
- Algo que dice y algo distinto que hace.
- Algo que necesita controlar y algo de lo que depende.
Esa tensión es más fértil que una lista de gustos. Allí puede nacer una inquietud.
Tarea
De la tensión a la inquietud
El proyecto elige su forma después de saber qué necesita explorar
Más adelante: modelo → reglas → escenas → identidad.
La tarea no es diseñar su proyecto. Es descubrir por qué merece tomar esa forma.
Tarea · 60 min fuera de clase
¿Por qué tiene que ser una experiencia?
Entreguen por correo antes de la sesión 6
- La inquietud, sin plataforma ni solución.
- El verbo que tendría que vivir quien participe.
- Tres experiencias radicalmente diferentes.
- La hipótesis elegida y su argumento.
- La respuesta a la prueba de fuego.
Un solo PDF o enlace con permiso de lectura por grupo · jueves 10 de septiembre.
La consigna completa está acá
catedra.dejesumensaje.com/pensamiento-sensorial/por-que-una-experienciaHoy vimos que una interacción puede decir algo.
Ahora les toca decidir qué necesita decir la suya.
Últimos 5 min
Cierre
Tres ideas para llevarse
Tres preguntas para volver al proyecto
- ¿Qué le estamos pidiendo hacer a la persona y con qué control?
- ¿Qué le exige esa forma de actuar al cuerpo y a la atención?
- ¿Qué dice esa relación sobre la experiencia que queremos construir?
Entramos con cinco soluciones. Salimos con una inquietud y tres formas posibles.
La próxima clase pondremos a prueba esas hipótesis antes de construir el sistema.
¿Qué dice una interacción?
También lo dice con la forma concreta en que nos hace actuar.
Para volver después
Fuentes y experiencias
Experiencias
- Before Your Eyes · GoodbyeWorld Games
- Pregoneros de Medellín · Carabalí + Durand
- Pulsaciones Raras · Universidad de los Andes + Plural
- Papers, Please · Lucas Pope
- The Historical Cost of Light · The Pudding
- Shutterbug · vividfax
- Hellfiler · onefin
- Picture Perfect · Incredulous
- Mrs. Modifier · Walaber Entertainment
- My Shadows Are Bright · Buday
- and Roger · TearyHand Studio · referente complementario
Marco conceptual
- Paul Dourish · Where the Action Is: The Foundations of Embodied Interaction · MIT Press · 2001
- John McCarthy y Peter Wright · Technology as Experience · MIT Press · 2004
- Petersen et al. · Aesthetic Interaction: A Pragmatist’s Aesthetics of Interactive Systems · DIS ’04 · 2004
Las imágenes de presentación provienen de las páginas oficiales de los proyectos, Universidad de los Andes, Papers, Please, Steam, itch.io, The Pudding y miniaturas de los tráilers enlazados.