SlideShare a Scribd company logo
1 of 16
Download to read offline
Diseño de Interacción
panorama global de la disciplina
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.
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
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.
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
una definición
• Interaction

Action or influence of persons or things on each other
[Oxford American Dictionary]

• Design

the act of conceiving, planning and 
 constructing the
component parts into complex wholes that become
communications, products, services, environments or
systems so that they are appropriate to human situations
[CMU]
una definición
El 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.
propósitos
Los 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
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.
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
propósitos
Los 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
modelo Norman
el modelo del
diseñador

el modelo del
usuario

usuario

diseñador

la imagen del
sistema

sistema

Don Norman
modelo CMU
interacción
elementos
emociones
valores
necesidades
deseos
experiencia previa
expectativas

persona

constructos

sistema
espacio
servicio
producto
persona

diálogos

contexto
fuerzas culturales, sociales y económicas

estética
semiótica
semántica
valor económico
¿nuestro modelo?
feedforward

persona

sistema
feedback
¿nuestro modelo?
feedforward

[ ]

Imagen del mundo
objetivos y necesidades
creencias y valores
modelo del sistema
expectativas
experiencia previa

Imagen del mundo
objetivos
modelo del contexto
modelo del usuario

diálogos
constructos
elementos

persona

Sub-Sistemas
funcional (frontend)
técnico (backend)

sistema
feedback
¿nuestro modelo?
feedforward

[ ]

Imagen del mundo
objetivos y necesidades
creencias y valores
modelo del sistema
expectativas
experiencia previa

Imagen del mundo
objetivos
modelo del contexto
modelo del usuario

diálogos
constructos
elementos

persona

Sub-Sistemas
funcional (frontend)
técnico (backend)

sistema
feedback

Sistemas Culturales
lenguajes
sistemas poíticos
estructuras económicas

contexto

Entorno Físico
recursos naturales
clima
desastres

More Related Content

What's hot

Introducción a los Wireframes
Introducción a los WireframesIntroducción a los Wireframes
Introducción a los WireframesRodrigo Vera
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
 
La importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de InformaciónLa importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de InformaciónUX Nights
 
Fundamentos Gui Bonsiepe
Fundamentos Gui BonsiepeFundamentos Gui Bonsiepe
Fundamentos Gui BonsiepeDiana Muñoz
 
Aportaciones al desarrollo multimedia
Aportaciones al desarrollo multimediaAportaciones al desarrollo multimedia
Aportaciones al desarrollo multimediajhernandezala
 
DiseñO Interactivo
DiseñO InteractivoDiseñO Interactivo
DiseñO Interactivofjellul
 

What's hot (6)

Introducción a los Wireframes
Introducción a los WireframesIntroducción a los Wireframes
Introducción a los Wireframes
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
La importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de InformaciónLa importancia del trabajo colaborativo en Arquitectura de Información
La importancia del trabajo colaborativo en Arquitectura de Información
 
Fundamentos Gui Bonsiepe
Fundamentos Gui BonsiepeFundamentos Gui Bonsiepe
Fundamentos Gui Bonsiepe
 
Aportaciones al desarrollo multimedia
Aportaciones al desarrollo multimediaAportaciones al desarrollo multimedia
Aportaciones al desarrollo multimedia
 
DiseñO Interactivo
DiseñO InteractivoDiseñO Interactivo
DiseñO Interactivo
 

Viewers also liked

Hommage à René Char
Hommage à René CharHommage à René Char
Hommage à René Charal1gou
 
RELEC: Una herramienta al servicio de la innovación docente (poster)
RELEC: Una herramienta al servicio de la innovación docente (poster)RELEC: Una herramienta al servicio de la innovación docente (poster)
RELEC: Una herramienta al servicio de la innovación docente (poster)joseluis.gonzalez
 
Plantilla "LOS JUEGOS DEL MUNDO"
Plantilla "LOS JUEGOS DEL MUNDO"Plantilla "LOS JUEGOS DEL MUNDO"
Plantilla "LOS JUEGOS DEL MUNDO"Cristina Velazquez
 
Creciendo En Gracia
Creciendo En GraciaCreciendo En Gracia
Creciendo En GraciaRubén Ortiz
 
Formation JavaScript - Guide de démarrage rapide
Formation JavaScript - Guide de démarrage rapideFormation JavaScript - Guide de démarrage rapide
Formation JavaScript - Guide de démarrage rapideTarek Jellali
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1mekita1
 
Mi Tecno Autobiografía
Mi Tecno AutobiografíaMi Tecno Autobiografía
Mi Tecno AutobiografíaJeronimo Laso
 
