SlideShare una empresa de Scribd logo
Human Computer Interaction (HCI)
César Alberto Collazos O.
Marzo, 2015
Interacción Humano Computador
En esta presentación
Contexto de HCI
Importancia de HCI
Tendencias de interfaces
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
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
Tipos de Fallas
Técnicas
Hardware, Redes
Utilidad
Funcionalidad ineficiente
Usabilidad
Calidad del Sistema
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)
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]
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
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
Interfaces y Modelo Mental
Interfaces y Modelo Mental
Interfaces y Modelo Mental
Interfaces y Modelo Mental
Interfaces y Modelo Mental
Interfaces y Modelo Mental
Interfaces y Modelo Mental
Computación
Psicología
Comunicación Social
Antropología
Diseño
Biología
Otras
Areas de implicancia
Frustraciones Ocultas
Frustraciones cotidianas
Abrir puertas
Abrir bolsas plásticas
Manejo de teléfonos, lavadoras, secadoras,
videos, fotocopiadoras, etc.
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
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?
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
Error
Nadie es perfecto !!
Errores de manejo
Errores con convencimiento
Errores por curiosidad
Errores de entendimiento
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) .....
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.
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?
Importancia
Un teclado para acelerar la operación más
frecuentemente utilizada en MS Windows
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.
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.
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.
Objetivos de la nueva computación
1) Usable: Confiable
& compresible
2) Universal: Diversos usuarios
& variados equipos
3) Util: En armonia con
las necesidades humanas
Diseños Usables
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
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
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
Diseño
Diseños deficientes
Difíciles de utilizar
Frustrantes al usar
No proveen pistas
Proveen pistas falsas
Terminar la frustración del usuario
Objetivo - Hacer computadores menos frustrantes
Frecuentes experiencias frustrantes
Redes & Web
Applicaciones & caídas del sistema
Frecuentes experiencias frustrantes
Interacción Humano Computador
“HIT ANY KEY TO CONTINUE”
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
Interacción Humano Computador
Interacción Humano Computador
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Image source unknown
Diseños Utiles?
Cambio en la Tecnología
Cambio en la Tecnología
Transformaciones en Interacciones
Transformaciones en Interacciones
GUIs a Gestos
GUIs a Gestos
El mundo en nuestras manos
Douglas Englebart, 1964
Xerox Parc
El mundo en nuestras manos
Robots simples a Máquinas
autónomas que aprenden
Cambiando nuestras vidas
Cambiando nuestras vidas
Dependencia de la Tecnologìa
Hiperconectividad
Compromiso creativo
Compromiso creativo
Tendencias
Desde una experiencia del Usuario a Valores
Humanos
Tendencias
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
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
Reflexiones
Contactos
ccollazo@unicauca.edu.co
http://www.unicauca.edu.co/idis

Más contenido relacionado

PPTX
cliente servidor
PPTX
Sistemas distribuidos
PDF
Sistema Operativo Solaris
PDF
13.diseño de web apps
DOCX
CUESTIONARIO SISTEMA OPERATIVO
DOC
Requerimientos norma ieee830
PPTX
Sistemas operativos distribuidos
PPTX
Seguridad en redes
cliente servidor
Sistemas distribuidos
Sistema Operativo Solaris
13.diseño de web apps
CUESTIONARIO SISTEMA OPERATIVO
Requerimientos norma ieee830
Sistemas operativos distribuidos
Seguridad en redes

La actualidad más candente (20)

PPTX
2 2 estilos arquitectonicos
PPTX
Ventajas y desventajas mysql
PPTX
Sistemas operativos PRESENTACION
PPT
Paradigmas de Interaccion usuario-máquina
PDF
Programación del lado del cliente
PPTX
Modelo de prototipos
PPTX
Modelos de los sistemas distribuidos
PPTX
Recursos de redes
PPS
Diseño de Sistemas
PDF
Estilos y paradigmas de la Interacción Humano-Computador
PDF
PRESENTACIÓN RUP
DOCX
Middleware en los sistemas distribuidos
PDF
DEFINICION DE CALIDAD Y CALIDAD DE SOFTWARE
PPTX
3. conceptos de calidad del software
PDF
Tabla comparativa de herramientas case oswaldo mauleon
PPT
Caracteristicas de los Sistemas Distribuidos
PDF
Ciclo de vida del Software.pdf
PPTX
KVM Kernel Based Virtual Machine
PPTX
Estilos y Paradigmas de Interacción
PPTX
Sistemas operativos distribuidos
2 2 estilos arquitectonicos
Ventajas y desventajas mysql
Sistemas operativos PRESENTACION
Paradigmas de Interaccion usuario-máquina
Programación del lado del cliente
Modelo de prototipos
Modelos de los sistemas distribuidos
Recursos de redes
Diseño de Sistemas
Estilos y paradigmas de la Interacción Humano-Computador
PRESENTACIÓN RUP
Middleware en los sistemas distribuidos
DEFINICION DE CALIDAD Y CALIDAD DE SOFTWARE
3. conceptos de calidad del software
Tabla comparativa de herramientas case oswaldo mauleon
Caracteristicas de los Sistemas Distribuidos
Ciclo de vida del Software.pdf
KVM Kernel Based Virtual Machine
Estilos y Paradigmas de Interacción
Sistemas operativos distribuidos
Publicidad

