SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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
 

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfANGELEMMANUELALBAAPA
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...mariaclaramb
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basicoJOSE645741
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 

Kürzlich hochgeladen (20)

Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdf
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.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