SlideShare una empresa de Scribd logo
1 de 27
Descargar para leer sin conexión
Interfaz Humano
  Computadora
             Introducción


            Mtro. Omar Sosa Tzec.
        Lic. en Diseño de Interacción.
 Universidad Iberoamericana, Campus Puebla.
                Primavera, 2009.
Recordamos todo el tiempo que...
Modelo Ontológico de Gui Bonsiepe


             Usuario




            Interfaz

  Tarea                   Herramienta
...y eso tomamos como interfaz.
¿Qué es entonces la Interacción Humano Computadora?
La Interacción Humano–Computadora
(HCI por sus siglas en inglés) es el estudio
de la relación que existe entre los usuarios
humanos y los sistemas de cómputo que
usan para realizar diversas tareas.



The Esscence of Human–Computer Interaction.
Christine Faulkner.
Busca entender cómo funcionan los
usuarios, las tareas que necesitan llevar a
cabo y el modo en el que los sistemas de
cómputo necesitan estar estructurados
para facilitar el cumplimiento de esas
tareas.


The Esscence of Human–Computer Interaction.
Christine Faulkner.
Para entender a los usuarios es necesario      The Esscence of
                                               Human–Computer Interaction.
entender los procesos, capacidades y           Christine Faulkner.

predilecciones que pueden asociarse a las
tareas que desempeñan.

Esto involucra un entendimiento y
conocimiento de cosas como la memoria,
visión, cognición, oído, tacto y habilidades
motrices.
El sistema computacional necesita ser   The Esscence of
                                        Human–Computer Interaction.
entendido en términos de lo que puede   Christine Faulkner.

hacer por los usuarios y cómo podría
comunicarse mejor con ellos...
Con esto sale a colación un concepto
      que no se debe olvidar...
Un affordance es un término técnico acuñado
por Donald Norman que se refiere a las
propiedades de los objetos que indican que
clase de operaciones y manipulaciones se
pueden llevar a cabo con dicho objeto.




Human–Computer Interaction.
Jenny Preece
... A su vez, la tarea del usuario tiene que   The Esscence of
                                               Human–Computer Interaction.
ser entendida de acuerdo a lo que es en sí     Christine Faulkner.

y en relación con otras tareas, asi como
puede ser la mejor forma de completarla
usando el sistema computacional.
En adición, recordemos que el concepto básico
          de la usabilidad involucra...
Aprendizaje

Eficiencia

Recordación

Manejo de errores

Satisfacción
Las metas de HCI son producir sistemas seguros       Human–Computer Interaction.
                                                     Jenny Preece
y usables.

Para producir sistemas computacionales con
buena usabilidad, los especialistas en HCI deben
de:

a) entender los factores (tales como
psicológicos, ergonómicos, organizacionales y
sociales) que determinan cómo la gente opera y
hace uso de la tecnología computacional efectiva,
tal que se lleve este entendimieto a un

b) desarrollo de técnicas y herramientas que
ayuden a los diseñadores a asegurar sistemas
adecuados para las actividades para las cuales los
usarán, con el propósito de
c) conseguir una interacción eficiente, efectiva y   Human–Computer Interaction.
                                                    Jenny Preece
segura, tanto en términos de la interacción
humano–computadora individual asi como en
interacciones de grupo.
De hecho, la HCI es multidsciplinaria...
Ergonomía
                                       Psicología social
                                                            y factores
                                       y organizacional
                                                             humanos
                          Psicología
                                                                         Ingeniería
                          cognitiva



                 Ciencias de la
                                                HCI                               Diseño
                 Computación



                     Inteligencia
                                                                         Antropología
                       Artificial


                                Lingüística                   Sociología
                                                Filosofía




The Esscence of Human–Computer Interaction.
Christine Faulkner.
¿Y el diseño de interacción?
El diseño de interacción se refiere al proceso
que se encuentra dentro de las
restricciones de recursos para crear, dar
forma y decidir todas las cualidades
orientadas al uso, ya sean funcionales,
estructurales, éticas o estéticas, de un
artefacto digital de uno o más clientes.

Thoughtful Interaction Design.
Jonas Löwgren.
¿Y se centra sólo a lo digital?
        ¿Qué opinan?