Destacado (20)

PPT
PLATAFORMA VIRTUAL
PDF
Introduccion a las Telecomunicaciones
PPT
Michael Salas Vega Centros de Gestión de Videoconferencias.
PPSX
Web 2.0
PDF
Notas curso Telemática 1 2014
PDF
Educacion en linea
PDF
Presentación curso Telemática para comunicadores sociales
PDF
Television digital interactiva
PPTX
Katy simbaña
PPT
EDUCACION A DISTANCIA
PDF
Telemática y TIC
PPTX
Aprendizaje colaboración redes 2
PPTX
Herramientas Telematicas Mapa conceptual de las Redes sociales
PPT
Exposicion E Oct 18 2008 Angela
PDF
Plan de aula telemática
PDF
Historia y evolución de las tic
PLATAFORMA VIRTUAL
Introduccion a las Telecomunicaciones
Michael Salas Vega Centros de Gestión de Videoconferencias.
Web 2.0
Notas curso Telemática 1 2014
Educacion en linea
Presentación curso Telemática para comunicadores sociales
Television digital interactiva
Katy simbaña
EDUCACION A DISTANCIA
Telemática y TIC
Aprendizaje colaboración redes 2
Herramientas Telematicas Mapa conceptual de las Redes sociales
Exposicion E Oct 18 2008 Angela
Plan de aula telemática
Historia y evolución de las tic
Publicidad

Similar a Interacción Humano Computador (20)

PDF
Interaccion Humano Computador
PPT
Disenio interfaces (1)
PDF
1. Definiciones básicas (Intro)
PDF
Hci curso comsocial-2014
PPTX
Analisis de sistemas 1(usabilidad)
PPTX
Tecnología adaptativa
PDF
Introducción al Diseño de la Interacción Humano-Computadora
PDF
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
PDF
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
PDF
Curso Clase 2
PPTX
PDF
Panorama de HCI en la UTM
PPTX
Primer trabajo Redes
PDF
5 HCI In The Year 2020, Primera parte (HCI 2).Key
PDF
Introducción a la Interacción Humano Computadora
PPT
Interfaces
PDF
Unidad 1. Introducción a la Interacción Humano Computador
PDF
8. Repaso para el examen (HCI 2)
PPTX
Interacción humano computador
Interaccion Humano Computador
Disenio interfaces (1)
1. Definiciones básicas (Intro)
Hci curso comsocial-2014
Analisis de sistemas 1(usabilidad)
Tecnología adaptativa
Introducción al Diseño de la Interacción Humano-Computadora
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Curso Clase 2
Panorama de HCI en la UTM
Primer trabajo Redes
5 HCI In The Year 2020, Primera parte (HCI 2).Key
Introducción a la Interacción Humano Computadora
Interfaces
Unidad 1. Introducción a la Interacción Humano Computador
8. Repaso para el examen (HCI 2)
Interacción humano computador

Más de Mario Solarte (20)

