Interaccin Hombre-Maquina

(IHM)

Qu es IHM?

Hombre

Tarea

usuario final del programa

otros dentro de la organizacin

Maquina

Aspectos
Organizacionales
y Sociales

Diseo

computador que ejecuta el programa

Tecnologa

Interaccin

Usuarios

usuario dice al computador lo que quiere

computador comunica los resultados

Interfaces Usuarias
Parte del programa que permite al
usuario
interactuar con el computador
realizar sus tareas

IHM = diseo, prototipo, evaluacin e

implementacin de las interfaces
usuarias

Porqu estudiar Interfaces?

Se hacen programas para
otros usuarios, que no son uno mismo

Malas interfaces usuarias cuestan

dinero, y tal vez, vidas

Buenas Interfaces Usuarias son difciles de

hacer
personas son impredecibles

Limitaciones

Proceso Cognitivo

Procesos Cognitivos
percepcin
manipulacin fsica
memoria

Memoria de Largo Plazo

Memoria de Corto Plazo
Depsitos
sensoriales

Imgenes
Visuales

Imgenes
Auditivas

Habilidades de organizacin / trabajo

Ojos
Odos

Procesador
Perceptual

Procesador
Motoro

Procesador
Cognitivo

Dedos, etc.

Proceso Cognitivo
Basado en datos empricos
Tres subsistemas interactuando
perceptual, motora, cognitivo

Algunas veces serial, otras paralelo

serial en accin y paralelo en reconocimiento

Proceso Cognitivo
Parmetros
procesadores tienen un ciclo de tiempo (T) ~
100-200 ms
memorias tienen capacidad, tiempo de retencin y
tipo

presionando tecla en respuesta a la luz

conduciendo, leyendo seales y escuchando al
mismo tiempo

Proceso Cognitivo
Memoria de corto plazo
capacidad limitada (7 2 chunks)
6174591765 vs. (617) 459-1765
DECIBMGMC vs. DEC IBM GMC

acceso rpido (~ 70ms) & retencin corta

(~200 ms)

Proceso Cognitivo
Memoria de largo plazo
episdica & semntica
enorme (si no es ilimitada)
ms lento acceso (~100 ms)
muy buena retencin

pasa a MLP despus de pocos segundos

Proceso Cognitivo
Factores que afectan proceso cognitivo
excitacin y vigilia, fatiga
carga perceptual (mental)
conocimiento de resultados
monotona y fastidio
suspensin sensitiva, suspensin del sueo
ansiedad y miedo, aislamiento
envejecimiento, drogas y alcohol

Modelo mental
Representaciones mentales de cmo
funciona un objeto y como la interfaz lo
controla
Gente tiene modelos preconcebidos,
que no pueden ser fcilmente alterados
calculadoras prefijas
+ ( * 3 2 ) 5

arrastrar al papelero - borrar

Modelo Mental
Interfaces deben comunicar el modelo
ayuda en lnea tiene su beneficio, pero no
debera ser necesaria

Modelo Mental
Objetos bien diseados tienen
significado
claves visuales para su operacin

Objetos pobremente diseados

no ofrecen claves
claves falsas

Modelo objeto/accin de la
interfaz

Modelo objeto/accin de la
interfaz

Diseo de objeto - accin:

Entendimiento de tarea
objetos del mundo real
acciones aplicadas a estos objetos

Creacin de representaciones metafricas

de objetos y acciones
Diseador hace que las acciones sean
visibles a usuarios

Qu es el diseo centrado
en usuario?

Qu es el diseo centrado
en usuario?

Desarrolladores trabajando con los

usuarios finales

Entender el proceso de trabajo

ayuda a definir lo que tiene que hacer el

sistema y lo que no
mucha interaccin, exploracin y
retroalimentacin

puntos de interaccin entre computadores

y personas

No es centrado en tecnologa, sino en

el usuario

Pensar sobre el mundo en trminos del

usuario
usuario y cliente no es la misma persona
no se debe disear para el proceso del gerente

