Interacción Humano Computador a cargo del Ph.D. Cesar Collazos

1. Human Computer Interaction (HCI)
César Alberto Collazos O.
Marzo, 2015

3. En esta presentación
Contexto de HCI
Importancia de HCI
Tendencias de interfaces

4. El crecimiento de las Soc. Información
Usuarios base ha aumentado
Más máquinas
Máquinas más pequeñas y veloces
Mayor disponibilidad de aplicaciones
Sociedad como un todo, más dependiente de las TI

5. Nuevas formas de trabajo
Graphical user interfaces (GUI)
De sistemas batch a sistemas interactivos
Redes de Area Local (LAN‟s)
Redes de Area Global (WAN‟s)
WWW
Tele - Trabajo

6. Tipos de Fallas
Técnicas
Hardware, Redes
Utilidad
Funcionalidad ineficiente
Usabilidad
Calidad del Sistema

7. Qué es HCI?
Human-Computer Interaction
Definición:
“ Proveer un entendimiento de la forma en que los
usuarios trabajan, las tareas que necesitan ejecutar y la
forma en que los sistemas computacionales necesitan
ser estructurados para facilitar el logro de dichas
tareas” (Faulkner, p1-2)

8. Qué es HCI?
“Kenneth Olsen, the engineer who founded and
still runs Digital Equipment Corp., confessed at
the annual meeting that he can‟t figure out how
to heat a cup of coffee in the company‟s
microwave oven.” [Wall Street Journal, 1986]

9. Debilidades Humanas
En HCI la persona es el elemento impredescible:
Desconcentración
Cambios en actitud
motivaciones y emociones
prejuicios y miedos
comete errores and juicios
Todos somos diferentes

10. Fortalezas Humanas
Animales exitosos:
reciben y responden a estímulos externos
rápidamente
resuelven problemas complejos
creativos
trabajan cooperativamente (la mayoria del tiempo)!
Capacidad para aprender
Buenas HCI abandona las debilidades humanas y
se construye en las fortalezas

11. Interfaces y Modelo Mental

12. Interfaces y Modelo Mental

13. Interfaces y Modelo Mental

14. Interfaces y Modelo Mental

15. Interfaces y Modelo Mental

16. Interfaces y Modelo Mental

17. Interfaces y Modelo Mental

18. Computación
Psicología
Comunicación Social
Antropología
Diseño
Biología
Otras
Areas de implicancia

19. Frustraciones Ocultas
Frustraciones cotidianas
Abrir puertas
Abrir bolsas plásticas
Manejo de teléfonos, lavadoras, secadoras,
videos, fotocopiadoras, etc.

20. Frustraciones Ocultas
La mente humana está diseñada para darle
sentido al mundo
Claves o pistas gatillan explicaciones,
racionalizaciones y entendimiento
La tecnología nos provee de una amplia y
extensa variedad de productos
manufacturados
La intención es hacer la vida del hombre o
mujer más placentera, más fácil, con mayor
confort

21. Frustraciones Ocultas
Estos productos son pensados para ayudar a
ahorrar tiempo, aumentar la productividad
¿Por qué entonces requerimos la asesoría de
técnicos, utilizar manuales, recibir
instrucciones especiales, asistir a cursos,
para utilizar varios de estos productos?
¿Por qué estos productos aumentan el
stress en lugar de disminuirlo?

22. Paradoja de la Tecnología
Tecnología intenta ayudar a hacer la vida
más fácil y disfrutable
Cada nueva tecnología provee mejores
beneficios
Mayor número de funciones genera mayor
complejidad, dificultad y frustración
Diseños apropiados minimizan la
complejidad y dificultad

23. Error
Nadie es perfecto !!
Errores de manejo
Errores con convencimiento
Errores por curiosidad
Errores de entendimiento

24. Importancia
Algunas “historias” de la relación hombre - máquina
“El contenedor de la taza („cup holder‟)”
(Supuestamente, historia real en Novell Netwire [Greenberg97])
Llamante: “Hola, estoy comunicado con el Servicio Técnico?”
Soporte Técnico: “Si. En que puedo ayudarlo?”
Llamante: “El contenedor de la taza de mi PC está roto, y aún está dentro de la
garantía. Que debo hacer para obtener uno nuevo?”
Soporte Técnico: “Lo siento, pero no lo comprendo: Ud. dijo ´el contenedor de la
taza de su PC´?”
Llamante: “Sí, está colocado en el frente de mi PC”
Soporte Técnico: “Estoy algo sorprendido. Ud. ha recibido este contenedor como
parte de alguna promoción? Como lo obtuvo? Tiene alguna marca colocada?”
Llamante: “No conozco si era una promoción o no, vino instalado con mi PC. Tiene
una marca „4X‟ en el frente”
Soporte Técnico: ......(silencio) .....

