Diseo

y Evaluacin de
Interfaces Hombre-Mquina
(IHM)

ObjeAvos:

Introduccin a la IHM

Entender qu es la interaccin hombre-maquina.

Conocer la importancia de la disciplina.
Aprender los conceptos bsicos y obje=vos de la IHM
Entender qu quiere decir que un sistema es usable.
Aprender a analizar si un sistema es usable.
Saber que hay muchas disciplinas que contribuyen a
la IHM y valorar su aportacin.

Introduccin a la IHM

Contenido:
Unidad 1. Conocer la importancia que =ene el
diseo y evaluacin de la IHM.

1.1 Conceptos bsicos de la disciplina de IHM.
1.2 Importancia del diseo de IHM.
1.3 Relacin de la disciplina del diseo de
interfaces a la ciencia de la IHM.

Introduccin a la IHM
Diseo
Implementacin
Evaluacin

de

Sistemas
Informticos
Interactivos

Introduccin a la IHM

Usuario
Persona que interacciona con un sistema informtico.

Interaccin
Todos los intercambios que suceden entre la persona y el
equipo (Baecker and Buxton, 1987).

Importancia del diseo y evaluacin

de la IHM.
La explosin tecnolgica de los 70s, hizo necesaria la
comunicacin directa entre el hombre y las maquinas.
Del estudio de este fenmeno surgi la HCI=IHM=IPO
IHM se ocupa del anlisis y diseo de interfaces entre el hombre y la
mquina tambin conocidos como interfaces de usuario.

La disciplina comienza a ver sus frutos en el momento en que

las maquinas dejan de ser un misterio para los usuarios y se
convierten en una necesidad.

Importancia del diseo y

evaluacin de la IHM.
IHM es el diseo de sistemas computacionales que apoyan a personas
para que puedan llevar a cabo sus ac=vidades de manera eciente y
segura. [Preece et al., 1994]
La IHM pone en prac=ca, la usabilidad el entendimiento, la creacin de
so\ware y otras tecnologas que la gente querr u=lizar y ser capaz de
u=lizar y encontrar la manera mas efec=va de u=lizar una
maquina. [Carroll, 2002]
Lo importante, no es enfocarse en la interaccin humano-computadora,
sino en la interaccin de los humanos y sus logros a travs de la
computadora. [Terry Winogard, 2007]

1.1 Conceptos bsicos de la disciplina

de IHM.
Desde el inicio de los =empos el hombre ha ido
buscando su comodidad en el manejo de las
herramientas.
La nalidad siempre ha sido encontrar una mejor
precisin, alcance, movilidad y fuerza para el uso de
las cosas.

1.1 Conceptos bsicos de la disciplina

de IHM.
As mismo, los hombres prehistricos daban forma a
las herramientas u=lizando diferentes materiales.
Ello les permi= alcanzar sus metas y objeAvos y as
el hombre logro evolucionar y desarrollarse.
De lo anterior, surgen conceptos muy importantes
para la IHM: usabilidad, ergonoma y obje=vo.
Usabilidad

IHM
Meta

Ergonoma

Usabilidad
La Usabilidad es algo ms L a U s a b i l i d a d e s u n
que el potencial o las
concepto clave de la IHM,
posibilidades de uso de un
dado que se encarga de
producto.
desarrollar sistemas fciles
de aprender y fciles de
[Nielsen, 93] La describe
usar.
como la u=lidad y
funcionalidad de un sistema
para conseguir un obje=vo.

Ergonoma
Proviene de las palabras griegas
ERGOS-trabajo y NOMOS-leyes
leyes del trabajo
E s t u d i o c i e n d c o d e l a s
relaciones entre el hombre y su
ambiente de trabajo (equipos,
aparatos, herramientas)
Es la disciplina con miras a
adaptar el trabajo al hombre y
viceversa, mediante la interaccin
entre:

Hombre
Mquina
Tarea
Entorno

Busca la op=mizacin de los tres

elementos del sistema (humano-
mquina-ambiente), para lo cual
elabora mtodos de estudio de la
persona, de la tcnica y de
la organizacin.

Ergonoma

Metas de la IHM
Desarrollar y mejorar la seguridad, u=lidad,
eciencia y usabilidad de sistemas basados en
computadoras.
Incrementar la usabilidad de los sistemas.
Mejorar la calidad de vida del usuario.

Importancia de la IHM
Obtener la
produc=vidad del
sistema.
Bajar los costos en la
capacitacin del uso del
so\ware.
Obtener una mayor
seguridad.

Ecacia
Eciencia

Sa=sfaccin

IHM

Disciplinas que contribuyen a la IHM.

Psicologa

Diseo

Sociologa

Programacin

IHM

Ergonoma

Ingeniera
del software
Inteligencia
artificial

Disciplinas que contribuyen a la IHM

