Este documento describe los principales estilos y paradigmas de interacción entre personas y ordenadores. Explica estilos como líneas de comandos, menús de navegación, manipulación directa y lenguaje natural. También describe los paradigmas del ordenador de sobremesa, la realidad virtual, la computación ubicua y la realidad aumentada. El documento proporciona ejemplos e ilustraciones de cada estilo y paradigma de interacción.

1. ESTILOS Y PARADIGMAS DE
INTERACCIÓN
Grau en Enginyeria Informàtica
Interacció Persona-Ordinador
Toni Granollers
El Curso de Interacción Persona-Ordenador ha sido realizado
por Toni Granollers bajo la licencia Creative Commons
Reconocimiento-NoComercial 4.0 Internacional License.

2. ¿Qué es la interacción?
• Todos los intercambios que suceden entre la persona y el
computador (Baecher & Buxton, 87)
Estilos y paradigmas de interacción - GEInformàtica, IPO
Bits Interfaz Usuario
2 / 24

3. Evolución de la interacción
Estilos y paradigmas de interacción - GEInformàtica, IPO
Líneas de comandos
Menús de navegación
Manipulación Directa y
Asistida
Lenguaje Natural
Nuevos Paradigmas
Paradigma de ordenador de sobremesa
Realidad Virtual
Computación
Ubicua
Realidad
Aumentada
3 / 24

4. ESTILOS de interacción
Estilos y paradigmas de interacción - GEInformàtica, IPO
Líneas de comandos
Menús de navegación
Manipulación Directa y
Asistida
Lenguaje Natural
Nuevos Paradigmas
Paradigma de ordenador de sobremesa
Realidad Virtual
Computación
Ubicua
Realidad
Aumentada
4 / 24

5. ESTILOS de interacción
• Un término genérico para agrupar las diferentes maneras en
que los usuarios se comunican o interaccionan con el
ordenador.
(Preece J. Human–Computer Interaction, Cap. 13. Addison–Wesley, 1994)
• Los estilos de interacción predominantes son:
• La interfaz por Líneas de comandos (órdenes)
• Menús de Navegación
• Manipulación Directa y InteracciónAsistida
• Lenguaje Natural
Estilos y paradigmas de interacción - GEInformàtica, IPO 5 / 24

6. Estilos y paradigmas de interacción - GEInformàtica, IPO
Estilos de Interacción
Interfaz por línea de comandos (órdenes)
• Primer estilo de interacción de
uso generalizado
• Todavía utilizado
(habitualmente como acceso
complementario).
• Es una manera de dar órdenes
directamente al ordenador.
• Pueden tener la forma de teclas
de función, un carácter,
abreviaciones cortas, palabras
enteras o una combinación de
las dos primeras
Potente y flexible
difícil de aprender y recordar
6 / 24

7. Estilos y paradigmas de interacción - GEInformàtica, IPO
Estilos de Interacción
Menús de Navegación
• Conjunto de opciones visualizadas
en la pantalla que se pueden
seleccionar
• La selección de una (o varias) de
ellas supone la ejecución de una
orden subyacente y normalmente
un cambio en el estado de la
interfaz.
• Fácil de recordar.
• Si el texto es adecuado y
• Las opciones están agrupadas
significativamente
• Ocupan mucho espacio
• Solución: menús desplegables o menús
pop–up.
7 / 24

