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

Interaccion Humano Computador

  • Upload
    tm-cs

  • View
    3.051

  • Download
    0

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Interaccion Humano Computador

Human-Computer Interaction

César Alberto Collazos O.

Page 2: Interaccion Humano Computador
Page 3: Interaccion Humano Computador
Page 4: Interaccion Humano Computador

Impresoras

Portatil

PC

Page 5: Interaccion Humano Computador

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 usuariosusuarios

• Generalmente son rotulados como “fallas del sistema” o “errores humanos”, no como “fallas de diseño”

Page 6: Interaccion Humano Computador

Origen

Factores Humanos:

Originado dentro de los Militares US durante la WW2

Los malos diseños de las armas podían matar 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

Page 7: Interaccion Humano Computador

Origen

Page 8: Interaccion Humano Computador

Casos de Exito

Page 9: Interaccion Humano Computador

Definición

Disciplina relacionada con el diseño,implementación y evaluación de sistemasinformáticos interactivos para uso de sereshumanos y con el estudio de losfenómenos más importantes con los quefenómenos más importantes con los queestá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 unapersona sentada delante de un terminal

Los computadores se encuentran enmuchas formas

Page 10: Interaccion Humano Computador

Definiciones

Usuariopersona que interactua con un sistema informático

InteracciónTodos los intercambios que suceden entre la persona y el computador (Baecker and Buxton, 1987)

Page 11: Interaccion Humano Computador

Qué es HCI?

Human-Computer Interaction

Definición:

“ Proveer un entendimiento de la forma en que losusuarios trabajan, las tareas que necesitan ejecutar y laforma en que los sistemas computacionales necesitanforma en que los sistemas computacionales necesitanser estructurados para facilitar el logro de dichastareas” (Faulkner, p1-2)

Page 12: Interaccion Humano Computador

Qué es HCI?

“Kenneth Olsen, the engineer who founded andstill runs Digital Equipment Corp., confessed atthe annual meeting that he can’t figure out howto heat a cup of coffee in the company’smicrowave oven.” [Wall Street Journal, 1986]microwave oven.” [Wall Street Journal, 1986]

Page 13: Interaccion Humano Computador

Ambito de HCI

Métodos de especificar cómo debería funcionar lainterfaz, cómo debería responder al usuario, y cómo

Analizar lo que hace la gente con los computadores ylas interfaces; entender las tareas de los usuarios y losrequerimientos.

interfaz, cómo debería responder al usuario, y cómodebería aparecer.

Diseño de interfaces computacionales de tal formaque se ajusten a las propiedades y objetivos de laspersonas.

Diseño herramientas que ayuden a los diseñadoresa construir mejores interfaces.

Page 14: Interaccion Humano Computador

Uso y Contexto

Page 15: Interaccion Humano Computador

Aspectos a considerar

Uso de dispositivos

La adaptación a las tareas

Las metáforas

Cultura

Los controles y sus comportamientosLos controles y sus comportamientos

Navegación

Integración entre aplicaciones

El diseño

Page 16: Interaccion Humano Computador

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 actividadescualquier momento y junto a otras actividades

Page 17: Interaccion Humano Computador

El crecimiento de las Soc. Información

Usuarios base ha aumentado

Más máquinas

Máquinas más pequeñas y velocesMáquinas más pequeñas y veloces

Mayor disponibilidad de aplicaciones

Sociedad como un todo, más dependiente de las TI

Page 18: Interaccion 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)

WWWWWW

Tele - Trabajo

Page 19: Interaccion Humano Computador

Tipos de Fallas

Técnicas

Hardware, Redes

Utilidad

Funcionalidad ineficiente

Usabilidad

Calidad del Sistema

Page 20: Interaccion Humano Computador

Debilidades Humanas

En HCI la persona es el elemento impredescible:

Desconcentración

Cambios en actitud

motivaciones y emociones

prejuicios y miedosprejuicios y miedos

comete errores and juicios

Todos somos diferentes

Page 21: Interaccion Humano Computador

Fortalezas Humanas

Animales exitosos:

reciben y responden a estímulos externosrápidamente

resuelven problemas complejos

creativoscreativos

trabajan cooperativamente (la mayoria del tiempo)!

Capacidad para aprender

Buenas HCI abandona las debilidades humanas yse construye en las fortalezas

Page 22: Interaccion Humano Computador

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 Las interfaces se ponen en el medio. No quiero concentrar mis energías en la interfaz, me quiero concentrar en mi trabajo (Donald Norman)

Page 23: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 24: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 25: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 26: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 27: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 28: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 29: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 30: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 31: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 32: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 33: Interaccion Humano Computador

Interfaces y modelo mental

Page 34: Interaccion Humano Computador

Interfaces y modelo mental

Page 35: Interaccion Humano Computador

Interfaces y modelo mental

Page 36: Interaccion Humano Computador

Interfaces y Modelo Mental

Page 37: Interaccion Humano Computador

Disciplinas relacionadas

