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.

1-1 Introducción IHC

  • 1.
  • 2.
    2 Introducción - Interfaz queel 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 eldieñ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.
    7 IHC Comprender y evaluar las tecnologías interactivasque usan las personas. Evolución de las interacciones, según se usan las tecnologías Comprender al usuario, sus expectativas, necesidades, habilidades.
  • 8.
  • 9.
     No centrarsesolo en las características de la tecnología actual.  Se limitarían posibilidades futuras. 9
  • 10.
    ¿Qué es unainterfaz 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 ModelosdeModelos 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 Reconocerantes 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.
  • 16.
    Evolución de lasinterfaces 16 - Carga de memoria del usuario. - Inflexible en la sintaxis. - Para los usuarios expertos es más rápido
  • 17.
    Evolución de lasinterfaces 17
  • 18.
  • 19.
  • 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 delEldiseñ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 invisiblespara 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 Lastareas 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 sifueras a morir mañana. Aprende como si fueras a vivir para siempre. – Mahatma Gandhi
  • 28.
    28 Bibliografía  Carroll JohnM., 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.