2. ipo. estilos y paradigmas de interacción

ESTILOS Y PARADIGMAS DE INTERACCIÓN

Grau en Enginyeria InformàticaInteracció Persona-Ordinador

Toni GranollersEl Curso de Interacción Persona-Ordenador ha sido realizado

por Toni Granollers bajo la licencia Creative Commons Reconocimiento-NoComercial 4.0 Internacional License.

http://www.grihotools.udl.cat/mpiua/about/

http://creativecommons.org/licenses/by-nc/4.0/







¿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

Evolución de la interacción


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

ESTILOS de interacción


Líneas de comandos



Lenguaje Natural

Nuevos Paradigmas



Realidad Aumentada

4 / 24

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ón Asistida• Lenguaje Natural

Estilos y paradigmas de interacción - GEInformàtica, IPO 5 / 24


Estilos de InteracciónInterfaz 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 primerasPotente y flexibledifícil de aprender y recordar

6 / 24


Estilos de InteracciónMenú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


Estilos de InteracciónManipulació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.barABORTdumby!!!

C…P… filenamedot star… or was

it R…M?

Move this file here, and copy

this to there.

Direct manipulationSource: HUMAN-COMPUTER INTERACTION, by Alan Dix, Janet Finlay, Gregory Abowd & Russell Beale Chapter 4. Paradigms (http://www.hcibook.com/e3/chapters/ch4)

8 / 24

http://www.hcibook.com/e3/chapters/ch4

Estilos de InteracciónInteracción asistida

• Utiliza la metáfora del asistente personal o agente que colabora con el usuario en el mismo ambiente de trabajo y 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


mediante agentes o asistentes

9 / 24

Estilos de InteracciónInteracción asistida


mediante agentes o asistentes

10 / 24

Estilos de InteracciónLenguaje Natural

• Interacción mediante la voz y movimiento.

• Necesario “conocer” un determinado “lenguaje”• Palabras/frases• Gestos exactos

• Necesario “diálogos de clarificación”


Natural user interface

11 / 24

PARADIGMAS de interacción


Texto (comandos) + teclado



Lenguaje Natural

Nuevos Paradigmas



Realidad Aumentada

12 / 24


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 Realidad Virtual• La Computación Ubicua• La Realidad Aumentada

(*) La palabra paradigma viene del latín paradigma y este del griego parádeigma que quiere decir ejemplo, modelo

13 / 24


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

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.


Paradigmas de interacción.La Realidad Virtual


Microsoft Research: Microsoft & Human Interact: Players control the narrative in Starship Commander (https://youtu.be/nRZh7dkB_hs)

16 / 24

https://youtu.be/nRZh7dkB_hs

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 en 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.


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

http://www.ubiq.com/weiser/

http://www.ubiq.com/hypertext/weiser/NomadicInteractive/

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 1991http://www.ubiq.com/hypertext/weiser/SciAmDraft3.html


http://www.ubiq.com/hypertext/weiser/SciAmDraft3.html

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 la realidad e interaccionan con ella.


https://www.youtube.com/watch?v=aL4QOmgzvak

19 / 24



Paradigmas de interacción.Realidad Aumentada


https://www.youtube.com/watch?v=3qpgMLzBi3020 / 24

https://www.youtube.com/watch?v=3qpgMLzBi30


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 Realidad Virtual 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

http://www.onlyaugmented.com/what-is-augmented-reality

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.


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

http://www.viaempresa.cat/ca/notices/2016/11/des-de-dins-l-smart-city-22422.php

http://www.smartcityexpo.com/en

Referencias• https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/interaction-styles

• HUMAN-COMPUTER INTERACTION, by Alan Dix, Janet Finlay, Gregory Abowd & 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


https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/interaction-styles



http://www.hcibook.com/e3/chapters/ch4

http://es.slideshare.net/percynegrete/paradigmas-hci

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




2. ipo. estilos y paradigmas de interacción

Engineering