PsicologíaProgramación

Ingeniería

C. Social

HCIDiseño

Sociología Ergonomía

Ingenieríadel software

Inteligenciaartificial

Page 38: Interaccion Humano Computador

Frustraciones Ocultas

Page 39: Interaccion Humano Computador

Frustraciones Ocultas

Page 40: Interaccion Humano Computador

Frustraciones Ocultas

Page 41: Interaccion Humano Computador

Frustraciones Ocultas

Page 42: Interaccion Humano Computador

Frustraciones Ocultas

Page 43: Interaccion Humano Computador

Frustraciones Ocultas

Estos productos son pensados para ayudar aahorrar tiempo, aumentar la productividad

¿Por qué entonces requerimos la asesoría detécnicos, utilizar manuales, recibirtécnicos, utilizar manuales, recibirinstrucciones especiales, asistir a cursos,para utilizar varios de estos productos?

¿Por qué estos productos aumentan elstress en lugar de disminuirlo?

Page 44: Interaccion Humano Computador

Paradoja de la Tecnología

Tecnología intenta ayudar a hacer la vidamás fácil y disfrutable

Cada nueva tecnología provee mejoresbeneficios

Mayor número de funciones genera mayorMayor número de funciones genera mayorcomplejidad, dificultad y frustración

Diseños apropiados minimizan lacomplejidad y dificultad

Page 45: Interaccion Humano Computador

Error

Nadie es perfecto !!

Errores de manejo

Errores con convencimiento

Errores por curiosidad

Errores de entendimiento

Page 46: Interaccion 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 lagarantía. Que debo hacer para obtener uno nuevo?”garantía. Que debo hacer para obtener uno nuevo?”

Soporte Técnico: “Lo siento, pero no lo comprendo: Ud. dijo ´el contenedor de lataza de su PC´?”

Llamante: “Sí, está colocado en el frente de mi PC”

Soporte Técnico: “Estoy algo sorprendido. Ud. ha recibido este contenedor comoparte 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. Tieneuna marca ‘4X’ en el frente”

Soporte Técnico: ......(silencio) .....

Page 47: Interaccion Humano Computador

Desastres HCI

En 1990 Vuelo 605 de Aerolíneas Indias se estrelló muriendo 98 personas.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 muyconfuso. El piloto recibió un mensaje informándole de un problema en la aeronave. Lamala interfaz del panel de control confundió al piloto e hizo que ejecutara movimientoserrados 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ásclaro 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.

Page 48: Interaccion Humano Computador

Ejemplo – Pobre HCI

Warning!

Este es un ejemplo de mala HCI.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 49: Interaccion Humano Computador

Importancia

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

Page 50: Interaccion 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 que permiten diseñar interfaces con minimalidad de errores.

Page 51: Interaccion Humano Computador

Para quién diseñas?

Page 52: Interaccion Humano Computador

Para quién diseñas?

Page 53: Interaccion Humano Computador

Proverbios sobre diferencias individuales

Usted NO necesariamente representa un buenusuario promedio del equipo o sistema que sediseña

No espere que los demás piensen y actuen comoUstedUsted

La gente varia en su pensamiento ycomportamiento

Usted casi NUNCA es el usuario.

Page 54: Interaccion Humano Computador

Proverbios sobre diferencias individuales

Realizar una interfaz que funcione para Ustedpuede que no funcione para el resto de losusuarios.

La mayoria de los usuarios pueden tenerexperiencia pero no en computadores.experiencia pero no en computadores.

La mayoria de los usuarios no sonprogramadores.

Ellos pueden pensar las cosas de forma muydiferente que Usted.

Page 55: Interaccion Humano Computador

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 erroreserrores• “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!”

Page 56: Interaccion Humano Computador

Diseño centrado en el usuario

Explícito, modelo conceptual coherente

Hacer las cosas visibles

Obtener los correctos mappings.

Explotar el poder de las restriccionesExplotar el poder de las restricciones

Utilizar estandares y convenciones

Diseñar para el error, permitiendo la exploración sin penalidad.

Page 57: Interaccion Humano Computador

Una Musa Inspirativa

El hombre del renacimiento

Combinó ciencias & arte

Integró ingenieria & estéticaIntegró ingenieria & estética

Balance avances tecnológicos &los valores humanos

Mezcla visión & práctica

Leonardo da Vinci (1452-1519)

Page 58: Interaccion 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 La nueva computación: Lo que la gente puede hacer.

Terminar con las frustraciones de los usuarios.

Page 59: Interaccion Humano Computador

Objetivos de la nueva computación

1) Usable: Confiable& compresible

2) Universal: Diversos usuarios & variados equipos & variados equipos

3) Util: En armonia con las necesidades humanas

Page 60: Interaccion Humano Computador

Diseños Usables

Page 61: Interaccion Humano Computador

Usabilidad

El grado en el cual un producto puede ser usadopor usuarios determinados para lograr losobjetivos específicos con efectividad, eficiencia ysatisfacción en un contexto especificado de uso[ISO9241][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)