Ciencia de la Computacin.
Algoritmos, estructuras de datos,
ingeniera de sofware.
Psicologa CogniAva:
Capacidades y limitaciones del
usuario.
Interaccin en grupo.
Estructura y funciones de la
organizacin.
Apoyo a la toma de decisiones.

Psicologa Organizacional. Estructura

y funciones de la organizacin.
Ergonoma:
Diseo de hardware y so\ware que no
daen al usuario.
Desempeo y eciencia.

LingsAca. Dilogos (speech

acts).
Inteligencia ArAcial. Hacer que
la computadora haga lo ms
conveniente, en el momento
adecuado, de acuerdo al usuario
correspondiente.
Antropologa. Aspectos culturales
del usuario y su grupo.
Diseo:
Diseo Grco,
Diseo de informacin.

Tipos de Factores que intervienen en

la IHM
No son solo los factores computacionales.
Si no se consideran los siguientes factores un
producto puede resultar ser nalmente in=l.
Los factores son diversos, pero se relacionan
entre si.
Los =pos de factores, son:

Tipos de Factores que intervienen en

la IHM
Factores relaAvos al ambiente.

Factores de Salud y Seguridad

Factores Organizacionales

Factores relaAvos al usuario.

Factores Organizacionales
Factores Ambientales
Factores de Salud y Seguridad
Capacitacin.
Pol=ca inform=ca.
Diseo de las ac=vidades del
empleado.

Factores Ambientales
Luz.
Ven=lacin.
Ruido.

Stress.
Problemas musculares.
Dolor de cabeza.

Factores de las capacidades y

procesos cogni=vos del usuario.
Factores de la interfaz del usuario.
Factores referentes a la tarea del
usuario.

Factores de las capacidades y

procesos cogniAvos del usuario.

Mo=vacin
Gusto a las ac=vidades
Sa=sfaccin
Experiencia
Capacidad de aprendizaje

Tipos de Factores que intervienen en

la IHM

Factores de la interfaz del usuario

Disposi=vos de entrada
Disposi=vos de salida
Estructura de los dilogos humano-
computadora
Uso de colores
Iconos
Comandos
Grcas
lenguaje natural
Realidad virtual
Mul=medios

Factores referentes a la tarea del

usuario

Facilidad y complejidad
Novedad
Repe==vidad
Monitoreo

Factores relaAvos a los benecios de

la organizacin.
Factores referentes a las limitaciones.
Factores referentes a la funcionalidad
del sistema.
Factores de produc=vidad.

Factores referentes a las

limitaciones

Limitantes de Costo
Limitantes de Tiempo
Limitantes de Personal
Limitantes de Equipo
Limitantes de Espacio lsico.

Factores referentes a la
funcionalidad del sistema

Hardware disponible y necesario.

Sotware disponible y necesario.

PracAca grupal

Piensa y comenta en grupo algn ejemplo (que conozcas, o te haya

sucedido) sobre algn factor que impida el buen funcionamiento de la
interaccin hombre-maquina.

1.1 Conceptos bsicos de la disciplina de

IHM.
La Interaccin Humano-Maquina(IHM). Se dene
como el entendimiento, diseo, evaluacin e
implementacin de sistemas interac=vos para el uso
de los humanos permi=ndole alcanzar as sus
obje=vos.

1.2 Importancia del diseo de IHM.

1.2 Importancia del diseo de IHM.

El diseo, sea cual sea el objeto del mismo, =ene que basarse
en el usuario. El usuario puede ser cualquier individuo
(Diseo para Todos).
Nadie puede hacer un producto absolutamente accesible (el
mismo anillo no puede quedarle a todos). Podr hacerse, en
todo caso, ms accesible, pero siempre habr personas que
no puedan sacarle el mayor provecho.
Al pensar en el diseo de una interfaz, se debe tener en
consideracin lo siguiente:

1.2 Importancia del diseo de IHM.

El control de la situacin debe estar en manos del usuario:
El sistema debe ser lo ms interac=vo posible, facilitando el intercambio y
ges=n de sus modos.

Es preciso un planteamiento directo:

El usuario debe comprobar cmo sus acciones afectan a la salida del sistema.

La consistencia es parte indispensable en el diseo:

Se ha de facilitar la aplicacin de los conocimientos adquiridos de forma
previa al desarrollo de nuevas tareas, lo que a su vez se va a traducir en un
aprendizaje rpido.
Consistencia y estabilidad se van a traducir en facilidad de uso.

Hay que posibilitar la recuperacin de los errores:

Hay que posibilitar la reversibilidad y la recuperabilidad de las acciones.

Retroalimentacin apropiada por el sistema:

Es precisa una respuesta apropiada a las acciones del usuario por parte del
sistema.

1.2 Importancia del diseo de IHM.