25. Desastres HCI
En 1990 Vuelo 605 de Aerolíneas Indias se estrelló muriendo 98 personas.
El piloto no pudo controlar el avión, debido 100% a que el panel de control era muy
confuso. El piloto recibió un mensaje informándole de un problema en la aeronave. La
mala interfaz del panel de control confundió al piloto e hizo que ejecutara movimeintos
errados y en lugar de resolver el problema, el lo hizo peor.
El mal diseño de HCI llevó al desastre. Es claro que la interfaz debe ser diseñada lo más
claro posible para el piloto. Aunque debe estar entrenado para operar la aeronave,
debe encontrar la interfaz entendible, y tener todos los instrumentospara lograrlo,
haciendo posible para el tener control total de las cosas.

26. Ejemplo – Pobre HCI
Warning!
Este es un ejemplo de mala HCI.
Se puede imaginar que esta es la pantalla de
precaución para una interface de seguridad crítica?

27. Importancia
Un teclado para acelerar la operación más
frecuentemente utilizada en MS Windows

28. Malos Diseños Siempre
Las consecuencias pueden costar millones de
dólares.
Inapropiados diseños pueden causar grandes
desastres (si presionamos el botón incorrecto).
Aún no se le presta la atención debida.

29. Porqué HCI?
HCI: Cómo diseñar software/hardware para que
sea usado por las personas de forma correcta y
eficiente.
Existen unos principios básicos de visualización
que permiten diseñar interfaces con minimalidad
de errores.

30. Objetivos de la nueva computación
La vieja computación : Los que pueden
hacer los computadores.
La nueva computación: Lo que la gente
puede hacer.
Terminar con las frustraciones de los
usuarios.

31. Objetivos de la nueva computación
1) Usable: Confiable
& compresible
2) Universal: Diversos usuarios
& variados equipos
3) Util: En armonia con
las necesidades humanas

32. Diseños Usables

33. El Diseño como Respuesta
Se requiere:
Desarrollar conciencia sobre problemas de
diseño
Interesarse en mejorar los objetos (diseño y
manufactura)
Ser más sensibles a los problemas de la vida
Ser más sensible a las necesidades de las
personas
Desarrollar conciencia y conocimiento sobre
cómo el diseño afecta a los usuarios

34. El Diseño como Respuesta
Se requiere:
Realizar diseños simples de utilizar, simples de
entender e interpretar, estéticamente
placenteros y poderosos
“Usability, understandability, and appearance”
Considerar las necesidades del usuario
Diseñar la calidad del producto

35. El Diseño como Respuesta
Buenos diseños
Son fáciles de interpretar
Son fáciles de entender
Proveen pistas visibles para su operatividad
Consideran el error humano

36. Diseño
Diseños deficientes
Difíciles de utilizar
Frustrantes al usar
No proveen pistas
Proveen pistas falsas

37. Terminar la frustración del usuario
Objetivo - Hacer computadores menos frustrantes

38. Frecuentes experiencias frustrantes
Redes & Web

39. Applicaciones & caídas del sistema
Frecuentes experiencias frustrantes

41. “HIT ANY KEY TO CONTINUE”

42. Efectos de Transferencia
Personas transfieren sus expectativas / conocimiento de
objetos similares a los objetos actuales
•Transferencia positiva: El aprendizaje previo también se
aplica a los nuevos diseños
•Transferencia negativa: El aprendizaje previo presenta
conflicto con el nuevo diseño

45. Image source unknown
Diseños Utiles?

46. Image source unknown
Diseños Utiles?

47. Image source unknown
Diseños Utiles?

48. Image source unknown
Diseños Utiles?

49. Image source unknown
Diseños Utiles?

50. Image source unknown
Diseños Utiles?

51. Image source unknown
Diseños Utiles?

52. Image source unknown
Diseños Utiles?

53. Image source unknown
Diseños Utiles?

54. Image source unknown
Diseños Utiles?

55. Image source unknown
Diseños Utiles?

56. Image source unknown
Diseños Utiles?

57. Cambio en la Tecnología

58. Cambio en la Tecnología

59. Transformaciones en Interacciones

60. Transformaciones en Interacciones

61. GUIs a Gestos

62. GUIs a Gestos

63. El mundo en nuestras manos
Douglas Englebart, 1964
Xerox Parc

64. El mundo en nuestras manos

65. Robots simples a Máquinas
autónomas que aprenden

66. Cambiando nuestras vidas

67. Cambiando nuestras vidas

68. Dependencia de la Tecnologìa

69. Hiperconectividad

70. Compromiso creativo

71. Compromiso creativo

72. Tendencias
Desde una experiencia del Usuario a Valores
Humanos

73. Tendencias

74. Conclusiones
Existe una amplia variedad de dispositivos de
interacción que usan todas las maneras posibles de
comunicación con los seres humanos
Es importante conocer sus posibilidades para saber
cómo aplicarlos

75. Conclusiones
HCI es una disciplina bien asentada
La interfaz es un concepto amplio y en la que
hay que tener en cuenta todo el entorno
Acceso para todos
La usabilidad como objetivo fundamental
La interdisciplinariedad de HCI
Diseño centrado en el usuario

76. Reflexiones

77. Contactos
ccollazo@unicauca.edu.co
http://www.unicauca.edu.co/idis