Porqu hacerlo?
Cerca de 25% de todos los proyectos
fallan
incompletos por restricciones de
presupuesto y tiempo
completados, pero dificiles de aprender y
usar
evite fallas prestando atencin a las
necesidades de usuario

Metas de Ingeniera de
Sistemas
Funcionalidad apropiada
tareas
si es inadecuada, no importa cuan
espectacular es la interfaz
funcionalidad excesiva confunde y retrasa
al usuario

Metas de Diseo de la
Interfaz de Usuario
5 factores humanos:
Tiempo de aprendizaje
Cunto tiempo toma aprender las tareas?

Velocidad de desempeo
Cunto tiempo toma para realizar las tareas?

Porqu hacerlo?
Soluciones
productos faciles de aprender y usar se
venden mejor
atencin adecuada a la interfaz puede
ayudar a terminar en producto en plazo
estipulado
reducir costos de entrenamiento
mejorar facilidad de uso!

Metas de Diseo de la
Interfaz de Usuario
Centrar el diseo en el usuario
variedad de usuarios y tareas
usuarios evolucionan y cambian

Amigabilidadde la interfaz no se
puede medir
Otros factores

Metas de Diseo de la
Interfaz de Usuario
5 factores humanos :
Tasa de errores de usuarios
Cuntos errores y de qu tipo se hacen
normalmente durante las aplicaciones tpicas?

Retencin en el tiempo
Cuanto tiempo recuerdan los usuarios el
manejo del sistema despus de un tiempo?

Metas de Diseo de la
Interfaz de Usuario
5 factores humanos :
Satisfaccin subjectiva
Cun contentos estn los usuarios con el
sistema?

Cmo disear e
implementar interfaces?
Diseo no es un estado, sino un
proceso
Diseo centrado en usuario
Anlisis de tareas
Creacin de prototipos
Evaluacin
Programacin
Iteracin

Anlisis de tareas
Observar las practicas existentes de
trabajo
Crear ejemplos y escenario de uso
actual
Revisar nuevas ideas antes de
implementar el software

Cmo disear e
implementar interfaces?
Interfaces de usuario son productos de
trabajo de equipo (idealmente)
Quines estn involucrados?
Diseadores grficos
Diseadores de interaccin / interfaces
Escritores tcnicos
Antroplogos y Socilogos
Ingenieros Informticos

Ciclo de diseo de IU
Disear

Evaluar

Prototipear

Creacin de prototipos
Construir un diseo aproximado
Tcnicas de baja fidelidad
dibujos en papel
cortar, copiar, pegar
segmentos de video

Herramientas de creacin de prototipos

Visual Basic, Director, etc.

Evaluacin

Implementacin

Test con los usuarios reales

(participantes)
Tcnicas de bajo costo

Herramientas
Modelos de Eventos
Modelos de Input / Ouput
etc.

evaluaciones expertas
walkthroughs

Iteracin
En cada etapa!

Principios

Disear

Evaluar

Principio de reconocimiento de
diversidad
Ocho reglas doradas
Principios de despliegue de datos
Principios de entrada de datos

Prototipear

Principio 1: Reconocimiento
de la diversidad

Principio 1: Reconocimiento
de la diversidad

Perfiles de uso

Caractersticas del usuario

Principiantes o usuarios por primera vez

Usuarios expertos intermitentes
Usuarios expertos frecuentes

Edad, sexo y habilidades fsicas

Educacin y fondo cultural o tnico
Entrenamiento
Motivacin y metas
Personalidad

Principio 1: Reconocimiento
de la diversidad

Principio 1: Reconocimiento
de la diversidad

Perfiles de tarea

5 Estilos de interaccin

Matriz de frecuencias de uso y tareas por

perfiles de usuarios es til

Principio 2: Uso de las ocho

reglas doradas

Manipulacin directa
Seleccin del men
Formularios
Lenguaje de comando
Idioma natural

Principio 2: Uso de las ocho

reglas doradas

Reforzar consistencia
La ms frecuentemente violada
Terminologa
Sugerencias
Mens
Ayuda en pantalla
Estilo, color, capitalizacin y fuentes