8. Estilos y paradigmas de interacción - GEInformàtica, IPO
Estilos de Interacción
Manipulación Directa
• Representación continua de los
objetos y de las acciones.
• Sintaxis de comandos mediante
manipulación de objetos y
acciones.
• Acciones rápidas, incrementales
y reversibles que provocan un
efecto visible inmediatamente
en el objeto seleccionado.
• Los usuarios aprenden
rápidamente
• La interfaz WIMP: Windows,
Icons, Menus and Pointers.
% foo.bar
ABORT
dumby!!!
C…P… filename
dot star… or was
it R…M?
Move this file
here, and copy
this to there.
Direct manipulation
Source: HUMAN-COMPUTER INTERACTION, by Alan Dix, Janet Finlay, Gregory
Abowd & Russell Beale
Chapter 4. Paradigms (http://www.hcibook.com/e3/chapters/ch4)
8 / 24

9. Estilos de Interacción
Interacción asistida
• Utiliza la metáfora del asistente personal o agente que
colabora con el usuario en el mismo ambiente de trabajo y el
el usuario en vez de dirigir la interacción
• Entorno cooperativo en que el usuario y los agentes o asistentes se
comunican, controlan eventos y realizan tareas
• No es considerado como una herramienta desde el punto de
vista de una interfaz de manipulación directa.
• El agente “observa” las interacciones del usuario y “decide”
lanzar actuar en consecuencia para ayudar al usuario.
• La interacción es (parcialmente) dirigida por el agente
• Reduce el esfuerzo al usuario
Estilos y paradigmas de interacción - GEInformàtica, IPO
mediante
agentes o asistentes
9 / 24

10. Estilos de Interacción
Interacción asistida
Estilos y paradigmas de interacción - GEInformàtica, IPO
mediante
agentes o asistentes
10 / 24

11. Estilos de Interacción
Lenguaje Natural
• Interacción mediante la voz y
movimiento.
• Necesario “conocer” un
determinado “lenguaje”
• Palabras/frases
• Gestos exactos
• Necesario “diálogos de
clarificación”
Estilos y paradigmas de interacción - GEInformàtica, IPO
Natural user
interface
11 / 24

12. PARADIGMAS de interacción
Estilos y paradigmas de interacción - GEInformàtica, IPO
Texto (comandos) +
teclado
Menús de navegación
Manipulación Directa y
Asistida
Lenguaje Natural
Nuevos Paradigmas
Paradigma de ordenador de sobremesa
Realidad Virtual
Computación
Ubicua
Realidad
Aumentada
12 / 24

13. Estilos y paradigmas de interacción - GEInformàtica, IPO
PARADIGMAS de interacción
• Son los ejemplos o modelos de los que se derivan todos los estilos de
interacción.
• Es una abstracción de todos los posibles estilos de interacción organizados en
grupos con características similares.
• Los paradigmas interactivos actuales son:
• El ordenador de sobremesa (metáfora del escritorio)
• La RealidadVirtual
• La Computación Ubicua
• La RealidadAumentada
(*) La palabra paradigma viene del latín paradigma y este del griego parádeigma que
quiere decir ejemplo, modelo
13 / 24

14. Estilos y paradigmas de interacción - GEInformàtica, IPO
Paradigmas de interacción.
Ordenador de sobremesa
• Durante muchos años ha sido
el paradigma dominante.
• La interacción se realiza
normalmente aislado del
entorno.
• El usuario interacciona
sentado en una mesa con un
ordenador de sobremesa de
frente a interfaces de
manipulación directa.
14 / 24

15. Paradigmas de interacción.
La Realidad Virtual
• Simulación por ordenador en la
que se emplea el grafismo 3D y el
entorno (sonido, movimiento,
olor, …) para crear un mundo
que parece realista.
• Este mundo es dinámico y
responde a las ordenes del usuario
(gestos, voces, etc…).
• Interactividad en tiempo real
• respuesta inmediata a la acción
• sentimiento de inmersión
• Costoso
• Multitud de aplicaciones:
• Medicina, juegos, arte, enseñanza,
campo militar y aeroespacial,
publicidad, diseño, arquitectura,
robótica.
Estilos y paradigmas de interacción - GEInformàtica, IPO 15 / 24

16. Paradigmas de interacción.
La Realidad Virtual
Estilos y paradigmas de interacción - GEInformàtica, IPO
Microsoft Research: Microsoft & Human Interact: Players control the narrative in Starship
Commander (https://youtu.be/nRZh7dkB_hs)
16 / 24

17. Paradigmas de interacción.
Computación Ubicua
• Extender la capacidad computacional al
entorno del usuario.
• La capacidad de información está
presente en todas partes
• en forma de pequeños dispositivos muy
diversos que permiten interacciones de poca
dificultad, conectados en red a servidores de
información.
• La computación deja de estar localizada
en un único punto para pasar a diluirse
el entorno.
• No confundir la computación ubicua con
la realidad virtual
• la RV trata de crear un mundo virtual no
existente en favor de uno imaginario,
• la CU parte del mundo real y lo mejora.
Estilos y paradigmas de interacción - GEInformàtica, IPO
Mark Weiser (Xerox PARC) is the
father of Ubiquitous Computing (UC);
his web page contains links to many
papers on the topic.
(MUY) Interesante: Mark’s SLIDES
spoking about UC at the Nomadic '96
conference (March 1996 ).
Actualmente utilizamos el término
Internet-Of-Things (IOT)
17 / 24

18. Paradigmas de interacción.
Computación Ubicua
• Machines that fit the human environment, instead of forcing humans to enter theirs, will
make using a computer as refreshing as taking a walk in the woods
Mark Weiser, "The Computer for the Twenty-First Century," Scientific American, pp. 94-10, September 1991
http://www.ubiq.com/hypertext/weiser/SciAmDraft3.html
Estilos y paradigmas de interacción - GEInformàtica, IPO 18 / 24

19. Paradigmas de interacción.
Realidad Aumentada
• Reducción de las
interacciones con el
ordenador utilizando la
información del entorno como
una entrada implícita.
• Dos corrientes:
1.aplicar la RV en el mundo real,
2.usar dispositivos que aumentan
realidad e interaccionan con ella.
Estilos y paradigmas de interacción - GEInformàtica, IPO
https://www.youtube.com/watch?v=aL4QOmgzvak
19 / 24

20. Paradigmas de interacción.
Realidad Aumentada
Estilos y paradigmas de interacción - GEInformàtica, IPO
https://www.youtube.com/watch?v=3qpgMLzBi30
20 / 24

21. Estilos y paradigmas de interacción - GEInformàtica, IPO
Comparación de los paradigmas de
interacción
a)En un Ordenador de sobremesa
(utilizando una GUI) la interacción entre el
usuario y el ordenador está aislada de la
interacción entre el usuario y el mundo
real.
b)En la RealidadVirtual el ordenador cubre
totalmente el usuario y la interacción
entre el usuario y el mundo real
desaparece.
c) En la Computación Ubicua el usuario
interacciona con el mundo real pero
también puede interaccionar con los
ordenadores de los que dispone en el
mundo real.
d)La Realidad Aumentada soporta la
interacción entre el usuario y el mundo
real utilizando la información aumentada
del ordenador.
Image source: http://www.onlyaugmented.com/what-is-augmented-reality
21 / 24