Securité des réseaux mobiles de nouvelle génération ngn
Securité des réseaux mobiles de nouvelle génération ngnSecurité des réseaux mobiles de nouvelle génération ngn
Securité des réseaux mobiles de nouvelle génération ngnIntissar Dguechi
 
À la crémerie
À la crémerieÀ la crémerie
À la crémeriegtapprends
 
Référencement : 5 optimisations de base pour le référencement
Référencement : 5 optimisations de base pour le référencementRéférencement : 5 optimisations de base pour le référencement
Référencement : 5 optimisations de base pour le référencementFrançois GOUBE
 

Viewers also liked (20)

Hommage à René Char
Hommage à René CharHommage à René Char
Hommage à René Char
 
Tioman
TiomanTioman
Tioman
 
RELEC: Una herramienta al servicio de la innovación docente (poster)
RELEC: Una herramienta al servicio de la innovación docente (poster)RELEC: Una herramienta al servicio de la innovación docente (poster)
RELEC: Una herramienta al servicio de la innovación docente (poster)
 
Eet sn11 bmo2015_
Eet sn11 bmo2015_Eet sn11 bmo2015_
Eet sn11 bmo2015_
 
Emerveillez vous
Emerveillez vousEmerveillez vous
Emerveillez vous
 
Aprendizaje ilimitado Generación Big Bang
Aprendizaje ilimitado Generación Big BangAprendizaje ilimitado Generación Big Bang
Aprendizaje ilimitado Generación Big Bang
 
Ingles 2
Ingles 2Ingles 2
Ingles 2
 
Plantilla "LOS JUEGOS DEL MUNDO"
Plantilla "LOS JUEGOS DEL MUNDO"Plantilla "LOS JUEGOS DEL MUNDO"
Plantilla "LOS JUEGOS DEL MUNDO"
 
Primera clase del Diplomado "Aprendizaje a distancia con el empleo de Internet"
Primera clase del Diplomado "Aprendizaje a distancia con el empleo de Internet"Primera clase del Diplomado "Aprendizaje a distancia con el empleo de Internet"
Primera clase del Diplomado "Aprendizaje a distancia con el empleo de Internet"
 
Creciendo En Gracia
Creciendo En GraciaCreciendo En Gracia
Creciendo En Gracia
 
Formation JavaScript - Guide de démarrage rapide
Formation JavaScript - Guide de démarrage rapideFormation JavaScript - Guide de démarrage rapide
Formation JavaScript - Guide de démarrage rapide
 
Charges PhoderjudiciaRio
Charges PhoderjudiciaRioCharges PhoderjudiciaRio
Charges PhoderjudiciaRio
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Open Innovation
Open InnovationOpen Innovation
Open Innovation
 
Mi Tecno Autobiografía
Mi Tecno AutobiografíaMi Tecno Autobiografía
Mi Tecno Autobiografía
 
Securité des réseaux mobiles de nouvelle génération ngn
Securité des réseaux mobiles de nouvelle génération ngnSecurité des réseaux mobiles de nouvelle génération ngn
Securité des réseaux mobiles de nouvelle génération ngn
 
À la crémerie
À la crémerieÀ la crémerie
À la crémerie
 
re.(ad)
re.(ad)re.(ad)
re.(ad)
 
Tiendanueva
TiendanuevaTiendanueva
Tiendanueva
 
Référencement : 5 optimisations de base pour le référencement
Référencement : 5 optimisations de base pour le référencementRéférencement : 5 optimisations de base pour le référencement
Référencement : 5 optimisations de base pour le référencement
 

Similar to Una introducción al Diseño de Interacción

Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de informaciónOmar Sosa-Tzec
 
el computador desde el punto de vista del usuario
el computador desde el punto de vista del usuarioel computador desde el punto de vista del usuario
el computador desde el punto de vista del usuarioValeria Leones
 
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009eugeniaortiz
 
Introducción al Diseño de la Interacción Humano-Computadora
Introducción al Diseño de la Interacción Humano-ComputadoraIntroducción al Diseño de la Interacción Humano-Computadora
Introducción al Diseño de la Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Alexpp unidad 4 interfazhm
Alexpp unidad 4 interfazhmAlexpp unidad 4 interfazhm
Alexpp unidad 4 interfazhmAlejandro Ponce
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdfSandra Milena
 
Trabajo fin de Grado - María Fernández Álvarez
Trabajo fin de Grado - María Fernández ÁlvarezTrabajo fin de Grado - María Fernández Álvarez
Trabajo fin de Grado - María Fernández ÁlvarezMaraMuiz4
 
Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...
Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...
Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...Felix Antonio Gómez Hernández
 
Presentación ppt
Presentación pptPresentación ppt
Presentación pptfearshow
 
Ppt unidad 4 [c. janette barajas arreola]
Ppt unidad 4 [c. janette barajas arreola]Ppt unidad 4 [c. janette barajas arreola]
Ppt unidad 4 [c. janette barajas arreola]Jan Barajas
 
