SlideShare una empresa de Scribd logo
LOGO
Interacción Humano-
Computadora
Ponce Medellín Ismael Rafael
Agosto, 2014
2
Introducción
- Interfaz que el sistema presenta al usuario y con la que
interactúa.
I – Interacción
- La persona que usa el sistema y las demás personas que
trabajan y se comunican con él.
H – Humano
- La máquina y la red de máquinas donde se ejecuta un sistema.
C - Computadora
3
IHC
¿Qué
es?
IHC es el dieño, imprementación y
evaluación de interfaces de usuario.
En este curso veremos un conjunto
de herramientas para poder realizar
esto.
4
5
6
7
IHC
Comprender y
evaluar las
tecnologías
interactivas que
usan las
personas.
Evolución de las
interacciones,
según se usan
las tecnologías
Comprender al
usuario, sus
expectativas,
necesidades,
habilidades.
8
 No centrarse solo en las características de la tecnología
actual.
 Se limitarían posibilidades futuras.
9
¿Qué es una interfaz de usuario?
10
Conjunto de elementos con
los cuales un usuario
interactúa con un objeto
que realiza una determinada
tarea.
El ser humano interactúa con
los objetos que le rodean y
tiene unas expectativas de
cómo deben comportarse,
basado en experiencias
anteriores con ellos.
11
Interfaz de usuario
Modelos deModelos de
interfaz deinterfaz de
usuariousuario
Usuario
Programador
Diseñador
Tiene su propia forma de ver las cosas
Espera un comportamiento predecible.
Son de gran importancia las metáforas.
Interfaz de usuario
12
1. Permitir al usuario interrumpir su tarea y continuarla más tarde.
2. Utilizar mensajes y textos descriptivos.
3. Permitir deshacer.
4. Permitir una cómoda navegación y una fácil salida del mismo.
5. Permitir distintos niveles de uso según niveles de experiencia.
6. Hacer transparente la interfaz del usuario.
Características esperadas:
El usuario debe sentir que tiene
el control del sistema.
13
Interfaz de usuario
Reconocer antes que recordar
Asociar acciones a los objetosAsociar acciones a los objetos.
Utilizar metáforas del mundo realUtilizar metáforas del mundo real
Reutilizar conocimiento y
experiencia
Mismo comportamiento en las
tareas, resultados y apariencia.
Reducir
carga de
memoria
Consistencia
14
15
Evolución de las interfaces
16
- Carga de memoria del usuario.
- Inflexible en la sintaxis.
- Para los usuarios expertos es más rápido
Evolución de las interfaces
17
18
19
20
21
Para comenzar…
Al inicio
• Al comienzo del proyecto no
sabemos cuál es el problema.
• ¿Qué posibilidades/soluciones
podría haber?
22
Diseño
El diseño delEl diseño del
mundo real esmundo real es
iterativo.iterativo.
Es importante
centrarse en las
personas que van a
usar el sistema.
Falla rápido para
que puedas triunfar
pronto.
Ayuda el probar y
comparar opciones.
Proceso de diseño
23
Diseño
Un buen diseño
• Ayuda a las personas a lograr lo que
tienen que hacer.
Costos de un
mal diseño
Consistencia y
retroalimentación
• Vida
• Dinero
• Tiempo
• Pueden resolver problemas
causados por interfaces.
Diseño
10 minutos * = ???
¿al día? ¿al año?
24
25
Diseño
Las mejores
interfaces son
invisibles para el
usuario.
Diseño de
interfaces
Diseñar una
buena interfaz
requiere
creatividad y
trabajo duro.
Pero es sencillo si se
conocen algunos
métodos, técnicas y
principios.
26
Diseño de interfaces
Las tareas y métodos de las personas
son las guías del desarrollo.
Hablar con expertos.
Prestar atención a las
habilidades de las personas y
su situación.
Trabajar con usuarios durante
todo el proceso.
Tomar decisiones desde el
punto de vista del usuario,
su trabajo y su entorno.
Diseñar para
personas
LOGO
Vive como si fueras a morir mañana.
Aprende como si fueras a vivir para siempre.
– Mahatma Gandhi
28
Bibliografía
 Carroll John M., Human Computer Interaction - brief intro, Soegaard, Mads and Dam, Rikke Friis