Observemos lo que dicen algunos gurús
      del diseño de interacción.
Entrevistas a
Gilian Crampton

Bill Verplank

Bill Atkinson

Jun Rekimoto
Entonces ¿qué significa o implica
     el siguiente diagrama?
DIx
HCI
Tarea Uno.
 En no más de una, escribe lo que piensas
 sobre la relación entre HCI y el DIx, tanto
  en lo que piensas que es igual, así como
             lo que es diferente.

 Debes de buscar referencias en línea para
la elaboración de tus definiciones y también
           ponerlas en el escrito.
Tarea Dos.
 Entre todos van a exponer para la sigiuente clase
de qué trata el texto “La psicopatología de las cosas
            diarias” de Donald Norman.

Más contenido relacionado

La actualidad más candente

Requisitos mínimos para instalar una red lan
Requisitos mínimos para instalar una red lanRequisitos mínimos para instalar una red lan
Requisitos mínimos para instalar una red lanLeonard Sanoja
 
Cableado estructurado
Cableado estructuradoCableado estructurado
Cableado estructuradogabriel ponce
 
Sistemas Operativos Mecanismos y Politicas
Sistemas Operativos Mecanismos y PoliticasSistemas Operativos Mecanismos y Politicas
Sistemas Operativos Mecanismos y PoliticasJuan Novelo
 
Tipos de Conexiones a internet Ventajas desventajas velocidad y seguridad
Tipos de Conexiones a internet  Ventajas desventajas velocidad y seguridadTipos de Conexiones a internet  Ventajas desventajas velocidad y seguridad
Tipos de Conexiones a internet Ventajas desventajas velocidad y seguridadherglyGonzalezSanche1
 
Transmision de datos y sus componentes.
Transmision de datos y sus componentes.Transmision de datos y sus componentes.
Transmision de datos y sus componentes.Cesar Portanova
 
CONCEPTOS DE MEDIOS DE TRANSMISION
CONCEPTOS DE MEDIOS DE TRANSMISIONCONCEPTOS DE MEDIOS DE TRANSMISION
CONCEPTOS DE MEDIOS DE TRANSMISIONcarlos ramirez
 
Tipos de sistemas de computo
Tipos de sistemas de computoTipos de sistemas de computo
Tipos de sistemas de computoJoelBoya2
 
Diferencias entre arquitectura y organización
Diferencias entre arquitectura y organizaciónDiferencias entre arquitectura y organización
Diferencias entre arquitectura y organizaciónAngel Aguilar
 
cuarto de telecomunicaciones
cuarto de telecomunicacionescuarto de telecomunicaciones
cuarto de telecomunicacionesguesta4d883
 
ORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORAS
ORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORASORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORAS
ORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORASkevin vargas paredes
 
Practicas Packet Tracer
Practicas Packet TracerPracticas Packet Tracer
Practicas Packet Tracermmgl1974
 
Centro de computo adquicicion de software y hardware
Centro de computo adquicicion de software y hardwareCentro de computo adquicicion de software y hardware
Centro de computo adquicicion de software y hardwareLuis Alberto HeMo
 
Proyecto de una Red LAN
Proyecto de una Red LANProyecto de una Red LAN
Proyecto de una Red LANOdette Cf
 
Arquitectura de computadoras: Introducción
Arquitectura de computadoras: IntroducciónArquitectura de computadoras: Introducción
Arquitectura de computadoras: IntroducciónDaniel Casalotti Zanetti
 

La actualidad más candente (20)

Requisitos mínimos para instalar una red lan
Requisitos mínimos para instalar una red lanRequisitos mínimos para instalar una red lan
Requisitos mínimos para instalar una red lan
 
Cableado estructurado
Cableado estructuradoCableado estructurado
Cableado estructurado
 
Preguntas examen IV
Preguntas examen IVPreguntas examen IV
Preguntas examen IV
 
Sistemas Operativos Mecanismos y Politicas
Sistemas Operativos Mecanismos y PoliticasSistemas Operativos Mecanismos y Politicas
Sistemas Operativos Mecanismos y Politicas
 
