PD - 14 - 2013

Interaccin Hombre-Mquina
Diseo de Interfaces
Motivacin
Qu es la Interfaz?
Medio de comunicacin y lenguaje de algo no

necesariamente trivial"
Motivacin
Qu es la Interfaz?
Medio de comunicacin y lenguaje, de algo no

La superficie de contacto entre dos entes
dismiles
Motivacin
Qu es la Interfaz?
Medio de comunicacin y lenguaje, de algo no

La superficie de contacto entre dos entes
dismiles
Todos los intercambios que suceden
entre la persona y el computador (o
cualquier
dispositivo)
Motivacin
Qu es la Interfaz?
La interfaz es la parte (hardware y software) del

sistema informtico que facilita al usuario el
acceso a los recursos del computador.
Motivacin
Qu es la Interfaz?
La interfaz es la parte (hardware y software) del

sistema informtico que facilita al usuario el
acceso a los recursos del ordenador.
Para saber acerca de las interfaces, se requiere
conocer las tareas de interaccin que puede
realizar un individuo.
Motivacin
Qu es la Interfaz?
Para saber disear interfaces, se requiere conocer

algunos aspectos relacionados con los individuos.
Es decir, se requiere analizar las peculiaridades de
los usuarios.
Motivacin
Qu es la Interfaz?
Para saber disear interfaces, se requiere conocer

algunos aspectos relacionados con los individuos.
Es decir, se requiere analizar las peculiaridades de
los usuarios.
Se requiere adems, conocer las caractersticas de
los dispositivos que se utilizarn.
Motivacin
Qu es la Interfaz?
El diseo de interfaces y el diseo de interaccin

son reas de inters de la disciplina llamada
Factores Humanos (Human Factors) , tambin
llamada Interaccin Humano-Computador (HCI
Human-Computer Interaction).
Motivacin
Qu es la Interfaz?
El diseo de interfaces y el diseo de interaccin es

son reas de inters de la disciplina llamada
Factores Humanos (Human Factors) , tambin
llamada Interaccin Humano-Computador (HCI
Human-Computer Interaction).
El objetivo primordial de esta disciplina es
desarrollar tcnica y mtodos para mejorar la
interaccin entre los humanos y las mquinas (el
computador, entre ellas).
Aspectos histricos
Aspectos histricos
1963. Ivan Sutherland. SketchPad.
El sistema soportaba la manipulacin de objetos grficos
mediante un lpiz ptico, permitiendo coger los objetos,
moverlos y cambiarles el tamao utilizando algunas
restricciones.
1963. Elgerbart. Disea el primer mouse.
Aspectos histricos
1968. MITs Lincoln Labs. AMBIT/G. Este sistema
incluy representaciones de iconos, reconocimiento de
gestos, mens dinmicos con la ayuda de dispositivos
apuntadores y seleccin de iconos apuntndolos.
Aspectos histricos
Aos 70. Xerox PARC.
Crearon el modelo y los dispositivos para las
interfaces que incluan ventanas, menes, conos,
botones, etc. Era la antesala de las interfaces que
hoy conocemos como manipulacin directa.
Otro importante hito de aquellas investigaciones fue
la idea de WYSIWYG (What You See Is What You
Get)
Aspectos histricos
1977. ALAN KAY, Xerox PARC: Dynabook.
1981. Xerox Star. Sale al mercado el primer sistema
comercial que hace extenso el uso de la Manipulacin
Directa: Xerox Star . Le siguen el Apple Lisa en 1982
y el Macintosh en 1984.
1982. Ben Shneiderman, Universidad de Maryland.
Acu el trmino Manipulacin directa,
identificando adems los distintos componentes.
Estilos de Interfaces
Estilos de interfaces
Los estilos de interfaces predominantes son:
La interfaz por lnea de comandos

Mens y formularios
Manipulacin directa - GUI
Interfaces con interaccin asistida
HCI Human
Computer Interaction
HCI Human Computer Interaction

Es la disciplina que se encarga de los siguientes
procesos:
disear
evaluar
implementar
artefactos en sistemas interactivos utilizados por
humanos
+
el estudio de los fenmenos que rodean estos
procesos

Cmo disear para mejorar la interaccin
hombre-mquina?
Contextos bsicos a considerar

hombre-mquina?
Fsicos
relacionados con el hardware

y dispositivos de interfaz

hombre-mquina?
Fsicos
relacionados con el hardware

y dispositivos de interfaz
Sintcticos presentacin de informacin

secuencia, orden de las acciones

hombre-mquina?
Fsicos
relacionados con el hardware y

dispositivos de interfaz
Sintcticos presentacin de informacin

secuencia, orden de las acciones
Semnticos significado de los objetos
significado de las acciones

Usos y contextos
Aspectos sociales
y organizacionales
Humanos
reas de aplicacin
y tareas
Mquinas
Dilogos
Procesamiento de
informacin
Metforas
Lenguajes y
comunicacin
Ergonoma
Dispositivos
I/O
Diseo
Grfico

