Interaccin Humano-Computadora

Fundamentos de IHC
M.C. Ada Lucina Gonzlez Lara

Qu es la interaccin humanocomputadora?

Universidad Autnoma De Nuevo Len Facultad de Ingeniera Mecnica y Elctrica

oHCI oIPO oIHC oCHI

Diseo Implementacin Evaluacin

Sistemas Computacionales Interactivos

M.C. Ada L. Gonzlez

FIME UANL

IHC
Disciplina relacionada con el diseo, evaluacin e implementacin de sistemas computacionales interactivos para uso de seres humanos y con el estudio de los fenmenos ms importantes que los rodean.
Definicin de ACM SIGCHI Curricula para HCI

Objetivos
Desarrollar o mejorar la seguridad, utilidad, efectividad, eficiencia y usabilidad de sistemas que incluyan computadoras Para hacer sistemas usables es preciso
Comprender los factores (psicolgicos, ergonmicos, organizativos y sociales) que determinan cmo la gente trabaja y hace uso de las computadoras. Desarrollar herramientas y tcnicas para ayudar a los diseadores de sistemas interactivos. Conseguir una interaccin eficiente, efectiva y segura

Segn las Ciencias Computacionales: Interaccin entre uno o ms humanos con una o ms computadoras.

Los usuarios no han de cambiar radicalmente su manera de ser, sino que los sistemas han de ser diseados para satisfacer los requisitos del usuario
M.C. Ada L. Gonzlez FIME UANL

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L Gonzlez FIME UANL

Definiciones
Usuario persona que interacciona con un sistema informtico Interaccin Todos los intercambios que suceden entre la persona y la computadora Intefaz Superficie de contacto entre dos entidades (persona-computadora)
M.C. Ada L. Gonzlez M.C. Ada L. Gonzlez FIME UANL FIME UANL

Definicin de Interfaces de Usuario

Los aspectos del sistema con los que el usuario entra en contacto (Moran) Donde los bits y las personas se encuentran (Negroponte, 1994) Un lenguaje de entrada para el usuario, un lenguaje de salida para el ordenador y un protocolo para la interaccin (CHI) Son las partes del sistema con las que el usuario entra en contacto fsica y cognitivamente
Interaccin fsica (teclado, ratn, pantalla...) Interaccin cognitiva (lo que se presenta al usuario debe ser comprensible para l)

Aspectos de la Ciencia, Ingeniera y Diseo relacionados IHC

El desempeo en conjunto de tareas de humanos y computadoras. La estructura de comunicaciones entre humanos y computadoras. Capacidades de humanos para usar computadoras. Algoritmos y programacin de las mismas interfaces. Diseo y construccin de interfaces. Proceso de especificacin, diseo e implementacin de interfaces.
M.C. Ada L. Gonzlez FIME UANL

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L Gonzlez FIME UANL

FIME UANL El diseo de muchas aplicaciones informticas modernas ineludiblemente requiere de algn componente del sistema que interacta con el usuario. Este componente suele representar ms de la mitad de las lneas de cdigo. Es intrnsecamente necesaria para entender la manera de decidir sobre la funcionalidad que un sistema tendr, la forma de construir el sistema, la forma de probar el diseo.

M.C. Ada L. Gonzlez

IHC es un rea interdisciplinaria

Psicologa
Programacin

Gestin de datos Lgica de la aplicacin

gh
Multimedia Grficos en 3D Entrada por voz etc.

Diseo

IHC

Ingeniera del software Inteligencia artificial

Interfaz de usuario
Actualmente ms del 70% del esfuerzo de desarrollo de las aplicaciones interactivas est dedicado a la interfaz (Gartner Group)

Sociologa
M.C. Ada L. Gonzlez

Ergonoma
FIME UANL

IHC

Un rea interdisciplinaria

Ciencias computacionales
Diseo y construccin de aplicaciones con interfaces humano-computadora.

Los sistemas interactivos estn en todas partes

Psicologa
Aplicacin de las teoras de los procesos cognitivos y el anlisis emprico del comportamiento del usuario.

Sociologa y Antropologa
Interacciones entre tecnologa, trabajo y organizacin.

Diseo
Creacin de productos interactivos tiles y visualmente agradables
M.C. Ada L. Gonzlez FIME UANL

M.C. Ada L Gonzlez FIME UANL

Metas del Diseo de Interaccin

Desarrollar productos usables
Usabilidad significa fcil de aprender Efectivo para usar Proporciona una experiencia que se disfruta

