SlideShare una empresa de Scribd logo
1 de 5
¿QUÉ ES EL DISEÑO DE INTERACCIÓN?
Universidad Tecnológica de Tecámac
Ingeniería en Desarrollo y Gestión de Software
Materia: Experiencia de usuario
Alumno:
Saldivar Orozco Brayan
Profa. María Luisa Morales Monroy
Mayo – agosto 2021
¿QUE ES EL DISEÑO DE INTERACCIÓN?
El diseño de interacción tiene
como objetivo reducir cualquier
aspecto negativo de esta
interacción generando de esta
manera una buena experiencia
de uso por lo que un diseño de
interacción debe de ser fácil,
efectivo y grato de usar.
Los inicios del diseño de
interacción surgen gracias a la
investigación de los ingenieros de
la empresa Xerox que venían del
campo human factor x y eran
expertos en el comportamiento
humano-maquina.
A inicios de los años 70s
estos ingenieros crearon la
impresión por laser y
ethernet y una cajita móvil
conectada por un cable a un
ordenador, cuando se
llegaba a mover la cajita con
la mano el usuario podía ver
una fecha que se movía al
mismo tiempo en la pantalla
del ordenador.
Estos ingenieros crearon el
ratón y la interface de usuario,
unos años después de
inventarse en concreto en 1979
Steve Jobs visito el centro de
trabajo de xerox para conocer
el nuevo invento, aunque los
directivos de xerox no le dieran
valor Steve si le vio un futuro
donde los usuarios podrían
interactuar con una interface
grafica en vez de una interface
por comandos y asi fue como
Apple lo introdujo en su sistema
operativo lisa.
El hijo de Jeff raskin habla sobre como su
padre, ingeniero de Apple introdujo al
mundo del diseño de interacción la
posibilidad de clicar y arrastrar con el
puntero del ratos en una interface grafica,
es muy fácil de usar el concepto ya que si
queremos eliminar una aplicación del
ordenador tan solo se tiene que seleccionar
la aplicación y arrastrarla hasta la papelera,
es un simulación muy interesante ya que
asi es la vida real agarrar algo que no nos
sirva y tirarlo a la basura, estos fueron los
inicios de la interacción humano-maquina.

Más contenido relacionado

La actualidad más candente

Cibernetica, robotica , inteligencia artificial
Cibernetica, robotica , inteligencia artificialCibernetica, robotica , inteligencia artificial
Cibernetica, robotica , inteligencia artificialAndrés Lemus
 
Aproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de UsuarioAproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de UsuarioCarlos Marrero
 
TALLER N_8 IHC
TALLER N_8 IHC TALLER N_8 IHC
TALLER N_8 IHC 692011
 
Douglas Engelbart
Douglas Engelbart Douglas Engelbart
Douglas Engelbart briansanger
 
Proyecccion del futuro
Proyecccion del futuroProyecccion del futuro
Proyecccion del futurostivencor
 
Interaccion Humano Computador
Interaccion Humano ComputadorInteraccion Humano Computador
Interaccion Humano ComputadorTm-CS
 
Inteligencia artificial, Computación e Informática IV - 2013
Inteligencia artificial, Computación e Informática IV - 2013Inteligencia artificial, Computación e Informática IV - 2013
Inteligencia artificial, Computación e Informática IV - 2013Instituto Juan Bosco de Huánuco
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia ArtificialAngel Gomez
 
Las nuevas tecnologías y el diseño industrial
Las nuevas tecnologías y el diseño industrialLas nuevas tecnologías y el diseño industrial
Las nuevas tecnologías y el diseño industrialDario Chapa
 
Interacción Humano Computador
Interacción Humano ComputadorInteracción Humano Computador
Interacción Humano ComputadorMario Solarte
 

La actualidad más candente (19)

el raton
el ratonel raton
el raton
 
Cibernetica, robotica , inteligencia artificial
Cibernetica, robotica , inteligencia artificialCibernetica, robotica , inteligencia artificial
Cibernetica, robotica , inteligencia artificial
 
Aproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de UsuarioAproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de Usuario
 
TALLER N_8 IHC
TALLER N_8 IHC TALLER N_8 IHC
TALLER N_8 IHC
 
Douglas Engelbart
Douglas Engelbart Douglas Engelbart
Douglas Engelbart
 
Proyecccion del futuro
Proyecccion del futuroProyecccion del futuro
Proyecccion del futuro
 
Proyecccion del futuro
Proyecccion del futuroProyecccion del futuro
Proyecccion del futuro
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Interaccion Humano Computador
Interaccion Humano ComputadorInteraccion Humano Computador
Interaccion Humano Computador
 
Robotica
RoboticaRobotica
Robotica
 
Inteligencia artificial, Computación e Informática IV - 2013
Inteligencia artificial, Computación e Informática IV - 2013Inteligencia artificial, Computación e Informática IV - 2013
Inteligencia artificial, Computación e Informática IV - 2013
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
Las nuevas tecnologías y el diseño industrial
Las nuevas tecnologías y el diseño industrialLas nuevas tecnologías y el diseño industrial
Las nuevas tecnologías y el diseño industrial
 
Interacción Humano Computador
Interacción Humano ComputadorInteracción Humano Computador
Interacción Humano Computador
 
Robots
RobotsRobots
Robots
 
Cmaptools
CmaptoolsCmaptools
Cmaptools
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
Tecnologia TEORIA
Tecnologia TEORIATecnologia TEORIA
Tecnologia TEORIA
 

Similar a Qué es el diseño de interacción

Presentación diseño de interaccion
Presentación diseño de interaccionPresentación diseño de interaccion
Presentación diseño de interaccionFranciscoAntonioMend3
 
Instituto tecnológico de tehuacán
Instituto tecnológico de tehuacánInstituto tecnológico de tehuacán
Instituto tecnológico de tehuacánAlex RamosZaquero
 
Expocicion/Investigacion
Expocicion/InvestigacionExpocicion/Investigacion
Expocicion/Investigacionmarpeztin
 
interaccion en el interfaz de usuario
interaccion en el interfaz de usuariointeraccion en el interfaz de usuario
interaccion en el interfaz de usuarioAngel Lema
 
Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Gonzalo Delgado
 
Computación basada en gestos
Computación basada en gestosComputación basada en gestos
Computación basada en gestosgvnyps
 
computación basada en gestos
computación basada en gestoscomputación basada en gestos
computación basada en gestosBFUENTESCA
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
 
Dispos¼tivos de interaccion de ultima tecnologia
Dispos¼tivos de interaccion de ultima tecnologiaDispos¼tivos de interaccion de ultima tecnologia
Dispos¼tivos de interaccion de ultima tecnologiaDanny Mejia
 
Taller 3 jose luis rodriguez- ICH-Clase invertida
Taller 3  jose luis rodriguez- ICH-Clase invertidaTaller 3  jose luis rodriguez- ICH-Clase invertida
Taller 3 jose luis rodriguez- ICH-Clase invertidaJose Rodriguez
 
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaTaller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaJose Rodriguez
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humanaaaaj1908
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebDNRstudios
 
Foro resumen
Foro resumenForo resumen
Foro resumenLuis_Gon1
 
Tecnologias futuras
Tecnologias futurasTecnologias futuras
Tecnologias futuraseadys05lp
 
Historia De La Interfaz GráFica
Historia De La Interfaz GráFicaHistoria De La Interfaz GráFica
Historia De La Interfaz GráFicaXimena Tabares
 

Similar a Qué es el diseño de interacción (20)

Presentación diseño de interaccion
Presentación diseño de interaccionPresentación diseño de interaccion
Presentación diseño de interaccion
 
Creador
CreadorCreador
Creador
 
Instituto tecnológico de tehuacán
Instituto tecnológico de tehuacánInstituto tecnológico de tehuacán
Instituto tecnológico de tehuacán
 
