Interaccion2014

Interacción humano - máquina Del Observar al Usar v3 2020 (v2, 2018, v1 2014) - Ricardo Vega - ricardov.cl - @ricardov_cl Creative Commons | Attribution-NonCommercial-NoDerivatives 4.0 International

Interacciones son un lenguaje que debe ser aprendido.

Las interacciones también pueden ser diseñadas

TIPOS DE INTERACCIÓN

humano - humano humano - máquina máquina - máquina Humano - persona no humana persona no humana - persona no humana, máquina - planta planta - planta etc…

TIPOS DE INTERACCIÓN

Proyecto estudiantes ramo “Interacción” (2015), Escuela Diseño UC.

Humano - persona no humana persona no humana - objeto

TIPOS DE INTERACCIÓN

Proyecto estudiantes ramo “Interacción” (2015), Escuela Diseño UC.

Humano - persona no humana persona no humana - objeto

TIPOS DE INTERACCIÓN

Humano - objetos soft circuits sensible interactions sustitución sensorial interfaces blandas UX UI etc...

INTRODUCCIÓN

INTRODUCCIÓN

Revolución Industrial.

Antes, Artesano y trabajo manual.

Hombre era el energía, motoracción. y la herramienta.

Fuerza humana,

Qué es una máquina. Partes de la máquina.

Generadora de movimiento - Transmisor del movimiento - Herramienta que ejecuta la acción

Hombre y máquina (Marx). Al servicio del hombre?

“Tiempos Modernos” Charles Chaplin.

Maquinas multipropósito. El computador Máquinas para administrar información.

Arte (del No Tocar al Tocar). Contemplación (de la ilusión a la inmersión).

Yugop. http://yugop.com/ver2/works/typospace3.html

ANTECEDENTES

Douglas Engelbart, 1968. El Mouse, Hipertexto, vinculación de archivos. https://www.youtube.com/watch?v=JfIgzSoTMOs

Ivan Shuterland. "Sketchpad, A Man-Machine Graphical Communication System" (1963, Robot Draftman).

Antecesor de interface para diseño por computador. https://www.youtube.com/watch?v=USyoT_Ha_bA

Myron Krueger. (Participación física más la inmersión visual.

"Hacer uso de lo que la naturaleza nos ha dado" Los cuerpos, para interactuar.

La interacción humana prevalece sobre el tecnicismo.

Embodiment sirve para naturalizar modificaciones técnicas La naturaleza humana sobre la computadora transitoria.

Cuestiona el modelo centrado en el ojo). https://www.youtube.com/watch?v=dmmxVA5xhuo

Cybernetic Serendipity. Exposición de arte cibernético, Londres, 1968. https://www.youtube.com/watch?v=n8TJx8n9UsA

EAT (Experiments in art & Technology, 1967). Performances colaborativas entre Artistas e ingenieros. https://www.youtube.com/watch?v=DoxuzPPstXc

Alan Kay. OOP, Dynabook en 1970 (Predecesor del laptop y tablets). https://www.youtube.com/watch?v=oKg1hTOQXoY

Tim Berners Lee. HTTP, HTML. Protocolos de comunicación e intercambio de información.

Internet. HTML, CSS, JavaScript.

Command Line (CLI)

Etapas de la interacción.

Graphic User Interface (GUI)

Natural User Interface (NUI)

ALGUNOS CONCEPTOS

Se necesita nueva ciencia. Cybernética (control, metaciencia).

1er Orden (Weaver) y 2do Orden (Heinz von Foerster).

Relación objeto sujeto.

La realidad no está separada del observador.

Interacción (Física cuántica). El rol del observador como creador.

Naturaleza no está más separada del hombre.

Werner Heisenberg.

Uso. Lo utilitario. Lo inútil. El Arte.

Valor de uso, Valor de cambio. Una Silla.

Relación con los objetos y el mundo Experiencia sensible como fuente para formar conocimiento (Empirismo, opuesto al Racionalismo).

Nuestros sentidos nos engañan...

Katja Kwastek (Aesthetics of Interaction in Digital Art, 2013).

La interacción como la reciprocidad, premiando a una acción, proceso comunicativo para compartir experiencia. ideológico vs instrumental. http://mitpress.mit.edu/books/aesthetics-interaction-digital-art.

INTERACCIÓN DE USUARIO

Cuántas cosas tenemos y usamos todos los días?

Necesitamos miles de manuales de usuario?

Interacción de Usuario, proceso complejo (Donald Norman) 2 aspectos principales: Ejecución (hacer algo).

Evaluación (comparar qué sucedió con lo que se esperaba).

Para la ejecución: Configurar la intención.

Especificar de la acción.

Ejecutar la acción.

Para la evaluación: Percibir el estado del mundo.

Interpretar el estado del mundo.

Evaluación de los resultados.

Principios de diseño (The Design of Everyday Things, Don Norman, 1998).