interaccion en el interfaz de usuario
interaccion en el interfaz de usuariointeraccion en el interfaz de usuario
interaccion en el interfaz de usuarioAngel Lema
 
Veronica barrera
Veronica barreraVeronica barrera
Veronica barrera19962209
 
Unidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaUnidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaalastar16
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computadorDessireWpe
 
Seminario para docentes- Catedra Rico
Seminario para docentes- Catedra RicoSeminario para docentes- Catedra Rico
Seminario para docentes- Catedra RicoMariana Salgado
 
Co-diseño presentación
Co-diseño presentaciónCo-diseño presentación
Co-diseño presentaciónCamiladcordova
 

Similar to Una introducción al Diseño de Interacción (20)

Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de información
 
el computador desde el punto de vista del usuario
el computador desde el punto de vista del usuarioel computador desde el punto de vista del usuario
el computador desde el punto de vista del usuario
 
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
 
Introducción al Diseño de la Interacción Humano-Computadora
Introducción al Diseño de la Interacción Humano-ComputadoraIntroducción al Diseño de la Interacción Humano-Computadora
Introducción al Diseño de la Interacción Humano-Computadora
 
Alexpp unidad 4 interfazhm
Alexpp unidad 4 interfazhmAlexpp unidad 4 interfazhm
Alexpp unidad 4 interfazhm
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdf
 
Trabajo fin de Grado - María Fernández Álvarez
Trabajo fin de Grado - María Fernández ÁlvarezTrabajo fin de Grado - María Fernández Álvarez
Trabajo fin de Grado - María Fernández Álvarez
 
Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...
Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...
Concepciones de creatividad en directivos, docentes y estudiantes de la Carre...
 
Retórica
RetóricaRetórica
Retórica
 
Presentación ppt
Presentación pptPresentación ppt
Presentación ppt
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Ppt unidad 4 [c. janette barajas arreola]
Ppt unidad 4 [c. janette barajas arreola]Ppt unidad 4 [c. janette barajas arreola]
Ppt unidad 4 [c. janette barajas arreola]
 
Hci
HciHci
Hci
 
interaccion en el interfaz de usuario
interaccion en el interfaz de usuariointeraccion en el interfaz de usuario
interaccion en el interfaz de usuario
 
Veronica barrera
Veronica barreraVeronica barrera
Veronica barrera
 
Unidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaUnidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquina
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computador
 
Seminario para docentes- Catedra Rico
Seminario para docentes- Catedra RicoSeminario para docentes- Catedra Rico
Seminario para docentes- Catedra Rico
 
Leidy peralta
Leidy  peraltaLeidy  peralta
Leidy peralta
 
Co-diseño presentación
Co-diseño presentaciónCo-diseño presentación
Co-diseño presentación
 

More from Herbert Spencer

PiX: Partituras de Interacción
PiX: Partituras de InteracciónPiX: Partituras de Interacción
PiX: Partituras de InteracciónHerbert Spencer
 
PiX - Partituras de Interacción (Interaction Scores)
PiX - Partituras de Interacción (Interaction Scores)PiX - Partituras de Interacción (Interaction Scores)
PiX - Partituras de Interacción (Interaction Scores)Herbert Spencer
 
Diseño: Definiciones, Perspectivas y Órdenes
Diseño: Definiciones, Perspectivas y ÓrdenesDiseño: Definiciones, Perspectivas y Órdenes
Diseño: Definiciones, Perspectivas y ÓrdenesHerbert Spencer
 
Diseño para la Experiencia
Diseño para la ExperienciaDiseño para la Experiencia
Diseño para la ExperienciaHerbert Spencer
 
De Mapas Conceptuales a Modelos Visuales
De Mapas Conceptuales a Modelos VisualesDe Mapas Conceptuales a Modelos Visuales
De Mapas Conceptuales a Modelos VisualesHerbert Spencer
 
Líneas de investigación e[ad]
Líneas de investigación e[ad]Líneas de investigación e[ad]
Líneas de investigación e[ad]Herbert Spencer
 
Processing 01: Introducción
Processing 01: IntroducciónProcessing 01: Introducción
Processing 01: IntroducciónHerbert Spencer
 
Métodos de Investigación en Diseño
Métodos de Investigación en DiseñoMétodos de Investigación en Diseño
Métodos de Investigación en DiseñoHerbert Spencer
 
Visualización De Información
Visualización De InformaciónVisualización De Información
Visualización De InformaciónHerbert Spencer
 
Metodologías de la Investigación en Diseño
Metodologías de la Investigación en DiseñoMetodologías de la Investigación en Diseño
Metodologías de la Investigación en DiseñoHerbert Spencer
 