Computacin
Psicologa
Cognitiva
Psicologa
Social
Ergonoma
HCI
Ingeniera
y Diseo
Lingstica
Inteligencia Artificial
Filosofa, Sociologa
y Antropologa
Observar al usuario
Anlisis del usuario
Lengua y lenguaje
Canales de comunicacin Tipos
Integracin
Humanos
Interaccin Primitivas
Procesamiento de
informacin
Lenguajes y
comunicacin
Ergonoma
Conceptos generales Anlisis del usuario
Implica conocer aspectos como:
Habilidades fsicas y sensoriales.

Habilidades cognitivas.
Diferencias de personalidad.
Diferencias culturales.
Escenarios:
Las tareas.
Entorno fsico y social.
Conceptos generales Lengua y lenguaje
El lenguaje natural del hombre es la

capacidad multisensorial y multimedial del
hombre para comunicarse entre si.
El lenguaje natural del hombre es la

capacidad multisensorial y multimedial del
hombre para comunicarse entre si.
El lenguaje natural es a la vez un
fenmeno individual y social: el individuo
habla el (o los) idiomas de uno o varios
grupos humanos.
La lengua es el lenguaje hablado y escrito,

enseado, cuidado y transmitido por una
determinada comunidad a lo largo de un
perodo histrico significativo.
La lengua es estudiada por la lingstica.
La lengua es artificial y puede alejar al

hombre de sus races ms profundas. Una
lengua puede morir si no logra
transformarse constantemente al contacto
con el lenguaje natural.
La lengua es artificial y puede alejar al

hombre de sus races ms profundas. Una
lengua puede morir si no logra
transformarse constantemente al contacto
con el lenguaje natural.
El lenguaje es un fenmeno natural. La
lengua es producto de una civilizacin.
Conceptos generales Canales de comunicacin
Los canales de comunicacin dependen de

un medio de transmisin, de los equipos de
transduccin y traduccin y del aparato
sensori-motor del hombre, capaz de
producir y recibir mensajes por estos
canales.
Se utilizan normalmente tres canales:

el visual,
el auditivo y
el hptico o gestual.
Se utilizan normalmente tres canales:

el visual,
el auditivo y
el hptico o gestual.
El hombre trata de ampliar el ancho de
banda de los canales de comunicacin.
Canal hptico o gestual:

El gesto es un signo no persistente y
funciona por medio del contacto fsico
directo o mediante la percepcin de
posturas del cuerpo humano.
Canal hptico o gestual:

El gesto es un signo no persistente y
funciona por medio del contacto fsico
directo o mediante la percepcin de
posturas del cuerpo humano.
La computacin entiende ciertos gestos
bien definidos, pero es en general muy
pobre para producir gestos.
Canal auditivo:
Es el primer canal de contacto con el
mundo del hombre.
Es el primer canal lingstico de cada
hombre. Es un canal bidireccional.
Canal auditivo:
Es el primer canal de contacto con el
mundo del hombre.
Es el primer canal lingstico de cada
hombre. Es un canal bidireccional.
La computacin produce y empieza a
entender los signos auditivos.
Canal visual:
El canal visual tiene el ancho de banda
ms importante de todos los canales de
comunicacin.
La comunicacin visual es la ms
importante para la existencia y utilizacin
de smbolos para la comunicacin.
Canal visual:
La historia de la computacin es al mismo
tiempo la historia de la ampliacin y plena
integracin de este canal en las
aplicaciones.
La computacin produce y empieza a
entender signos visuales.
Conceptos generales Integracin
La interfaz es el indicio del esfuerzo del

hombre para integrar la computacin en la
comunicacin general del hombre.
La interfaz es el indicio del esfuerzo del

hombre para integrar la computacin en la
comunicacin general del hombre.
Es el reconocimiento que un programa
antes de ser clculo y evaluacin lgica es
un lenguaje y un intento de comunicacin.
Las interfaces tienden a utilizar de manera

natural todos los canales de comunicacin
que se disponen.
En la evolucin histrica se podr observar
este hecho.
Conceptos generales Interaccin
El intercambio de informacin entre un

usuario y un sistema informtico.

El intercambio tiene asociado un lenguaje,
por consiguiente una sintxis y una
semtica.

El intercambio tiene asociado un lenguaje,
por consiguiente una sintxis y una
semtica.
Se interacta con objetos para activar
acciones y eventos.
Todo est basado en las primitivas de

interaccin:
Posicionamiento
Obtencin de una posicin u
orientacin (2D y 3D)
Ejm. Aplicacin de dibujo

interaccin:
Introducir Valor
Obtencin de un dato cuantificable
(numrico, porcentual, etc.)
Ejm. Datos sensibles en una
aplicacin

interaccin:
Introducir Texto
Introduccin de un texto o
identificador
Ejm. Nombre de un archivo

