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
Prof. Fernando Omar Arciniega Martínez
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

La actualidad más candente (7)

Diapositivas
DiapositivasDiapositivas
Diapositivas
 
U6 DispositivosMoviles Act..pptx
U6 DispositivosMoviles Act..pptxU6 DispositivosMoviles Act..pptx
U6 DispositivosMoviles Act..pptx
 
La TecnologizacióN De La Imagen
La TecnologizacióN De La ImagenLa TecnologizacióN De La Imagen
La TecnologizacióN De La Imagen
 
Realidad virtual
Realidad virtualRealidad virtual
Realidad virtual
 
Tecnologia TEORIA
Tecnologia TEORIATecnologia TEORIA
Tecnologia TEORIA
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 

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
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computadorDessireWpe
 
interaccion en el interfaz de usuario
interaccion en el interfaz de usuariointeraccion en el interfaz de usuario
interaccion en el interfaz de usuarioAngel Lema
 
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
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
 
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
 
1-1 Introducción IHC
1-1 Introducción IHC1-1 Introducción IHC
1-1 Introducción IHCkamui002
 
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
 
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
 
Tecnologias futuras
Tecnologias futurasTecnologias futuras
Tecnologias futuraseadys05lp
 
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
 
Historia De La Interfaz GráFica
Historia De La Interfaz GráFicaHistoria De La Interfaz GráFica
Historia De La Interfaz GráFicaXimena Tabares
 
Foro resumen
Foro resumenForo resumen
Foro resumenLuis_Gon1
 

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
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computador
 
interaccion en el interfaz de usuario
interaccion en el interfaz de usuariointeraccion en el interfaz de usuario
interaccion en el interfaz de usuario
 
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
 
Tipos de Interfaces
Tipos de InterfacesTipos de Interfaces
Tipos de Interfaces
 
Guia 11
Guia 11Guia 11
Guia 11
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
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)
 
1-1 Introducción IHC
1-1 Introducción IHC1-1 Introducción IHC
1-1 Introducción IHC
 
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
 
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
 
Tecnologias futuras
Tecnologias futurasTecnologias futuras
Tecnologias futuras
 
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
 
Historia De La Interfaz GráFica
Historia De La Interfaz GráFicaHistoria De La Interfaz GráFica
Historia De La Interfaz GráFica
 
Foro resumen
Foro resumenForo resumen
Foro resumen
 

Último

Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
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
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 

Último (20)

Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
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
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
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
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
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
 

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 Prof. Fernando Omar Arciniega Martínez 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.