PPTX
Open edX para el Énfasis IV - Proyecto de Investigación
PDF
Presentación curso de Énfasis IV - IST 2024-2
PDF
Diapositivas de la presentación del Énfasis IV
PDF
Transferencia y Negociación En Tecnología.pdf
PDF
Presentación 2023-1 Énfasis IV
PDF
Open edX
PDF
Plugins para la extensión de Open edX.pptx
PDF
Desarrollos Open edX Edunext
PDF
2021-2 Enfasis IV - Presentacion
PDF
Presentacion Enfasis IV
PDF
Ist e4 s01_2021-1_presentacion
PDF
s05_Enfasis-IV
PDF
s01E42020-1
PDF
s02E42020-1
PDF
Presentación Énfasis IV IST PiET
PDF
Enfasis IV - IST sesion 04
PDF
Enfasis IV - IST sesion 01
PDF
Servicios Telemáticos Móviles
PDF
Gestion del Conocimiento
PDF
Intersecciones y perspectivas de la comunicación y las tecnologías de la info...
Open edX para el Énfasis IV - Proyecto de Investigación
Presentación curso de Énfasis IV - IST 2024-2
Diapositivas de la presentación del Énfasis IV
Transferencia y Negociación En Tecnología.pdf
Presentación 2023-1 Énfasis IV
Open edX
Plugins para la extensión de Open edX.pptx
Desarrollos Open edX Edunext
2021-2 Enfasis IV - Presentacion
Presentacion Enfasis IV
Ist e4 s01_2021-1_presentacion
s05_Enfasis-IV
s01E42020-1
s02E42020-1
Presentación Énfasis IV IST PiET
Enfasis IV - IST sesion 04
Enfasis IV - IST sesion 01
Servicios Telemáticos Móviles
Gestion del Conocimiento
Intersecciones y perspectivas de la comunicación y las tecnologías de la info...

Último (20)

PDF
Eduardo Pinto Pocasangre Falso Abogado Estafador.pdf
PDF
1. Cartelera Agosto (Mayúscula) @ENPRIMERCICLO.pdf
PDF
Triada de Inteligencias - instrumentos vitales para el futuro (2).pdf
PDF
Revisão Final (Terceirão / Segundo Trimestre)
PDF
La Magia de Pensar en Grande - David Schwartz Ccesa007.pdf
PDF
El Arte de Hacer Preguntas - Mario Borghino Ccesa007.pdf
PDF
Empieza Con El Porqué - Simon Sinek Ccesa007.pdf
PPTX
LA EDUCACIÓN EN PANAMÁ DÉCADA DEL 2000 AL 20100
PPT
Claire Chennault en China y los tigres voladores.ppt
PDF
Carmen Cohaila Quispe Reconocimiento_destacada_I.E.JustoAriasAraguez.pdf
PDF
El Liderazgo Transformacional en la Sociedad Digital Ccesa007.pdf
PDF
Algebra Elemental en la Escuela Ccesa007.pdf
PDF
Innovacion Educativa en Educacion Superior Ccesa007.pdf
PDF
Actividad Luces y Codigos "Angelina.Castaño Marin 9-1"pdf
PDF
Habilidades sociales en la era digital (25-2))
PDF
Liderazgo Transformacional en la Sociedad Digital Ccesa007.pdf
PDF
El Arte de gestionar tus Emociones Ccesa007.pdf
PDF
La Inteligencia Artificial hacia un futuro de Aprendizaje Inteligente Ccesa00...
PDF
Paradigma@Investigadores Siglo XXI Revista N° 8
PDF
Gestion del Cambio y Reinicia tu Aprendizaje Ccesa007.pdf
Eduardo Pinto Pocasangre Falso Abogado Estafador.pdf
1. Cartelera Agosto (Mayúscula) @ENPRIMERCICLO.pdf
Triada de Inteligencias - instrumentos vitales para el futuro (2).pdf
Revisão Final (Terceirão / Segundo Trimestre)
La Magia de Pensar en Grande - David Schwartz Ccesa007.pdf
El Arte de Hacer Preguntas - Mario Borghino Ccesa007.pdf
Empieza Con El Porqué - Simon Sinek Ccesa007.pdf
LA EDUCACIÓN EN PANAMÁ DÉCADA DEL 2000 AL 20100
Claire Chennault en China y los tigres voladores.ppt
Carmen Cohaila Quispe Reconocimiento_destacada_I.E.JustoAriasAraguez.pdf
El Liderazgo Transformacional en la Sociedad Digital Ccesa007.pdf
Algebra Elemental en la Escuela Ccesa007.pdf
Innovacion Educativa en Educacion Superior Ccesa007.pdf
Actividad Luces y Codigos "Angelina.Castaño Marin 9-1"pdf
Habilidades sociales en la era digital (25-2))
Liderazgo Transformacional en la Sociedad Digital Ccesa007.pdf
El Arte de gestionar tus Emociones Ccesa007.pdf
La Inteligencia Artificial hacia un futuro de Aprendizaje Inteligente Ccesa00...
Paradigma@Investigadores Siglo XXI Revista N° 8
Gestion del Cambio y Reinicia tu Aprendizaje Ccesa007.pdf

Interacción Humano Computador