Page 62: Interaccion Humano Computador

UsabilidadUsabilidad

Aceptabilidad del Sistema

Aceptabilidad Social

Utilidad Aprendibilidad

Aceptabilidad del Sistema

Aceptabilidad Práctica

Provechoso

Costo

Compatibilidad

Confiabilidad

Usabilidad

Eficiencia

Memorabilidad

Errores

Satisfacción

Page 63: Interaccion Humano Computador

El Diseño como Respuesta

Se requiere:Desarrollar conciencia sobre problemas dediseño

Interesarse en mejorar los objetos (diseño ymanufactura)manufactura)

Ser más sensibles a los problemas de la vida

Ser más sensible a las necesidades de laspersonas

Desarrollar conciencia y conocimiento sobrecómo el diseño afecta a los usuarios

Page 64: Interaccion Humano Computador

El Diseño como Respuesta

Se requiere:

Realizar diseños simples de utilizar, simples deentender e interpretar, estéticamenteplacenteros y poderosos

“Usability, understandability, and appearance”“Usability, understandability, and appearance”

Considerar las necesidades del usuario

Diseñar la calidad del producto

Page 65: Interaccion Humano Computador

Usabilidad

Utilización

Utilidad

Usabilidad• Fácil de aprender

• Eficiencia en el uso

• Fácil de recordar

• Minimalidad de errores

• Placentero al utilizarlo

Page 66: Interaccion 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 operatividadProveen pistas visibles para su operatividad

Consideran el error humano

Page 67: Interaccion Humano Computador

Diseño

Diseños deficientes

Difíciles de utilizar

Frustrantes al usarFrustrantes al usar

No proveen pistas

Proveen pistas falsas

Page 68: Interaccion Humano Computador

Terminar la frustración del usuario

Objetivo - Hacer computadores menos frustrantes

Page 69: Interaccion Humano Computador

Frecuentes experiencias frustrantes

Redes & Web

Page 70: Interaccion Humano Computador

Cajas de diálogo confusas

Umm, gracias por la recomendación,Umm, gracias por la recomendación,Umm, gracias por la recomendación,Umm, gracias por la recomendación,Qué pasa cuándo se cancela una operación de cancelar?Qué pasa cuándo se cancela una operación de cancelar?Qué pasa cuándo se cancela una operación de cancelar?Qué pasa cuándo se cancela una operación de cancelar?

Tengo alguna opción?Tengo alguna opción?Tengo alguna opción?Tengo alguna opción?

Umm, gracias por la recomendación,Umm, gracias por la recomendación,Umm, gracias por la recomendación,Umm, gracias por la recomendación,

Pero qué debo hacer?Pero qué debo hacer?Pero qué debo hacer?Pero qué debo hacer?

Upsss.Upsss.Upsss.Upsss.

Page 71: Interaccion Humano Computador

Applicaciones & caídas del sistema

Frecuentes experiencias frustrantes

Page 72: Interaccion Humano Computador
Page 73: Interaccion Humano Computador

Efectos de Transferencia

Personas transfieren sus expectativas / conocimiento deobjetos similares a los objetos actuales

•Transferencia positiva: El aprendizaje previo también seaplica a los nuevos diseños

•Transferencia negativa: El aprendizaje previo presentaconflicto con el nuevo diseñoconflicto con el nuevo diseño

Page 74: Interaccion Humano Computador
Page 75: Interaccion Humano Computador
Page 76: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 77: Interaccion Humano Computador

Diseños Utiles?

Video

Image source unknown

Page 78: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 79: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 80: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 81: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 82: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 83: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 84: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 85: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 86: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 87: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 88: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 89: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 90: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 91: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 92: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 93: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 94: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 95: Interaccion Humano Computador

Diseños Utiles?

Page 96: Interaccion Humano Computador

Diseños Utiles?

Page 97: Interaccion Humano Computador

Diseños Utiles?

Page 98: Interaccion Humano Computador

Diseños Utiles?

Page 99: Interaccion Humano Computador

Diseños Utiles?

Page 100: Interaccion Humano Computador

Diseños Utiles?

Image source unknown

Page 101: Interaccion Humano Computador

Líneas de interés

Multiculturalidad y HCI

Interfaces Emocionales

Interfaces Colaborativas y Sistemas deAwareness (Redes Sociales)

Usabilidad en diversos escenarios (TV DigitalInteractiva, VideoJuegos, Entornos 3D)

Nuevos Entornos de Interacción (Interfacesfísicas, EyeGaze Interaction)

Enseñanza de HCI a nivel Iberoamericano

Page 102: Interaccion Humano Computador

Conclusiones

HCI es una disciplina bien asentada

La interfaz es un concepto amplio y en la quehay 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 103: Interaccion Humano Computador

Conclusiones

Page 104: Interaccion Humano Computador

Reflexiones

Page 105: Interaccion Humano Computador

Diseños Usables