Affordances | Constrains Affordances: Potencial para la acción Objetos bien diseñados tienen buenas Affordances (pistas visibles para su funcionamiento).

Cómo los agujeros de las tijeras están ahí para que los dedos se pueden insertar.

Pistas falsas: tetera con asa y pico en el mismo lado.

Otra estructura visible son las limitaciones:

Affordances.

Las cosas deben decir qué hacer con ellos.

Diseño, interacción debe ser "evidente": volver a lo básico.

Objetos imposibles. Katherina Kamprani, Meret Oppenheim,, Chema Madoz, Jacques Carelman.

Objetos imposibles. Katherina Kamprani, Meret Oppenheim,, Chema Madoz, Jacques Carelman.

Visibilidad: Al hacer las funciones más visibles, es más probable que los usuarios las vean y usen.

Retroalimentación: Cada acción debe tener una reacción (sonido, de forma táctil, verbal, visualmente o combinadas).

Indica si la acción fue "comprendida" por el sistema.

Restricción: Limitación de la interacción del usuario en un momento determinado.

Tres tipos: Físicas. Ej.: Una clavija que no encaja.

Lógicas. Ej.: Si pulso un botón, espero una reacción.

Culturales. Ej.: El significado de un color no es igual en todo el mundo.

Mapeo: Es la relación entre los controles y su efecto.

Término matemático para relación entre dos conjuntos.

En este caso la relación de los controles (en la interfaz) y los resultados (en el mundo) es el mapeo.

Ejemplo: un control para un asiento de automóvil podría ser de la forma del asiento; moviendo la forma correspondiente que conseguimos la buena resultado (reclinables...).

Consistencia: Consiste en diseñar usando operaciones y elementos similares.

Claridad: Es el atributo que permite a las personas saber cómo usar un diseño.

Dos tipos: Percibidas: en el caso de una interfaz de un programa, que es virtual.

Reales: en el caso de los objetos físicos.

Prototipar: Role, Implementation, Look & Feel (What do Prototypes Prototype? Stephanie Houde and Charles Hill, https://courses.cs.washington.edu/courses/cse440/12au/readings_files/Houde-Prototypes.pdf) interaction desig.org

"What do prototypes prototype?"

Stephanie Houde and Charles HillApple Computer

CAMPOS EMERGENTES (donde se requerirá diseño de interfaces)

CAMPOS EMERGENTES En donde se requerirá diseño de interfaces

Smart cities. La ciudad como interfase.

Servicios con datos públicos.

Juegos y Data Games. Hybrid Play (Lalalab). https://www.indiegogo.com/projects/hybrid-play-turn-any-playground-into-a-video-game

Internet de las Cosas.

Wearables. https://www.youtube.com/watch?v=-KmFSmkDyr8

Soft Circuits

EyeCane, traduce distancia en señales auditivas y táctiles. https://www.youtube.com/watch?v=jVBp2nDmg7E

Sustitución sensorial cambio en las características de la modalidad sensorial por estímulos de otro sentido. Tiene 3 partes: Sensor, sistema de acoplamiento, y estimulador Tactil–visual Tactil–auditiva Tactil–vestibular Tactil–tactil (restaurar sensación periferica) Tactil sistemas de feedback extremidades prostésicas

Nuevas exploraciones - interfaces cerebro-ordenador (BCI). https://www.youtube.com/watch?v=svuu3BlUVuE

Nuevas exploraciones - interfaces para otros sentidos. Aisen Caro Chacin. http://mfadt.parsons.edu/2013/projects/sensory-pathways-for-the-plastic-mind/

Transhumanismo.

MODELOS DE INTERACCIÓN

A - MIRAR - seducción visual B - TOCAR - interfaces inteligentes, comunicación táctil.

C - EXPLORAR - Especulación e innovación D - PARTICIPAR - Ambiente interactivo que envuelve E - INTERVENIR - incitar empoderamiento personal

Categorías libro A Touch Of Code (Die Gestalten Verlag)

A - MIRAR - seducción visual Zimoun - Kinetic artworks http://www.zimoun.net/

B - TOCAR - interfaces inteligentes, comunicación tactil.

Ryan Raffa - RhythmSynthesis – Tangible Visual Music Instrument http://www.ryanraffa.com/portfolio/category/rhythmsynthesis/

C - EXPLORAR - Especulación e innovación Yuri Suzuki - Colour Chaser http://yurisuzuki.com/works/colour-chaser/

D - PARTICIPAR - Ambiente interactivo que envuelve Design I-O - Funky Forest - Interactive Ecosystem https://vimeo.com/3872687

E - INTERVENIR - incitar empoderamiento personal Graffity Research lab - Laser tag https://www.youtube.com/watch?v=DKbtTPYZEig

CREADORES ACTUALES

Golan Levin (USA). Thema, Re Mark.

Flong.com

ArtCom (Alemania). http://www.artcom.de/en/home/

Zach Lieberman (USA). Eyewriter.

Daito Manabe (Japón).

Gracias…