(eds.), "The Encyclopedia of Human-Computer Interaction, 2nd Ed.", Aarhus, Denmark: The
Interaction Design Foundation, 2013. Disponible en línea http://www.interaction-
design.org/encyclopedia/human_computer_interaction_hci.html. Última visita: agosto 2014.
 [Norman Don, The Design of Everyday Things, Basic Books, Cambridge, 2004.
 Preece Jenny, Rogers Yvonne, Sharp Hellen, Interaction Design: Beyond Human Computer
Interaction, Wiley, 2002.
 Klemmer Scott, Human Computer Interaction, Curso en línea Coursera, Junio-Agosto, 2014.

Más contenido relacionado

DOCX
PPTX
Las redes informaticas power point
PPTX
Sistemas con interfaces a manipulación directa
PPT
Qué es el Kernel
PDF
Lenguajes autómatas.
PPTX
PROGRAMACIÓN DE DISPOSITIVOS MÓVILES
DOCX
Funciones del sistema operativo
PPTX
El sistema operativo mac
Las redes informaticas power point
Sistemas con interfaces a manipulación directa
Qué es el Kernel
Lenguajes autómatas.
PROGRAMACIÓN DE DISPOSITIVOS MÓVILES
Funciones del sistema operativo
El sistema operativo mac

La actualidad más candente (20)

PDF
Lenguajes de interfaz
PPTX
MICROPROCESADORES
PPTX
Redes informáticas
PPTX
Elementos de los sistemas operativos
PPTX
Android Operating System Architecture
PPTX
Estándares, Modelos y Normas Internacionales de Redes
PDF
Android history
PPT
Redes InformáTicas
PPTX
Topologias wireles
PPTX
Android app development ppt
DOC
Ejercicios de redes e internet
PPTX
Diseño de interfaz de usuario
PPTX
Agente inteligente
PDF
Sistemas multiusuarios
DOCX
Programación de dispositivos móviles UNIDAD 5
PPTX
Hardware
PDF
Clasificación de los sistemas operativos por sus servicios
DOCX
Proyecto de Redes - Desarrollo de un plan de trabajo
PPTX
Mobile application development ppt
PPTX
Elementos básicos de redes
Lenguajes de interfaz
MICROPROCESADORES
Redes informáticas
Elementos de los sistemas operativos
Android Operating System Architecture
Estándares, Modelos y Normas Internacionales de Redes
Android history
Redes InformáTicas
Topologias wireles
Android app development ppt
Ejercicios de redes e internet
Diseño de interfaz de usuario
Agente inteligente
Sistemas multiusuarios
Programación de dispositivos móviles UNIDAD 5
Hardware
Clasificación de los sistemas operativos por sus servicios
Proyecto de Redes - Desarrollo de un plan de trabajo
Mobile application development ppt
Elementos básicos de redes
Publicidad

Destacado (7)

PPTX
El proceso del diseño interactivo
PPS
Generalidades del IHC Presentación 1
PPTX
Interacción humano computador
PPTX
Interacción humano computador
KEY
Semana 8: Introducción a IHC
PPS
Disciplinas del IHC Presentación 2
PPTX
Qué es Interacción Humano-Computadora
El proceso del diseño interactivo
Generalidades del IHC Presentación 1
Interacción humano computador
Interacción humano computador
Semana 8: Introducción a IHC
Disciplinas del IHC Presentación 2
Qué es Interacción Humano-Computadora
Publicidad

Similar a 1-1 Introducción IHC (20)

PPTX
Interfaz de usuario
PPTX
Fundamnetos de a ihc
PDF
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
PDF
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
PPTX
Interfaz usuario
PPTX
Taller 8 parte 2 – Interfaz de usuario
PPTX
Interfaz humana
PPTX
taller #8 de informatica
DOC
PPTX
interaccion en el interfaz de usuario
PPTX
interfaz de usuario
PDF
Tutorial de Introducción a HCI (MexIHC 2016)
PDF
Introducción al Diseño de la Interacción Humano-Computadora
PDF
1. Presentación HCI 2
ODP
Interfaz Hombre-Máquina
PPT
Disenio interfaces (1)
PPTX
Taller 8
PDF
El futuro de la interacción
PPTX
Informatica taller 3 franklin licuy
Interfaz de usuario
Fundamnetos de a ihc
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Interfaz usuario
Taller 8 parte 2 – Interfaz de usuario
Interfaz humana
taller #8 de informatica
interaccion en el interfaz de usuario
interfaz de usuario
Tutorial de Introducción a HCI (MexIHC 2016)
Introducción al Diseño de la Interacción Humano-Computadora
1. Presentación HCI 2
Interfaz Hombre-Máquina
Disenio interfaces (1)
Taller 8
El futuro de la interacción
Informatica taller 3 franklin licuy

Más de kamui002 (20)

PPT
Evaluación
PPTX
2.1 Diseño, prototipo y construcción
PPTX
Normalización en Bases de datos
PDF
Instalación de MySQL en Linux Mint
PDF
Instalación Mysql en Win7
PDF
Diseño interactivo centrado en usuario
PPT
Prototipado
PPTX
Base de datos: Algebra relacional
PPTX
Interfaz de usuario
PPTX
Comprendiendo al usuario
PPTX
Conocimiento en la cabeza y en el mundo
PPT
La psicología de las acciones cotidianas
PPTX
Modelo relacional y reglas de integridad
PPTX
Recopilación de datos
PPTX
Observación de usuario
PPTX
Modelo ER
PPT
1.2 Puertas de Norman
PPTX
BD - Semana 1
PPT
Presentación curso Base de Datos
PPT
Presentación Curso IHC
Evaluación
2.1 Diseño, prototipo y construcción
Normalización en Bases de datos
Instalación de MySQL en Linux Mint
Instalación Mysql en Win7
Diseño interactivo centrado en usuario
Prototipado
Base de datos: Algebra relacional
Interfaz de usuario
Comprendiendo al usuario
Conocimiento en la cabeza y en el mundo
La psicología de las acciones cotidianas
Modelo relacional y reglas de integridad
Recopilación de datos
Observación de usuario
Modelo ER
1.2 Puertas de Norman
BD - Semana 1
Presentación curso Base de Datos
Presentación Curso IHC

Último (20)

PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
Metodologías Activas con herramientas IAG
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Tomo 1 de biologia gratis ultra plusenmas
Metodologías Activas con herramientas IAG
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
2 GRADO UNIDAD 5 - 2025.docx para primaria
Fundamentos_Educacion_a_Distancia_ABC.pdf
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
Doctrina 1 Soteriologuia y sus diferente
ciencias-1.pdf libro cuarto basico niños
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
DI, TEA, TDAH.pdf guía se secuencias didacticas
TOMO II - LITERATURA.pd plusenmas ultras
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf

1-1 Introducción IHC

  • 2. 2 Introducción - Interfaz que el sistema presenta al usuario y con la que interactúa. I – Interacción - La persona que usa el sistema y las demás personas que trabajan y se comunican con él. H – Humano - La máquina y la red de máquinas donde se ejecuta un sistema. C - Computadora
  • 3. 3 IHC ¿Qué es? IHC es el dieño, imprementación y evaluación de interfaces de usuario. En este curso veremos un conjunto de herramientas para poder realizar esto.
  • 4. 4
  • 5. 5
  • 6. 6
  • 7. 7 IHC Comprender y evaluar las tecnologías interactivas que usan las personas. Evolución de las interacciones, según se usan las tecnologías Comprender al usuario, sus expectativas, necesidades, habilidades.
  • 8. 8
  • 9.  No centrarse solo en las características de la tecnología actual.  Se limitarían posibilidades futuras. 9
  • 10. ¿Qué es una interfaz de usuario? 10 Conjunto de elementos con los cuales un usuario interactúa con un objeto que realiza una determinada tarea. El ser humano interactúa con los objetos que le rodean y tiene unas expectativas de cómo deben comportarse, basado en experiencias anteriores con ellos.
  • 11. 11 Interfaz de usuario Modelos deModelos de interfaz deinterfaz de usuariousuario Usuario Programador Diseñador Tiene su propia forma de ver las cosas Espera un comportamiento predecible. Son de gran importancia las metáforas.
  • 12. Interfaz de usuario 12 1. Permitir al usuario interrumpir su tarea y continuarla más tarde. 2. Utilizar mensajes y textos descriptivos. 3. Permitir deshacer. 4. Permitir una cómoda navegación y una fácil salida del mismo. 5. Permitir distintos niveles de uso según niveles de experiencia. 6. Hacer transparente la interfaz del usuario. Características esperadas: El usuario debe sentir que tiene el control del sistema.
  • 13. 13 Interfaz de usuario Reconocer antes que recordar Asociar acciones a los objetosAsociar acciones a los objetos. Utilizar metáforas del mundo realUtilizar metáforas del mundo real Reutilizar conocimiento y experiencia Mismo comportamiento en las tareas, resultados y apariencia. Reducir carga de memoria Consistencia
  • 14. 14
  • 15. 15
  • 16. Evolución de las interfaces 16 - Carga de memoria del usuario. - Inflexible en la sintaxis. - Para los usuarios expertos es más rápido
  • 17. Evolución de las interfaces 17
  • 18. 18
  • 19. 19
  • 20. 20
  • 21. 21 Para comenzar… Al inicio • Al comienzo del proyecto no sabemos cuál es el problema. • ¿Qué posibilidades/soluciones podría haber?
  • 22. 22 Diseño El diseño delEl diseño del mundo real esmundo real es iterativo.iterativo. Es importante centrarse en las personas que van a usar el sistema. Falla rápido para que puedas triunfar pronto. Ayuda el probar y comparar opciones. Proceso de diseño
  • 23. 23 Diseño Un buen diseño • Ayuda a las personas a lograr lo que tienen que hacer. Costos de un mal diseño Consistencia y retroalimentación • Vida • Dinero • Tiempo • Pueden resolver problemas causados por interfaces.
  • 24. Diseño 10 minutos * = ??? ¿al día? ¿al año? 24
  • 25. 25 Diseño Las mejores interfaces son invisibles para el usuario. Diseño de interfaces Diseñar una buena interfaz requiere creatividad y trabajo duro. Pero es sencillo si se conocen algunos métodos, técnicas y principios.
  • 26. 26 Diseño de interfaces Las tareas y métodos de las personas son las guías del desarrollo. Hablar con expertos. Prestar atención a las habilidades de las personas y su situación. Trabajar con usuarios durante todo el proceso. Tomar decisiones desde el punto de vista del usuario, su trabajo y su entorno. Diseñar para personas
  • 27. LOGO Vive como si fueras a morir mañana. Aprende como si fueras a vivir para siempre. – Mahatma Gandhi
  • 28. 28 Bibliografía  Carroll John M., Human Computer Interaction - brief intro, Soegaard, Mads and Dam, Rikke Friis (eds.), "The Encyclopedia of Human-Computer Interaction, 2nd Ed.", Aarhus, Denmark: The Interaction Design Foundation, 2013. Disponible en línea http://www.interaction- design.org/encyclopedia/human_computer_interaction_hci.html. Última visita: agosto 2014.  [Norman Don, The Design of Everyday Things, Basic Books, Cambridge, 2004.  Preece Jenny, Rogers Yvonne, Sharp Hellen, Interaction Design: Beyond Human Computer Interaction, Wiley, 2002.  Klemmer Scott, Human Computer Interaction, Curso en línea Coursera, Junio-Agosto, 2014.