Expocicion/Investigacion
Expocicion/InvestigacionExpocicion/Investigacion
Expocicion/Investigacion
 
interaccion en el interfaz de usuario
interaccion en el interfaz de usuariointeraccion en el interfaz de usuario
interaccion en el interfaz de usuario
 
Tipos de Interfaces
Tipos de InterfacesTipos de Interfaces
Tipos de Interfaces
 
Avances del HCI
Avances del HCIAvances del HCI
Avances del HCI
 
Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)
 
Guia 11
Guia 11Guia 11
Guia 11
 
Computación basada en gestos
Computación basada en gestosComputación basada en gestos
Computación basada en gestos
 
computación basada en gestos
computación basada en gestoscomputación basada en gestos
computación basada en gestos
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
Dispos¼tivos de interaccion de ultima tecnologia
Dispos¼tivos de interaccion de ultima tecnologiaDispos¼tivos de interaccion de ultima tecnologia
Dispos¼tivos de interaccion de ultima tecnologia
 
Taller 3 jose luis rodriguez- ICH-Clase invertida
Taller 3  jose luis rodriguez- ICH-Clase invertidaTaller 3  jose luis rodriguez- ICH-Clase invertida
Taller 3 jose luis rodriguez- ICH-Clase invertida
 
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaTaller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humana
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño Web
 
Foro resumen
Foro resumenForo resumen
Foro resumen
 
Tecnologias futuras
Tecnologias futurasTecnologias futuras
Tecnologias futuras
 
Historia De La Interfaz GráFica
Historia De La Interfaz GráFicaHistoria De La Interfaz GráFica
Historia De La Interfaz GráFica
 

Último

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
 
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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
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
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
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
 
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
 
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
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
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
 
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
 
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
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
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
 

Último (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
 
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
 
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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
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
 
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
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
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
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
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
 
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
 
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
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
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
 
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
 
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
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
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
 

Qué es el diseño de interacción

  • 1. ¿QUÉ ES EL DISEÑO DE INTERACCIÓN? Universidad Tecnológica de Tecámac Ingeniería en Desarrollo y Gestión de Software Materia: Experiencia de usuario Alumno: Saldivar Orozco Brayan Profa. María Luisa Morales Monroy Mayo – agosto 2021
  • 2. ¿QUE ES EL DISEÑO DE INTERACCIÓN? El diseño de interacción tiene como objetivo reducir cualquier aspecto negativo de esta interacción generando de esta manera una buena experiencia de uso por lo que un diseño de interacción debe de ser fácil, efectivo y grato de usar.
  • 3. Los inicios del diseño de interacción surgen gracias a la investigación de los ingenieros de la empresa Xerox que venían del campo human factor x y eran expertos en el comportamiento humano-maquina.
  • 4. A inicios de los años 70s estos ingenieros crearon la impresión por laser y ethernet y una cajita móvil conectada por un cable a un ordenador, cuando se llegaba a mover la cajita con la mano el usuario podía ver una fecha que se movía al mismo tiempo en la pantalla del ordenador. Estos ingenieros crearon el ratón y la interface de usuario, unos años después de inventarse en concreto en 1979 Steve Jobs visito el centro de trabajo de xerox para conocer el nuevo invento, aunque los directivos de xerox no le dieran valor Steve si le vio un futuro donde los usuarios podrían interactuar con una interface grafica en vez de una interface por comandos y asi fue como Apple lo introdujo en su sistema operativo lisa.
  • 5. El hijo de Jeff raskin habla sobre como su padre, ingeniero de Apple introdujo al mundo del diseño de interacción la posibilidad de clicar y arrastrar con el puntero del ratos en una interface grafica, es muy fácil de usar el concepto ya que si queremos eliminar una aplicación del ordenador tan solo se tiene que seleccionar la aplicación y arrastrarla hasta la papelera, es un simulación muy interesante ya que asi es la vida real agarrar algo que no nos sirva y tirarlo a la basura, estos fueron los inicios de la interacción humano-maquina.