Tipos de Conexiones a internet Ventajas desventajas velocidad y seguridad
Tipos de Conexiones a internet  Ventajas desventajas velocidad y seguridadTipos de Conexiones a internet  Ventajas desventajas velocidad y seguridad
Tipos de Conexiones a internet Ventajas desventajas velocidad y seguridad
 
Transmision de datos y sus componentes.
Transmision de datos y sus componentes.Transmision de datos y sus componentes.
Transmision de datos y sus componentes.
 
CONCEPTOS DE MEDIOS DE TRANSMISION
CONCEPTOS DE MEDIOS DE TRANSMISIONCONCEPTOS DE MEDIOS DE TRANSMISION
CONCEPTOS DE MEDIOS DE TRANSMISION
 
Simbología en redes1
Simbología en redes1Simbología en redes1
Simbología en redes1
 
Tipos de sistemas de computo
Tipos de sistemas de computoTipos de sistemas de computo
Tipos de sistemas de computo
 
Diferencias entre arquitectura y organización
Diferencias entre arquitectura y organizaciónDiferencias entre arquitectura y organización
Diferencias entre arquitectura y organización
 
cuarto de telecomunicaciones
cuarto de telecomunicacionescuarto de telecomunicaciones
cuarto de telecomunicaciones
 
Fundamentos de redes
Fundamentos de redesFundamentos de redes
Fundamentos de redes
 
ORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORAS
ORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORASORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORAS
ORIGEN Y EVOLUCIÓN DE LAS REDES DE COMPUTADORAS
 
Practicas Packet Tracer
Practicas Packet TracerPracticas Packet Tracer
Practicas Packet Tracer
 
Centro de computo adquicicion de software y hardware
Centro de computo adquicicion de software y hardwareCentro de computo adquicicion de software y hardware
Centro de computo adquicicion de software y hardware
 
Proyecto de una Red LAN
Proyecto de una Red LANProyecto de una Red LAN
Proyecto de una Red LAN
 
Red pan
Red panRed pan
Red pan
 
Diseño de un Centro de Computo
Diseño de un Centro de ComputoDiseño de un Centro de Computo
Diseño de un Centro de Computo
 
02 examen parcial n°1-informática ii-vacio
02 examen parcial n°1-informática ii-vacio02 examen parcial n°1-informática ii-vacio
02 examen parcial n°1-informática ii-vacio
 
Arquitectura de computadoras: Introducción
Arquitectura de computadoras: IntroducciónArquitectura de computadoras: Introducción
Arquitectura de computadoras: Introducción
 

Destacado

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
 
Introducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraIntroducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...
Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...
Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...Posmo: CX Consulting & Research
 
Bridging the gap between emotion and health
Bridging the gap between emotion and healthBridging the gap between emotion and health
Bridging the gap between emotion and healthAndrew Kemp
 
Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...
Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...
Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...Posmo: CX Consulting & Research
 
Speculative design introduction
Speculative design introductionSpeculative design introduction
Speculative design introductionegoodman
 
User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...
User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...
User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...Posmo: CX Consulting & Research
 
Línea del tiempo comunicación
Línea del tiempo comunicaciónLínea del tiempo comunicación
Línea del tiempo comunicaciónjonnparis
 
Diseño emocional y ingenieria kansei
Diseño emocional y ingenieria kanseiDiseño emocional y ingenieria kansei
Diseño emocional y ingenieria kanseiGiselle Escandón
 
dpsg Webmaster Convention 2010 - GMaps API
dpsg Webmaster Convention 2010 - GMaps APIdpsg Webmaster Convention 2010 - GMaps API
dpsg Webmaster Convention 2010 - GMaps APIOskar Kurz
 
Tierkreiszeichen signs of the zodiac pps.
Tierkreiszeichen signs of the zodiac pps.Tierkreiszeichen signs of the zodiac pps.
Tierkreiszeichen signs of the zodiac pps.D. Ynoche
 
Zischenbericht an die steuerungsgruppe punktation
Zischenbericht an die steuerungsgruppe   punktationZischenbericht an die steuerungsgruppe   punktation
Zischenbericht an die steuerungsgruppe punktationWerner Drizhal
 
Cuerpo Human0 Power [Modo De Compatibilidad]
Cuerpo Human0 Power [Modo De Compatibilidad]Cuerpo Human0 Power [Modo De Compatibilidad]
Cuerpo Human0 Power [Modo De Compatibilidad]guestdad4cf
 
