Técnicas de Interacción

Técnicas o
Estilos de
Interacción
Sensibilización:
Evolución de las interfaces de usuario
Centro ISYS, Escuela de Computación, U.C.V.
1
Actualizada, Sep 2012
Contenido
• Relación entre la tecnología y las
interfaces: la evolución de las interfaces
• Técnicas o estilos de interacción:
Descripción, Ejemplos, Ventajas,
Desventajas y Recomendaciones
• Dispositivos de E/S
• Para finalizar...
2
Centro ISYS, Escuela de Computación, U.C.V.
Modelo del diseñador
Presentación
• Presentación Visual 10%
• Estética
Interacción
• Técnicas de Interacción
• Dispositivos
30%
60%
Relación entre los
objetos
• Atributos
• Comportamiento
• Metáforas
3
Centro ISYS, Escuela de Computación, U.C.V.
Evolución de las Interfaces
4
Centro ISYS, Escuela de Computación, U.C.V.
Evolución de las Interfaces
• Caracterizada por las técnicas de interacción
humano-computador
• Dependiente de la Tecnología
• Asociada a las categorías de usuarios

5
Generaciones de interfaces de usuarios
Centro ISYS, Escuela de Computación, U.C.V.
Evolución del Hardware
6
Centro ISYS, Escuela de Computación, U.C.V.
Estilos de interacción
• El estilo de interacción
apropiado depende de:
- El usuario
- Las tareas
- Los dispositivos disponibles
• Estilos diferentes coexisten
• Nuevos estilos (gestos, lenguaje natural, escritura)
son tópicos de investigación abiertos.
7
Centro ISYS, Escuela de Computación, U.C.V.
Técnicas o Estilos de Interacción
•
Bach
•
Pregunta-respuesta
•
Lenguaje de Comando
•
Formas
•
Menús
•
Manipulación Directa
•
Hipertexto/hipermedia
•
Lenguaje Natural
•
Realidad Virtual
•
Reconocimiento gestos.
8
Centro ISYS, Escuela de Computación, U.C.V.
Estilos de Interacción
Estilo
Uso principal
Procesamiento en batch,
servidores e-mails
No requiere intervención del usuario,
(diferente sitio-diferente tiempo)
PreguntaRespuesta
Orientados a líneas
El computador controla al usuario
Lenguaje de
Comandos
Orientados a líneas
Fácil de editar y reusar. Poderoso par
soportar operaciones complejas
Full-screen, WIMP
Permiten ver muchos campos a la vez y
editados enseguida
Full-screen, WIMP.
Interfaces basdas en el
teléfono
Los Usuarios pueden recordar sus
opciones
Batch
Formas
Menú
9
Característica principal
Centro ISYS, Escuela de Computación, U.C.V.
Técnica: Manipulación Directa
Se basa en:
•
La representación visual (metáforas)
−
•
Uso de iconos para ayudar en la memorización y
reconocimiento de objetos y acciones
Acciones físicas que activan operaciones
reversibles, cuya consecuencia es inmediatamente
visible
−
Uso de dispositivos para seleccionar y manipular los
objetos
• Ampliamente utilizada en las interfaces de realidad
virtual y en las interfaces Web.
10
Centro ISYS, Escuela de Computación, U.C.V.
Ejemplo: Manipulación Directa
11
Centro ISYS, Escuela de Computación, U.C.V.
Manipulación Directa: Ventajas
•
•
•
•
•
•
Presenta conceptos de manera visual
Fácil de aprender y retener
Facilita el reconocimiento
Minimiza errores
Estimula la exploración
Los usuarios sienten que
tienen control sobre el sistema.
12
Centro ISYS, Escuela de Computación, U.C.V.
Manipulación Directa: Desventajas
• No todas las tareas pueden ser
descritas con objetos concretos.
• No todas las acciones pueden ser
ejecutadas directamente.
13
Centro ISYS, Escuela de Computación, U.C.V.
Técnica: Hipertexto
• Se basa en una
“estructuración no
secuencial” de la información
donde se vinculan trozos de
información mediante enlaces
• En Internet: se aplica a nodos,
distribuidos en redes, que
contienen información (texto,
sonido, video,..) conectados
mediante hiperenlaces.
14
Centro ISYS, Escuela de Computación, U.C.V.
Hipermedia: Ejemplo
15
Centro ISYS, Escuela de Computación, U.C.V.
Hipermedia: Ventajas y Desventajas
Ventajas:
• Fácil de usar, intuitivo
• Los usuarios no necesitan aprender reglas
sintácticas de comandos ni seleccionar
opciones de un menú
Desventaja:
Pueden presentarse problemas en la
navegabilidad, contenido y look and feel
16
Centro ISYS, Escuela de Computación, U.C.V.
Técnica: Lenguaje Natural
•
La Interacción mediante Lenguaje
Natural se define como la operación
de las computadoras por parte de los
usuarios, usando el lenguaje natural
para dar instrucciones y recibir
respuestas
•
Es un área de investigación en pleno
desarrollo.
17
Centro ISYS, Escuela de Computación, U.C.V.
Lenguaje Natural: Ventajas y Desventajas
Ventajas:
• Fácil de usar, intuitivo
• Los usuarios no necesitan aprender reglas
sintácticas de comandos ni seleccionar
opciones de un menú
Desventajas:
• No es aún un estilo de interacción práctico
• Se requiere aprender cómo usar frases que
el sistema entienda.
18
Centro ISYS, Escuela de Computación, U.C.V.
Reconocimiento de Voz: Aplicaciones
Silla de ruedas dirigida mediante comandos de voz
Reconocimiento de voz (ASR)
(1)
19
(2)
(3)
(4)
Centro ISYS, Escuela de Computación, U.C.V.
Reconocimiento de Voz: Aplicaciones
Biometría: Reconocimiento de la persona a través de la voz
Verificación de la persona que habla
(1)
20
(2)
(3)
Centro ISYS, Escuela de Computación, U.C.V.
Reconocimiento de Voz: Aplicaciones
Marcado de Voz en los teléfonos celulares - Detección de
tonos (DUAL TONE MULTI FREQUENCY)
(1)
21
(2)
(3)
(4)
Centro ISYS, Escuela de Computación, U.C.V.
Realidad Virtual
•
Plantea nuevas formas de interacción
•
Es una interfaz intuitiva que simula el
ambiente real de los usuarios y las
interacciones
•
Es una nueva tecnología con múltiples
aplicaciones
•
Incluye técnicas de interacción basadas
en: voz, audio, gestos, tacto,...
22
Centro ISYS, Escuela de Computación, U.C.V.
Realidad Virtual: Aplicaciones
•
Tratamientos de
alucinaciones
23
•
Tratamientos de fobias
•
Entretenimiento
•
Arquitectura
•
Diseño Industrial
Centro ISYS, Escuela de Computación, U.C.V.
Realidad Virtual: Ventajas y Desventajas
Ventajas:
• Fácil de usar, intuitivo
• Requiere poco entrenamiento
Desventajas:
• Equipos costosos y muy
pesados
• Pueden producir sensación
de mareo, nauseas al
usuarios.
24
Eyebud, una pantalla
portátil para el iPod.
Centro ISYS, Escuela de Computación, U.C.V.
Reconocimiento de Gestos: Ejemplo Multimodal
“Coloca eso”
“Ahí”
25
Centro ISYS, Escuela de Computación, U.C.V.
Dispositivos de E/S
• Rastreadores de Ojo
• Reconocedores de
Gestos
• Apuntadores de
control directo
• Apuntadores de
control indirecto
• Reconocedores de voz
26
Centro ISYS, Escuela de Computación, U.C.V.
Para finalizar…
•
•
•
•
27
En la construcción de IU se deben combinar las
técnicas de interacción en forma apropiada
La combinación de técnicas de interacción
permite que la interfaz se adapte al perfil del
usuario
Estilos de interacción: manipulación directa, nocomandos, Lenguaje Natural,....
Interfaces a Futuro: Agentes inteligentes,
Reconocimiento gestual,...
Centro ISYS, Escuela de Computación, U.C.V.
link: http://www.videos-star.com/watch.php?video=RvtxupQmRSA
En el 2019 las interfaces táctiles son omnipresentes y disponen de reconocimiento
gestual, multitáctil y proyección tridimensional basada en un nuevo concepto de NUI
(Natural User Interface). Conectividad inalámbrica y movilidad total entre gadgets que
comparten la información de forma sencilla y sin restricciones. Ventanas y mesas que
se convierten en pantallas, dispositivos ultraplanos modulares multipropósito y
periódicos táctiles con tinta electrónica a color y con reproducción de vídeo.
28
Centro ISYS, Escuela de Computación, U.C.V.