22. Internet of Things
• Podem veure una ciutat intel·ligent com un gran ordinador que
en lloc de tenir teclat, ratolí i micròfon com a dispositius
d'entrada té sensors, i que en lloc de tenir pantalla i altaveu
com a dispositius de sortida té semàfors, estacions de
Bicing, fanals i contenidors. En aquest model l'usuari no seu
davant de l'ordinador sinó que hi viu a dins i fa l'entrada de
dades amb les seves accions quotidianes que són a l'hora
condicionades per les sortides de la ciutat-ordinador.
Estilos y paradigmas de interacción - GEInformàtica, IPO
Font: Via Empresa, Josep Mª Ganyet (17-11-2016)
http://www.viaempresa.cat/ca/notices/2016/11/des-de-dins-l-smart-city-22422.php
http://www.smartcityexpo.com/en
22 / 24

23. Referencias
• https://www.interaction-design.org/literature/book/the-
glossary-of-human-computer-interaction/interaction-styles
• HUMAN-COMPUTER INTERACTION, by Alan Dix, Janet
GregoryAbowd & Russell Beale
• Chapter 4. Paradigms (http://www.hcibook.com/e3/chapters/ch4)
• Estilos y paradigmas de la Interacción Humano-
Computador, by Percy Negrete en SlideShare
• http://es.slideshare.net/percynegrete/paradigmas-hci
Estilos y paradigmas de interacción - GEInformàtica, IPO 23 / 24

24. Types of Interfaces
• Vocal Interfaces
• Multimodal
• Distributed
• Migratory Interactive Applications
https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-
computer-interaction-2nd-ed/user-interface-design-adaptation
Estilos y paradigmas de interacción - GEInformàtica, IPO 24 / 24