conferencia de Ph.D. César Collazos en el curso de Telemática para comunicadores sociales.

1. Human-Computer Interaction
César Alberto Collazos O.

4. Impresoras
Portatil
PC

5. Importancia
Lecciones:
La mayoría de las fallas en los sistemas hombre-
máquina se deben a diseños pobres
• No toman en cuenta las capacidades y habilidades de los
usuarios
• Generalmente son rotulados como “fallas del sistema” o
“errores humanos”, no como “fallas de diseño”

6. Origen
Factores Humanos:
Originado dentro de los
Militares US durante la WW2
Los malos diseños de las
armas podían matar las
propias fuerzas antes que las
enemigas nacimiento de la
usabilidad
Aplicado a la industria y al
desarrollo de productos

7. Origen

8. Casos de Exito

9. Definición
Disciplina relacionada con el diseño,
implementación y evaluación de sistemas
informáticos interactivos para uso de seres
humanos y con el estudio de los
fenómenos más importantes con los que
están relacionados (ACM SIGCHI curricula, 1992)
Human-computer interaction (HCI, CHI), en español, IPO
No se limita a la situación clásica de una
persona sentada delante de un terminal
Los computadores se encuentran en
muchas formas

10. Definiciones
Usuario
persona que interactua con un sistema informático
Interacción
Todos los intercambios que suceden entre la persona y el
computador (Baecker and Buxton, 1987)

11. 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)

12. 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]

13. Ambito de HCI
Analizar lo que hace la gente con los computadores y
las interfaces; entender las tareas de los usuarios y los
requerimientos.
Métodos de especificar cómo debería funcionar la
interfaz, cómo debería responder al usuario, y cómo
debería aparecer.
Diseño de interfaces computacionales de tal forma
que se ajusten a las propiedades y objetivos de las
personas.
Diseño herramientas que ayuden a los diseñadores
a construir mejores interfaces.

14. Uso y Contexto

15. Aspectos a considerar
Uso de dispositivos
La adaptación a las tareas
Las metáforas
Cultura
Los controles y sus comportamientos
Navegación
Integración entre aplicaciones
El diseño

16. Cambio de paradigma
Estamos asistiendo a un cambio de paradigma
del Computador de sobremesa en que
interactuamos sentados y centrados en la
interacción a realizar en cualquier lugar, en
cualquier momento y junto a otras actividades

17. 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

18. 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

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

20. 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

21. 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

22. Porqué las Interfaces son difíciles de utilizar?
¿Por qué las cosas son difíciles de utilizar?
El problema radica en el desarrollo del producto, en el énfasis de
la tecnología en vez del usuario, la persona para la cual está
hecho el dispositivo (Donald Norman, The invisible computer)
Una aplicación usable es la que permite al usuario centrarse
en su tarea, no en la aplicación
Las interfaces se ponen en el medio. No quiero concentrar mis
energías en la interfaz, me quiero concentrar en mi trabajo
(Donald Norman)

23. Interfaces y Modelo Mental

24. Interfaces y Modelo Mental

25. Interfaces y Modelo Mental

26. Interfaces y Modelo Mental

27. Interfaces y Modelo Mental

28. Interfaces y Modelo Mental

29. Interfaces y Modelo Mental

30. Interfaces y Modelo Mental

31. Interfaces y Modelo Mental

32. Interfaces y Modelo Mental

33. Interfaces y modelo mental

34. Interfaces y modelo mental

35. Interfaces y modelo mental

36. Interfaces y Modelo Mental

37. Disciplinas relacionadas
C. Social Programación
Psicología
Ingeniería
del software
HCI
Diseño Inteligencia
artificial
Sociología Ergonomía

38. Frustraciones Ocultas

39. Frustraciones Ocultas

40. Frustraciones Ocultas

41. Frustraciones Ocultas

42. Frustraciones Ocultas

43. 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?

44. 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

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

46. 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) .....

47. 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 movimientos
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 instrumentos para lograrlo,
haciendo posible para el tener control total de las cosas.

48. 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?

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

50. 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.

51. Para quién diseñas?

52. Para quién diseñas?