Ahora los sistemas interactivos

Van ms all de escritorio (Mviles) Tienen nuevas formas de interaccin (Tctiles) Intervienen en una gran diversidad de actividades humanas Sus usuarios son de diferentes grupos de edad. Demandan diseos que van ms all de la definicin de funcionalidad
FIME UANL

Involucrar a los usuarios en el proceso del diseo

M.C. Ada L. Gonzlez

Elementos a tomar en cuenta para la interaccin

Utilidad, Usabilidad, Agrado

Utilidad Un producto puede ser usado para alcanzar cierta meta o ejecutar cierta tarea . Esto es esencial! Usabilidad Relativo a la calidad y eficiencia. Ejem: Como un producto apoya al usuario para para alcanzar cierta meta o ejecutar cierta tarea Agrado Disfrutar el uso del producto

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L Gonzlez FIME UANL

Qu es usabilidad?
La usabilidad es un atributo de calidad que evala que tan fcil de usar son las interfaces del usuario. La palabra la usabilidad tambin se refiere a los mtodos para mejorar la facilidad de uso durante el el proceso del diseo. Jakob Nielsen

Componentes de la usabilidad
Facilidad de aprendizaje: Qu tan fcil es para los usuarios lograr las tareas bsicas la primera vez que se encuentran con la interfaz? Eficiencia: Una vez que los usuarios han aprendido a utlizar la interfaz que tan rpido pueden ejecutar las tareas? Facilidad de recordarlo: Cuando los usuarios regresan a la interfaz despus de un periodo de tiempo de no usarlo, que tan fcil pueden reestablecer la habilidad para usarlo? Errores: Cuntos errores comete el usuario, qu tan severos son esos errores, y qu tan fcil pueden recuperarse de esos errores? Satisfaccin: Qu tan agradable es usar esta interfaz?
M.C. Ada L. Gonzlez FIME UANL

La usabilidad es la medida en la que un producto se puede usar por determinados usuarios para conseguir unos objetivos especficos con eficiencia y satisfaccin en un contexto de uso dado
M.C. Ada L. Gonzlez FIME UANL

Porqu es importante la usabilidad?

Mejorar la usabilidad puede:
Incrementar la productividad de los usuarios Reducir costos (mantenimiento, eficiencia) Incrementar las ventas/ingresos (web-shop) Mantener la lealtad del cliente Ganar nuevos clientes

No es simple hacer buenas interfaces de usuario

Conceptos errneos comunes Si yo (desarrollador) puedo usarlo cualquiera puede hacerlo Si nuestro staff no tcnico puede usarlo, cualquiera puede. Un sistema es usable si todas las guas de estilo son cumplidas. Crear sistemas usables es un proceso estructurado y puede ser logrado por el uso de diversos mtodos

La usabilidad es considerada a menudo un signo de calidad

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L Gonzlez FIME UANL

IHC es central en el proceso de diseo y desarrollo.

Pensar en como funcionar la interfaz con el usuario cuando la primera versin de un producto est terminada es demasiado tarde! Buenas interfaces de usuario -y a menudo buenos productos- son un esfuerzo conjunto de todos los participantes en el proceso de diseo y desarrollo.

Ejemplo de buenos y malos diseos

Labels that look like pushbuttons

Unexpected placement of controls

www.baddesigns.com

M.C. Ada L. Gonzlez M.C. Ada L. Gonzlez FIME UANL

FIME UANL

Ejemplo de buenos y malos diseos

Una buena interfaz!

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L Gonzlez FIME UANL

En el museo .

Interfaces

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L. Gonzlez

FIME UANL

Pioneros
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Vannevar Bush Douglas Engelbart Alan Kay Jeff Johnson David Smith Jef Raskin Ted Nelson Ben Shneiderman Brenda Laurel Myron Krueger Ivan Sutherland Nicholas Negroponte Donald Norman Bruce Tognazzini Jakob Nielsen 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. .

M.C. Ada L. Gonzlez FIME UANL

Clarisse de Souza Saul Greenberg Bonnie Nardi Randy Pausch Harold Thimbleby Stephen Payne Yvonne Rogers Alan Cooper Bill Buxto John M. Carroll Paul Dourish Alistair Sutcliffe Coli Ware Peter Pirolli Andrew Monk

A Brief History of HCI Technology Brad A. Myers http://www.cs.cmu.edu/~amulet/papers/uihistor y.tr.html

M.C. Ada L. Gonzlez

FIME UANL

M.C. Ada L Gonzlez FIME UANL