Los menores internados y sus abogados
Los menores internados y sus abogadosLos menores internados y sus abogados
Los menores internados y sus abogadosrsanjorge
 
Arquitectura de Información del CIRIA UDLAP
Arquitectura de Información del CIRIA UDLAPArquitectura de Información del CIRIA UDLAP
Arquitectura de Información del CIRIA UDLAPOmar Sosa-Tzec
 

Destacado (19)

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
 
Introducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraIntroducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-Computadora
 
Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...
Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...
Emotion In Design - Patrones de Interacción: El Valor de la Emoción en la Tom...
 
Bridging the gap between emotion and health
Bridging the gap between emotion and healthBridging the gap between emotion and health
Bridging the gap between emotion and health
 
Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...
Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...
Interacción: Emociones y Reacciones - Alexis Brantes - Seminario Diseño de In...
 
Speculative design introduction
Speculative design introductionSpeculative design introduction
Speculative design introduction
 
User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...
User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...
User Emotion Analysis: Midiendo los estados emocionales biológicos y cognitiv...
 
Línea del tiempo comunicación
Línea del tiempo comunicaciónLínea del tiempo comunicación
Línea del tiempo comunicación
 
Diseño emocional y ingenieria kansei
Diseño emocional y ingenieria kanseiDiseño emocional y ingenieria kansei
Diseño emocional y ingenieria kansei
 
Aal imran ayah 01 08
Aal imran ayah 01 08Aal imran ayah 01 08
Aal imran ayah 01 08
 
dpsg Webmaster Convention 2010 - GMaps API
dpsg Webmaster Convention 2010 - GMaps APIdpsg Webmaster Convention 2010 - GMaps API
dpsg Webmaster Convention 2010 - GMaps API
 
Tierkreiszeichen signs of the zodiac pps.
Tierkreiszeichen signs of the zodiac pps.Tierkreiszeichen signs of the zodiac pps.
Tierkreiszeichen signs of the zodiac pps.
 
Blogs Y Wiki
Blogs Y WikiBlogs Y Wiki
Blogs Y Wiki
 
Zischenbericht an die steuerungsgruppe punktation
Zischenbericht an die steuerungsgruppe   punktationZischenbericht an die steuerungsgruppe   punktation
Zischenbericht an die steuerungsgruppe punktation
 
Cuerpo Human0 Power [Modo De Compatibilidad]
Cuerpo Human0 Power [Modo De Compatibilidad]Cuerpo Human0 Power [Modo De Compatibilidad]
Cuerpo Human0 Power [Modo De Compatibilidad]
 
Bonificaciones
BonificacionesBonificaciones
Bonificaciones
 
Los menores internados y sus abogados
Los menores internados y sus abogadosLos menores internados y sus abogados
Los menores internados y sus abogados
 
Arquitectura de Información del CIRIA UDLAP
Arquitectura de Información del CIRIA UDLAPArquitectura de Información del CIRIA UDLAP
Arquitectura de Información del CIRIA UDLAP
 
WiSe 2013 | IT-Zertifikat: AMM - Die Text Encoding Initiative (TEI)
WiSe 2013 | IT-Zertifikat: AMM - Die Text Encoding Initiative (TEI)WiSe 2013 | IT-Zertifikat: AMM - Die Text Encoding Initiative (TEI)
WiSe 2013 | IT-Zertifikat: AMM - Die Text Encoding Initiative (TEI)
 

Similar a Introducción a la Interacción Humano Computadora

Presentacion ihc
Presentacion ihcPresentacion ihc
Presentacion ihcleotkd1988
 
IHC relacion con otras carreras
IHC relacion con otras carrerasIHC relacion con otras carreras
IHC relacion con otras carrerasArturo Martinez
 
Inteligencia artificial
Inteligencia artificial Inteligencia artificial
Inteligencia artificial Shyrley López
 
Ingenieria de software interaccion humano computador
Ingenieria de software interaccion humano computadorIngenieria de software interaccion humano computador
Ingenieria de software interaccion humano computadorCrhis
 
La inteligencia artificial
La inteligencia artificial La inteligencia artificial
La inteligencia artificial fernandaloma
 