53. Proverbios sobre diferencias individuales
Usted NO necesariamente representa un buen
usuario promedio del equipo o sistema que se
diseña
No espere que los demás piensen y actuen como
Usted
La gente varia en su pensamiento y
comportamiento
Usted casi NUNCA es el usuario.

54. Proverbios sobre diferencias individuales
Realizar una interfaz que funcione para Usted
puede que no funcione para el resto de los
usuarios.
La mayoria de los usuarios pueden tener
experiencia pero no en computadores.
La mayoria de los usuarios no son
programadores.
Ellos pueden pensar las cosas de forma muy
diferente que Usted.

55. Porqué el diseño es difícil
La gente considera el costo y apariencia sobre el
diseño
Malos diseños no siempre son visibles
La gente tiende a culparse cuando ocurren los
errores
• “Nunca he sido bueno con las máquinas”
• “Sabía que debería haber leído el manual!”
• “Mira lo que hice, soy un estúpido!”

56. Diseño centrado en el usuario
Explícito, modelo conceptual coherente
Hacer las cosas visibles
Obtener los correctos mappings.
Explotar el poder de las restricciones
Utilizar estandares y convenciones
Diseñar para el error, permitiendo la exploración
sin penalidad.

57. Una Musa Inspirativa
El hombre del renacimiento
Combinó ciencias & arte
Integró ingenieria & estética
Balance avances tecnológicos &
los valores humanos
Mezcla visión & práctica
Leonardo da Vinci (1452-1519)

58. 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.

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

60. Diseños Usables

61. Usabilidad
El grado en el cual un producto puede ser usado
por usuarios determinados para lograr los
objetivos específicos con efectividad, eficiencia y
satisfacción en un contexto especificado de uso
[ISO9241]
Las interfaces se ponen en el medio. No quiero
concentrar mis energías en la interfaz, me quiero
concentrar en mi trabajo
(Donald Norman)

62. Usabilidad
Aceptabilidad Social
Utilidad Aprendibilidad
Aceptabilidad del Sistema
Provechoso Eficiencia
Usabilidad Memorabilidad
Costo
Errores
Aceptabilidad Práctica Compatibilidad
Satisfacción
Confiabilidad

63. 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

64. 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

65. Usabilidad
Utilización
Utilidad
Usabilidad
• Fácil de aprender
• Eficiencia en el uso
• Fácil de recordar
• Minimalidad de errores
• Placentero al utilizarlo

66. 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

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

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

69. Frecuentes experiencias frustrantes
Redes & Web

70. Cajas de diálogo confusas
Umm, gracias por la recomendación,
Qué pasa cuándo se cancela una operación de cancelar?
Pero qué debo hacer?
Tengo alguna opción? Upsss.

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

73. 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

76. Diseños Utiles?
Image source unknown

77. Diseños Utiles?
Video
Image source unknown

78. Diseños Utiles?
Image source unknown

79. Diseños Utiles?
Image source unknown

80. Diseños Utiles?
Image source unknown

81. Diseños Utiles?
Image source unknown

82. Diseños Utiles?
Image source unknown

83. Diseños Utiles?
Image source unknown

84. Diseños Utiles?
Image source unknown

85. Diseños Utiles?
Image source unknown

86. Diseños Utiles?
Image source unknown

87. Diseños Utiles?
Image source unknown

88. Diseños Utiles?
Image source unknown

89. Diseños Utiles?
Image source unknown

90. Diseños Utiles?
Image source unknown

91. Diseños Utiles?
Image source unknown

92. Diseños Utiles?
Image source unknown

93. Diseños Utiles?
Image source unknown

94. Diseños Utiles?
Image source unknown

95. Diseños Utiles?

96. Diseños Utiles?

97. Diseños Utiles?

98. Diseños Utiles?

99. Diseños Utiles?

100. Diseños Utiles?
Image source unknown

101. Líneas de interés
Multiculturalidad y HCI
Interfaces Emocionales
Interfaces Colaborativas y Sistemas de
Awareness (Redes Sociales)
Usabilidad en diversos escenarios (TV Digital
Interactiva, VideoJuegos, Entornos 3D)
Nuevos Entornos de Interacción (Interfaces
físicas, EyeGaze Interaction)
Enseñanza de HCI a nivel Iberoamericano

102. 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

103. Conclusiones

104. Reflexiones

105. Diseños Usables