No se puede descuidar la estAca:
Es preciso proporcionar un entorno agradable que contribuya al
entendimiento por parte del usuario de la informacin presentada.

El diseo debe caracterizarse por su simplicidad:

El uso del diseo ha de ser fcil de entender, independientemente de la
experiencia, conocimiento, capacidades lings=cas o nivel de concentracin
del usuario.

Importancia de la estAca
hnp://www.youtube.com/watch?
v=TmuEXXl27P8
hnp://www.youtube.com/watch?
v=Ps04h5GokQ8&feature=related

1.2 Importancia del diseo de IHM.

Es fundamental seguir una rigurosa metodologa de diseo:
Una ac=tud centrada en el usuario, en etapas iniciales y durante el diseo, as
como una rigurosa metodologa que contemple los principios que se tratan.

El equipo de diseo debe ser equilibrado:

El trabajo en equipo ha de caracterizarse por la posibilidad de una
comunicacin e interaccin rpida y efec=va.

1.2 Importancia del diseo de IHM.

Se disAnguen dos partes en el proceso de diseo:
Hay que denir el marco de trabajo conceptual para presentar el producto en
cues=n con el conocimiento y la experiencia de la audiencia obje=vo; a par=r
de ah, procede una documentacin apropiada a este estado.
Para ello es necesario tener una denicin clara de los obje=vos, entendiendo a los
usuarios y contemplando factores como la edad, la experiencia, las limitaciones
lsicas, las necesidades ms especiales, el entorno de trabajo, las inuencias
sociales y culturales...

Es muy importante determinar en qu medida el producto se est ajustando a

las necesidades y a las expecta=vas creadas.
No se trata tanto de evaluar la eciencia de las tareas y los posibles errores en el
diseo, sino de conocer las percepciones del usuario, su sa=sfaccin, sus preguntas,
sus problemas,...

Son indispensables las consideraciones de usabilidad en el proceso de

diseo:
En todas las etapas del proceso de diseo, se aplicarn las tcnicas de
evaluacin de la usabilidad que se es=men ms apropiadas.

1.2 Importancia del diseo de IHM.

Hay que entender al usuario:
Las diferencias en los modos de aprendizaje reejan ml=ples variantes que se
maniestan desde ligeras preferencias hasta profundas necesidades.
Las preferencias y necesidades par=culares siempre encontrarn, as, medios, apoyos y
opciones que permitan al usuario mostrar su conocimiento de la forma que les resulte
ms efec=va.
No cabe la menor duda de que para abordar una tarea, sea el conocimiento y uso de un
determinado producto en el contexto que nos ocupa, son precisas unas dosis adecuadas
de conanza, entusiasmo e intencionalidad.

Hay que realizar renuncias en el diseo

Cada aspecto adicional que se incluye en el sistema est afectando potencialmente a la
complejidad, estabilidad, mantenimiento, capacidad de accin, costes de apoyo,...

1.2 Importancia del diseo de IHM.

ObjeAvos de una interfaz

La interfaz de usuario intermediario entre el
usuario y la mquina.
Obje=vos:
Comprender todos los puntos de contacto entre el
usuario y el equipo.
Facilitar todas las tareas comunes del sistema o
producto.
Transparente para el usuario comn o eventual.

1.3 Relacin de la disciplina del diseo de

interfaces a la ciencia de la IHM.
Inves=gadores, como Keyes (2003) y Mandel (1997), han
sealado diferentes principios para el diseo de interfaces de
usuario.

Par=cularmente Mandel indica las siguientes reglas para el

diseo:
1.
2.
3.

Dar el control al usuario.

Reducir la carga de memoria del usuario.
Lograr que la interfaz sea consistente.

Diseo de productos (usables??)

ObjeAvos del anlisis y diseo de una

Interfaz.
Tiene como nalidad:
Transformar los requisitos en un diseo del sistema en
creacin.
Evolucionar una arquitectura slida para el sistema.
Adaptar el diseo para que se ajuste al entorno de
implementacin, con un diseo pensado para el
rendimiento.

IHM en el futuro
hnp://www.youtube.com/watch?v=AQhzY2_R6Fc
hnp://www.youtube.com/watch?
v=_qgTFuP_K_s&feature=youtu.be

AcAvidad
Conocer el obje=vo de estudio de la IHM:

1. Construyan un mapa conceptual, cada integrante del

equipo mencionara al menos un elemento o concepto
importante acerca de la IHM.

Producto: Mapa conceptual elaborado entre todos.

2. Inves=guen acerca del tema (Seleccionen dos arGculos

por equipo). Es una lectura sencilla, no olvides que se
trata de ubicarte en la tem=ca del curso.
3. Resuman sus descubrimientos y comentarios sobre el
ar=culo.

Producto entregable: mapa conceptual y resumen de

lo mas importante que leyeron en los ardculos