La inteligencia artificial wafii
La inteligencia artificial  wafiiLa inteligencia artificial  wafii
La inteligencia artificial wafiiKami Alejita
 
La Inteligencia Artificial
La Inteligencia ArtificialLa Inteligencia Artificial
La Inteligencia Artificialnelsyrivas
 
Alan turing y la inteligencia artificial
Alan turing y la inteligencia artificialAlan turing y la inteligencia artificial
Alan turing y la inteligencia artificialjesusmbotin
 
inteligencia artificial
inteligencia  artificialinteligencia  artificial
inteligencia artificialjuanskate545
 
Inteligencia artificial
Inteligencia artificialInteligencia artificial
Inteligencia artificialcarlosds139705
 
Definiciones de Inteligencia Artificial (IA)
Definiciones de Inteligencia Artificial (IA)Definiciones de Inteligencia Artificial (IA)
Definiciones de Inteligencia Artificial (IA)Deyanira Yaguare
 

Similar a Introducción a la Interacción Humano Computadora (20)

Interfaces
InterfacesInterfaces
Interfaces
 
Diapo
DiapoDiapo
Diapo
 
Presentacion ihc
Presentacion ihcPresentacion ihc
Presentacion ihc
 
Fabiana
FabianaFabiana
Fabiana
 
Apuntes de Inteligencia Artificial
Apuntes de Inteligencia ArtificialApuntes de Inteligencia Artificial
Apuntes de Inteligencia Artificial
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
INFORMACIÓN DEL BLOG .pdf
INFORMACIÓN DEL BLOG .pdfINFORMACIÓN DEL BLOG .pdf
INFORMACIÓN DEL BLOG .pdf
 
IHC relacion con otras carreras
IHC relacion con otras carrerasIHC relacion con otras carreras
IHC relacion con otras carreras
 
Inteligencia artificial pdf
Inteligencia artificial pdfInteligencia artificial pdf
Inteligencia artificial pdf
 
Inteligencia artificial
Inteligencia artificial Inteligencia artificial
Inteligencia artificial
 
Ingenieria de software interaccion humano computador
Ingenieria de software interaccion humano computadorIngenieria de software interaccion humano computador
Ingenieria de software interaccion humano computador
 
La inteligencia artificial
La inteligencia artificial La inteligencia artificial
La inteligencia artificial
 
La inteligencia artificial wafii
La inteligencia artificial  wafiiLa inteligencia artificial  wafii
La inteligencia artificial wafii
 
Inteligencia
InteligenciaInteligencia
Inteligencia
 
La Inteligencia Artificial
La Inteligencia ArtificialLa Inteligencia Artificial
La Inteligencia Artificial
 
Alan turing y la inteligencia artificial
Alan turing y la inteligencia artificialAlan turing y la inteligencia artificial
Alan turing y la inteligencia artificial
 
Andres garcia
Andres garcia Andres garcia
Andres garcia
 
inteligencia artificial
inteligencia  artificialinteligencia  artificial
inteligencia artificial
 
Inteligencia artificial
Inteligencia artificialInteligencia artificial
Inteligencia artificial
 
Definiciones de Inteligencia Artificial (IA)
Definiciones de Inteligencia Artificial (IA)Definiciones de Inteligencia Artificial (IA)
Definiciones de Inteligencia Artificial (IA)
 

Más de Omar Sosa-Tzec

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceOmar Sosa-Tzec
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignOmar Sosa-Tzec
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec
 
Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceOmar Sosa-Tzec
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceOmar Sosa-Tzec
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureOmar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 

Más de Omar Sosa-Tzec (20)

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and Place
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as Arguments
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual references
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delight
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience Design
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience Design
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction Flows
 
Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction Design
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User Experience
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User Experience
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
 