interaccin:
Seleccin
Obtencin de una alternativa (entre
varias posibles. Puede ser sobre un
conjunto finito o un conjunto de
cardinalidad variable.

interaccin:
Arrastre
Secuencia de posiciones entre un
punto inicial y otro final.
Ejm. Mover un documento hacia
otra carpeta.
Cmo interacta el
usuario con esta
aplicacin?
Diseo de interfaces
Objetivos de una buena interfaz:

Maximizar la velocidad de aprendizaje
Minimizar la tasa de errores
Maximizar la velocidad de uso
Esttica adecuada

hombre-mquina?
Diseo centrado en el usuario

Principios
Reglas
Estndares
Directrices Guas de estilo
Objetos de las interfaces
Objetos de las interfaces grficas
Ventanas
Menes
conos
Botones
Campos
etc.
Ventanas
Ventanas tipo dilogo
Menes
conos
Botones
Campos
Algunos principios de diseo

de interfaces
Algunos principios de diseo de interfaces grficas

Consistencia
La consistencia en un interfaz permite a los
usuarios transferir sus conocimientos y destrezas
de una aplicacin a otra.

Consistencia
La consistencia en un interfaz permite a los
usuarios transferir sus conocimientos y destrezas
de una aplicacin a otra.
La consistencia en las interfaces grficas ayuda a
los usuarios a aprender y reconocer fcilmente el
lenguaje grfico de esa interfaz.

Consistencia
La consistencia en el comportamiento de una
interfaz significa que los usuarios aprenden cmo
hacer las cosas, por ejemplo apuntar y seleccionar,
una sola vez.

Control del usuario
El usuario y no el computador (o aplicacin)
inicia y controla las actividades.

Control del usuario
El usuario y no el computador (o aplicacin)
inicia y controla las actividades.
Tolerancia
Posibilidad de ofrecerle al usuario la capacidad de
recuperarse de los errores.

Retroalimentacin y dilogo
El usuario debe estar constantemente informado
de lo que est ocurriendo con los procesos.
Dilogo simple al alcance del usuario
La informacin que recibe el usuario debe ser
entendible y a su alcance.

Integridad esttica
La informacin se encuentra organizada en forma
adecuada y consistente con los principios de
diseo visual.
El nmero de elementos y su respectivo
comportamiento debe ser limitado para aumentar
la usabilidad de la interfaz.

Integridad esttica
Se debe asegurar de mantener la semntica del
lenguaje grfico o del lenguaje asociado a la
interfaz.
No cambiar el significado de los objetos que son
estndares.

PD - 14 - 2013

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

PD - 14 - 2013

Încărcat de

Drepturi de autor:

Formate disponibile

Interaccin Hombre-Mquina

Medio de comunicacin y lenguaje de algo no

Medio de comunicacin y lenguaje, de algo no

Medio de comunicacin y lenguaje, de algo no

La interfaz es la parte (hardware y software) del

La interfaz es la parte (hardware y software) del

Para saber disear interfaces, se requiere conocer

Para saber disear interfaces, se requiere conocer

El diseo de interfaces y el diseo de interaccin

El diseo de interfaces y el diseo de interaccin es

Los estilos de interfaces predominantes son:

La interfaz por lnea de comandos

HCI Human Computer Interaction

HCI Human Computer Interaction

Cmo disear para mejorar la interaccin

relacionados con el hardware

Cmo disear para mejorar la interaccin

relacionados con el hardware

Sintcticos presentacin de informacin

Cmo disear para mejorar la interaccin

relacionados con el hardware y

Sintcticos presentacin de informacin

HCI Human Computer Interaction

HCI Human Computer Interaction

Implica conocer aspectos como:

Habilidades fsicas y sensoriales.

El lenguaje natural del hombre es la

El lenguaje natural del hombre es la

La lengua es el lenguaje hablado y escrito,

La lengua es artificial y puede alejar al

La lengua es artificial y puede alejar al

Los canales de comunicacin dependen de

Se utilizan normalmente tres canales:

Se utilizan normalmente tres canales:

Canal hptico o gestual:

Canal hptico o gestual:

La interfaz es el indicio del esfuerzo del

La interfaz es el indicio del esfuerzo del

Las interfaces tienden a utilizar de manera

El intercambio de informacin entre un

El intercambio de informacin entre un

El intercambio de informacin entre un

Todo est basado en las primitivas de

Todo est basado en las primitivas de

Todo est basado en las primitivas de

Todo est basado en las primitivas de

Todo est basado en las primitivas de

Objetivos de una buena interfaz:

Cmo disear para mejorar la interaccin

Diseo centrado en el usuario

Objetos de las interfaces

Objetos de las interfaces grficas

Objetos de las interfaces grficas

Objetos de las interfaces grficas

Ventanas tipo dilogo

Objetos de las interfaces grficas

Objetos de las interfaces grficas

Objetos de las interfaces grficas

Objetos de las interfaces grficas

Algunos principios de diseo

Algunos principios de diseo de interfaces grficas

Algunos principios de diseo de interfaces grficas

Algunos principios de diseo de interfaces grficas

Algunos principios de diseo de interfaces grficas