Principio 2: Uso de las ocho

reglas doradas

Principio 2: Uso de las ocho

reglas doradas

Permitir uso de accesos directos para

usuarios frecuentes

Ofrecer retroalimentacin informativa

Abreviaciones y claves especiales

Comandos ocultos y facilidades de macros
Edit
Cut

Ctrl-X

Copy

Ctrl-C

Paste

Ctrl-V

Principio 2: Uso de las ocho

reglas doradas

Principio 2: Uso de las ocho

reglas doradas

Disear dilogos para completar tarea

Ofrecer prevencin del error y manejo

del error simple

Secuencias de acciones deben organizarse

en grupos: Comienzo, medio y fin

Principio 2: Uso de las ocho

reglas doradas

Principio 2: Uso de las ocho

reglas doradas

Permitir deshacer acciones en forma

fcil
Apoyar locus interior de control

Reducir la carga de memoria de corto

plazo

searching database for matches

Principio 3: Prevenir errores

Reducir errores asegurando acciones
completas y correctas:
Secuencias completas
Comandos correctos

Principios de despliegue de
datos
5 principios de alto nivel
Consistencia del despliegue de datos
Eficiencia en asimilacin de informacin
por el usuario
Mnima carga en memoria del usuario
Compatibilidad de despliegue de datos con
entrada de datos
Flexibilidad para control del despliegue de
datos

Principios de despliegue de
datos

Principios de despliegue de
datos
Consiguiendo atencin del usuario
Intensidad
*Marcas*
Tamao

Fuentes
Inversin de colores
Parpadeo
Color y parpadeo de color
Audio

Principios de despliegue de
datos

Cinco objetivos de alto nivel

para entrada de datos

Es un ejemplo de codificacin en
tamao

Consistencia de transacciones de
entrada de datos

las letras ms grandes para titulos ms

importantes
y ms chicas para titulos de menor importancia

1.234.567-8
12345678

Compatibilidad de entrada de datos con

despliegue de datos
1.234.567-8

Cinco objetivos de alto nivel

para entrada de datos

Cinco objetivos de alto nivel

para entrada de datos

Mnimas acciones de usuario

Mnima carga en memoria de usuario

Flexibilidad para control del usuario

sobre entrada de datos

Conclusiones
Solo una primera aproximacin a diseo,
creacin de prototipos y evaluacin de
interfaces usuarias
tareas de los usuarios
limitaciones cognitivas que afectan diseo
tecnicas de diseo e implementacin de
interfaces

Impacto Social e Individual

de Interfaces Usuarias

Entre la esperanza y el miedo

Entre la esperanza y el miedo

Esperanzas pueden unir a muchas

personas en una accin determinada

Esperanzas pueden unir a muchas

personas en una accin determinada

Esperanza debe superar a menudo la

resistencia creada por miedo
Miedo puede ser una barrera espantosa
para cambiar, pero tambin un estmulo
para la accin

Entre la esperanza y el miedo

Aspectos potenciales para moldear al
futuro:
Acceso universal a la tecnologa
computacional
Conveniente y econmico
Electricidad, software, hardware
Aplicaciones de re-ingeniera y requerimiento
de servicios
Simplificacin de tareas comunes

Computacin es omnipresente en todo el

planeta
Extrapolacin de tecnologa plantea que
adelantos en tecnologa son beneficiosos a
la sociedad

Diez plagas de la edad de la

informacin
Ansiedad
Alienacin
Poca informacin de minoras
Impotencia del individuo
Desorientacin por complejidad y
velocidad

10

Diez plagas de la edad de la

informacin
Fragilidad organizacional
Invasin de privacidad
Desempleo y desplazamiento
Falta de responsabilidad profesional
Deterioro de la imagen de las personas

Prevencin de Plagas
Diseo centrado en el ser humano
Apoyo organizacional
Diseo de trabajo
Educacin

Prevencin de Plagas
Retroalimentacin y premios
Elevacin de conciencia pblica
Legislacin
Investigacin avanzada

11