Download - Una introducción al Diseño de Interacción
![Page 1: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/1.jpg)
Diseño de Interacciónpanorama global de la disciplina
![Page 2: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/2.jpg)
El nacimiento del nombre
El término “diseño de interacción” proviene de la disciplina Interacción Humano-Computador o HCI (del inglés); que es, a su vez, una rama de las Ciencias de la Computación.
![Page 3: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/3.jpg)
El nacimiento del nombre
A fines de los 80s, la ACM sugirió incorporar el diseño de interfaces al currículum de todas las carreras vinculadas a las ciencias de la computación.
Asimismo, se planteó la necesidad de estudiar la usabilidad de las interfaces humano-computador de forma sistemática
![Page 4: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/4.jpg)
El nacimiento del nombre
Alrededor de la misma época Bill Moggridge y Verplank de IDTwo trabajaban en el diseño del primer laptop. Cayeron en la cuenta que tanto la interfaz gráfica como como la forma física constituyen la interfaz humano-computador. Acuñaron el término “diseño de interacción” para referirse al compromiso por la totalidad de la experiencia.
![Page 5: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/5.jpg)
una definición
“Design is the human power to conceive, plan, and realize products that serve human beings in the accomplishment of any individual or collective purpose.”
Dick Buchanan, Carnegie Mellon
![Page 6: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/6.jpg)
una definición• Interaction
Action or influence of persons or things on each other [Oxford American Dictionary]
• Designthe act of conceiving, planning and constructing the component parts into complex wholes that become communications, products, services, environments orsystems so that they are appropriate to human situations [CMU]
![Page 7: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/7.jpg)
una definiciónEl diseño de interacción le da forma al comportamiento de sistemas desde:
• su forma estética
• sus prestaciones y funciones
• las relaciones mediadas entre personas, productos, servicios y espacios para crear experiencias gratas y significativas en contextos sociales, económicos y culturales específicos.
![Page 8: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/8.jpg)
propósitosLos diseñadores de interacción definimos el comportamiento de productos (artefactos, entornos, servicios y sistemas):
• definiendo la forma de los productos en relación al comportamiento y a su uso
• explorando el diálogo entre productos, personas y sus contextos
• anticipando cómo el uso de un producto mediará las relaciones humanas
![Page 9: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/9.jpg)
propósitos
Los diseñadores de interacción trabajan desde una perspectiva que:
• tiende a vincular el diseño de productos a la comprensión del por qué y cómo las personas usan dichos productos en primer lugar.
• asume el diseño de dichos productos abogando por los usuarios, por sus propósitos y sus valores.
• asumen el diseño de productos para dar un paso hacia el futuro, en el sentido de “cómo las cosas podrían ser” anteponiendo el interés humano a las posibilidades tecnológicas. En este sentido es prescriptivo.
![Page 10: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/10.jpg)
propósitos
Los diseñadores de interacción poseen las competencias:
• para resolver problemas analítica y creativamente
• para articular y visualizar soluciones para problemas complejos
• para empatizar con sus usuarios
![Page 11: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/11.jpg)
propósitosLos diseñadores de interacción además:
• mejoran las condiciones de vida con soluciones éticas, pragmáticas, trascendentes y elegantes para sus productos y servicios
• desarrollamos métodos y procesos para extender la disciplina
• capturamos el conocimiento generado a partir de la práctica y la investigación de la disciplina
• desarrollamos teoría que explica los principios , métodos y prácticas subyacentes a la disciplina
![Page 12: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/12.jpg)
modelo Norman
diseñador usuario
sistema
Don Norman
el modelo del diseñador
el modelo del usuario
la imagen del sistema
![Page 13: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/13.jpg)
contexto
modelo CMU
personasistemaespacioservicio
productopersona
elementos
constructos
diálogos
fuerzas culturales, sociales y económicas
emocionesvalores
necesidadesdeseos
experiencia previaexpectativas
estéticasemióticasemánticavalor económico
interacción
![Page 14: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/14.jpg)
¿nuestro modelo?
persona sistema
feedback
feedforward
![Page 15: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/15.jpg)
persona sistema
feedforward
feedback
diálogosconstructoselementos[ ]
Imagen del mundoobjetivos y necesidades
creencias y valoresmodelo del sistema
expectativasexperiencia previa
Imagen del mundoobjetivos modelo del contextomodelo del usuario
Sub-Sistemasfuncional (frontend)técnico (backend)
¿nuestro modelo?
![Page 16: Una introducción al Diseño de Interacción](https://reader038.vdocumento.com/reader038/viewer/2022110122/55ad76811a28ab27128b4619/html5/thumbnails/16.jpg)
[ ]persona sistema
feedforward
feedback
diálogosconstructoselementos
Imagen del mundoobjetivos y necesidades
creencias y valoresmodelo del sistema
expectativasexperiencia previa
Imagen del mundoobjetivos modelo del contextomodelo del usuario
Sub-Sistemasfuncional (frontend)técnico (backend)
contextoSistemas Culturales
lenguajessistemas poíticos
estructuras económicas
Entorno Físicorecursos naturalesclimadesastres
¿nuestro modelo?