Introducción a la Interacción Humano Computadora

  • 1. Interfaz Humano Computadora Introducción Mtro. Omar Sosa Tzec. Lic. en Diseño de Interacción. Universidad Iberoamericana, Campus Puebla. Primavera, 2009.
  • 2. Recordamos todo el tiempo que...
  • 3. Modelo Ontológico de Gui Bonsiepe Usuario Interfaz Tarea Herramienta
  • 4. ...y eso tomamos como interfaz.
  • 5. ¿Qué es entonces la Interacción Humano Computadora?
  • 6. La Interacción Humano–Computadora (HCI por sus siglas en inglés) es el estudio de la relación que existe entre los usuarios humanos y los sistemas de cómputo que usan para realizar diversas tareas. The Esscence of Human–Computer Interaction. Christine Faulkner.
  • 7. Busca entender cómo funcionan los usuarios, las tareas que necesitan llevar a cabo y el modo en el que los sistemas de cómputo necesitan estar estructurados para facilitar el cumplimiento de esas tareas. The Esscence of Human–Computer Interaction. Christine Faulkner.
  • 8. Para entender a los usuarios es necesario The Esscence of Human–Computer Interaction. entender los procesos, capacidades y Christine Faulkner. predilecciones que pueden asociarse a las tareas que desempeñan. Esto involucra un entendimiento y conocimiento de cosas como la memoria, visión, cognición, oído, tacto y habilidades motrices.
  • 9. El sistema computacional necesita ser The Esscence of Human–Computer Interaction. entendido en términos de lo que puede Christine Faulkner. hacer por los usuarios y cómo podría comunicarse mejor con ellos...
  • 10. Con esto sale a colación un concepto que no se debe olvidar...
  • 11. Un affordance es un término técnico acuñado por Donald Norman que se refiere a las propiedades de los objetos que indican que clase de operaciones y manipulaciones se pueden llevar a cabo con dicho objeto. Human–Computer Interaction. Jenny Preece
  • 12. ... A su vez, la tarea del usuario tiene que The Esscence of Human–Computer Interaction. ser entendida de acuerdo a lo que es en sí Christine Faulkner. y en relación con otras tareas, asi como puede ser la mejor forma de completarla usando el sistema computacional.
  • 13. En adición, recordemos que el concepto básico de la usabilidad involucra...
  • 15. Las metas de HCI son producir sistemas seguros Human–Computer Interaction. Jenny Preece y usables. Para producir sistemas computacionales con buena usabilidad, los especialistas en HCI deben de: a) entender los factores (tales como psicológicos, ergonómicos, organizacionales y sociales) que determinan cómo la gente opera y hace uso de la tecnología computacional efectiva, tal que se lleve este entendimieto a un b) desarrollo de técnicas y herramientas que ayuden a los diseñadores a asegurar sistemas adecuados para las actividades para las cuales los usarán, con el propósito de
  • 16. c) conseguir una interacción eficiente, efectiva y Human–Computer Interaction. Jenny Preece segura, tanto en términos de la interacción humano–computadora individual asi como en interacciones de grupo.
  • 17. De hecho, la HCI es multidsciplinaria...
  • 18. Ergonomía Psicología social y factores y organizacional humanos Psicología Ingeniería cognitiva Ciencias de la HCI Diseño Computación Inteligencia Antropología Artificial Lingüística Sociología Filosofía The Esscence of Human–Computer Interaction. Christine Faulkner.
  • 19. ¿Y el diseño de interacción?
  • 20. El diseño de interacción se refiere al proceso que se encuentra dentro de las restricciones de recursos para crear, dar forma y decidir todas las cualidades orientadas al uso, ya sean funcionales, estructurales, éticas o estéticas, de un artefacto digital de uno o más clientes. Thoughtful Interaction Design. Jonas Löwgren.
  • 21. ¿Y se centra sólo a lo digital? ¿Qué opinan?
  • 22. Observemos lo que dicen algunos gurús del diseño de interacción.
  • 23. Entrevistas a Gilian Crampton Bill Verplank Bill Atkinson Jun Rekimoto
  • 24. Entonces ¿qué significa o implica el siguiente diagrama?
  • 26. Tarea Uno. En no más de una, escribe lo que piensas sobre la relación entre HCI y el DIx, tanto en lo que piensas que es igual, así como lo que es diferente. Debes de buscar referencias en línea para la elaboración de tus definiciones y también ponerlas en el escrito.
  • 27. Tarea Dos. Entre todos van a exponer para la sigiuente clase de qué trata el texto “La psicopatología de las cosas diarias” de Donald Norman.