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

Interacción Humano Computador

Jul 26, 2015

Download

Education

EspTmGDST
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Interacción Humano Computador

Human Computer Interaction (HCI)

César Alberto Collazos O.

Marzo, 2015

Page 2: Interacción Humano Computador
Page 3: Interacción Humano Computador

En esta presentación

Contexto de HCI

Importancia de HCI

Tendencias de interfaces

Page 4: Interacción Humano Computador

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

Page 5: Interacción Humano Computador

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

Page 6: Interacción Humano Computador

Tipos de Fallas

Técnicas

Hardware, Redes

Utilidad

Funcionalidad ineficiente

Usabilidad

Calidad del Sistema

Page 7: Interacción Humano Computador

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)

Page 8: Interacción Humano Computador

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]

Page 9: Interacción Humano Computador

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

Page 10: Interacción Humano Computador

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

Page 11: Interacción Humano Computador

Interfaces y Modelo Mental

Page 12: Interacción Humano Computador

Interfaces y Modelo Mental

Page 13: Interacción Humano Computador

Interfaces y Modelo Mental

Page 14: Interacción Humano Computador

Interfaces y Modelo Mental

Page 15: Interacción Humano Computador

Interfaces y Modelo Mental

Page 16: Interacción Humano Computador

Interfaces y Modelo Mental

Page 17: Interacción Humano Computador

Interfaces y Modelo Mental

Page 18: Interacción Humano Computador

Computación

Psicología

Comunicación Social

Antropología

Diseño

Biología

Otras

Areas de implicancia

Page 19: Interacción Humano Computador

Frustraciones Ocultas

Frustraciones cotidianas

Abrir puertas

Abrir bolsas plásticas

Manejo de teléfonos, lavadoras, secadoras, videos, fotocopiadoras, etc.

Page 20: Interacción Humano Computador

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

Page 21: Interacción Humano Computador

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?

Page 22: Interacción Humano Computador

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

Page 23: Interacción Humano Computador

Error

Nadie es perfecto !!

Errores de manejo

Errores con convencimiento

Errores por curiosidad

Errores de entendimiento

Page 24: Interacción Humano Computador

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

Page 25: Interacción Humano Computador

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.

Page 26: Interacción Humano Computador

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?

Page 27: Interacción Humano Computador

Importancia

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

Page 28: Interacción Humano Computador

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.

Page 29: Interacción Humano Computador

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.

Page 30: Interacción Humano Computador

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.

Page 31: Interacción Humano Computador

Objetivos de la nueva computación

1) Usable: Confiable

& compresible

2) Universal: Diversos usuarios & variados equipos

3) Util: En armonia con las necesidades humanas

Page 32: Interacción Humano Computador

Diseños Usables

Page 33: Interacción Humano Computador

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

Page 34: Interacción Humano Computador

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

Page 35: Interacción Humano Computador

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

Page 36: Interacción Humano Computador

Diseño

Diseños deficientes

Difíciles de utilizar

Frustrantes al usar

No proveen pistas

Proveen pistas falsas

Page 37: Interacción Humano Computador

Terminar la frustración del usuario

Objetivo - Hacer computadores menos frustrantes

Page 38: Interacción Humano Computador

Frecuentes experiencias frustrantes

Redes & Web

Page 39: Interacción Humano Computador

Applicaciones & caídas del sistema

Frecuentes experiencias frustrantes

Page 40: Interacción Humano Computador
Page 41: Interacción Humano Computador

“HIT ANY KEY TO CONTINUE”

Page 42: Interacción Humano Computador

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

Page 43: Interacción Humano Computador
Page 44: Interacción Humano Computador
Page 45: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 46: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 47: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 48: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 49: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 50: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 51: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 52: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 53: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 54: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 55: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 56: Interacción Humano Computador

Image source unknown

Diseños Utiles?

Page 57: Interacción Humano Computador

Cambio en la Tecnología

Page 58: Interacción Humano Computador

Cambio en la Tecnología

Page 59: Interacción Humano Computador

Transformaciones en Interacciones

Page 60: Interacción Humano Computador

Transformaciones en Interacciones

Page 61: Interacción Humano Computador

GUIs a Gestos

Page 62: Interacción Humano Computador

GUIs a Gestos

Page 63: Interacción Humano Computador

El mundo en nuestras manos

Douglas Englebart, 1964

Xerox Parc

Page 64: Interacción Humano Computador

El mundo en nuestras manos

Page 65: Interacción Humano Computador

Robots simples a Máquinas

autónomas que aprenden

Page 66: Interacción Humano Computador

Cambiando nuestras vidas

Page 67: Interacción Humano Computador

Cambiando nuestras vidas

Page 68: Interacción Humano Computador

Dependencia de la Tecnologìa

Page 69: Interacción Humano Computador

Hiperconectividad

Page 70: Interacción Humano Computador

Compromiso creativo

Page 71: Interacción Humano Computador

Compromiso creativo

Page 72: Interacción Humano Computador

Tendencias

Desde una experiencia del Usuario a Valores

Humanos

Page 73: Interacción Humano Computador

Tendencias

Page 74: Interacción Humano Computador

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

Page 75: Interacción Humano Computador

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

Page 76: Interacción Humano Computador

Reflexiones

Page 77: Interacción Humano Computador

Contactos

[email protected]

http://www.unicauca.edu.co/idis