Diseño de Interacción: un horizonte del diseño para plataformas digitales
Diseño de Interacción: un horizonte del diseño para plataformas digitalesDiseño de Interacción: un horizonte del diseño para plataformas digitales
Diseño de Interacción: un horizonte del diseño para plataformas digitalesHerbert Spencer
 

More from Herbert Spencer (20)

PiX: Partituras de Interacción
PiX: Partituras de InteracciónPiX: Partituras de Interacción
PiX: Partituras de Interacción
 
PiX - Partituras de Interacción (Interaction Scores)
PiX - Partituras de Interacción (Interaction Scores)PiX - Partituras de Interacción (Interaction Scores)
PiX - Partituras de Interacción (Interaction Scores)
 
Diseño de Servicios
Diseño de ServiciosDiseño de Servicios
Diseño de Servicios
 
Investigación IxD
Investigación IxDInvestigación IxD
Investigación IxD
 
Mapas y Modelos
Mapas y ModelosMapas y Modelos
Mapas y Modelos
 
Lenguajes IxD
Lenguajes IxDLenguajes IxD
Lenguajes IxD
 
Diseño: Definiciones, Perspectivas y Órdenes
Diseño: Definiciones, Perspectivas y ÓrdenesDiseño: Definiciones, Perspectivas y Órdenes
Diseño: Definiciones, Perspectivas y Órdenes
 
Diseño para la Experiencia
Diseño para la ExperienciaDiseño para la Experiencia
Diseño para la Experiencia
 
Espacio del Diseño
Espacio del DiseñoEspacio del Diseño
Espacio del Diseño
 
CitiSent
CitiSentCitiSent
CitiSent
 
De Mapas Conceptuales a Modelos Visuales
De Mapas Conceptuales a Modelos VisualesDe Mapas Conceptuales a Modelos Visuales
De Mapas Conceptuales a Modelos Visuales
 
Líneas de investigación e[ad]
Líneas de investigación e[ad]Líneas de investigación e[ad]
Líneas de investigación e[ad]
 
Arte entre Guerras
Arte entre GuerrasArte entre Guerras
Arte entre Guerras
 
Diseño de Interacción
Diseño de InteracciónDiseño de Interacción
Diseño de Interacción
 
Processing 01: Introducción
Processing 01: IntroducciónProcessing 01: Introducción
Processing 01: Introducción
 
Diseño e[ad]
Diseño e[ad]Diseño e[ad]
Diseño e[ad]
 
Métodos de Investigación en Diseño
Métodos de Investigación en DiseñoMétodos de Investigación en Diseño
Métodos de Investigación en Diseño
 
Visualización De Información
Visualización De InformaciónVisualización De Información
Visualización De Información
 
Metodologías de la Investigación en Diseño
Metodologías de la Investigación en DiseñoMetodologías de la Investigación en Diseño
Metodologías de la Investigación en Diseño
 
Diseño de Interacción: un horizonte del diseño para plataformas digitales
Diseño de Interacción: un horizonte del diseño para plataformas digitalesDiseño de Interacción: un horizonte del diseño para plataformas digitales
Diseño de Interacción: un horizonte del diseño para plataformas digitales
 

Recently uploaded

Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 

Recently uploaded (20)

Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 

Una introducción al Diseño de Interacción

  • 1. Diseño de Interacción panorama global de la disciplina
  • 2. 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.
  • 3. 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
  • 4. 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.
  • 5. 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
  • 6. una definición • Interaction Action or influence of persons or things on each other [Oxford American Dictionary] • Design the act of conceiving, planning and constructing the component parts into complex wholes that become communications, products, services, environments or systems so that they are appropriate to human situations [CMU]
  • 7. una definición El 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.
  • 8. propósitos Los 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
  • 9. 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.
  • 10. 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
  • 11. propósitos Los 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
  • 12. modelo Norman el modelo del diseñador el modelo del usuario usuario diseñador la imagen del sistema sistema Don Norman
  • 15. ¿nuestro modelo? feedforward [ ] Imagen del mundo objetivos y necesidades creencias y valores modelo del sistema expectativas experiencia previa Imagen del mundo objetivos modelo del contexto modelo del usuario diálogos constructos elementos persona Sub-Sistemas funcional (frontend) técnico (backend) sistema feedback
  • 16. ¿nuestro modelo? feedforward [ ] Imagen del mundo objetivos y necesidades creencias y valores modelo del sistema expectativas experiencia previa Imagen del mundo objetivos modelo del contexto modelo del usuario diálogos constructos elementos persona Sub-Sistemas funcional (frontend) técnico (backend) sistema feedback Sistemas Culturales lenguajes sistemas poíticos estructuras económicas contexto Entorno Físico recursos naturales clima desastres