Riviere gt tangible_paris2012_v1

37
Définitions - Modèles Guillaume Rivière 16 Février 2012 GT Interaction Tangible

Transcript of Riviere gt tangible_paris2012_v1

Page 1: Riviere gt tangible_paris2012_v1

Définitions - ModèlesGuillaume Rivière

16 Février 2012

GT Interaction Tangible

Page 2: Riviere gt tangible_paris2012_v1

Plan de la présentation

1. Terminologie et Définitions

– Liste

2. Domaines d’application

3. Frameworks et taxonomies

– Liste

– Classification des frameworks

– Modèle d’interaction MCRit

– Taxonomie métaphore + incarnation (Fishkin)

– TAC paradigm

G. Rivière

Tangible ?

2

Interfaces

Interaction

Pistes

Propositions

Page 3: Riviere gt tangible_paris2012_v1

Terminologie et Définitions

1. Interface Tangible

2. Interaction Tangible

3. Interacteur Tangible

4. Interface palpable

5. Multiplexage

6. Core tangible

7. Réalité Mixte / Augmentation / Virtualité Augmentée / Réalité augmentée

8. Adapteur

9. Utilisateur

G. Rivière

Tangible ?

3

Interfaces

Interaction

Pistes

Propositions

Page 4: Riviere gt tangible_paris2012_v1

Terminologie et Définitions

10. Représentation Tangible

11. Représentation Intangible

12. Tangibilité / Physicalité

13. Actuation / Actualisation (Boucle de rétroaction)

G. Rivière

Tangible ?

4

Interfaces

Interaction

Pistes

Propositions

Page 5: Riviere gt tangible_paris2012_v1

Théorie de l’action

G. Rivière

Tangible ?

5

But

distancesémantique

d’entréeintention

spéc. actions

Système

exécution

évaluation

interprétation

perception

dis

tanc

ed’e

xécu

tion

distancearticulatoire

d’entrée

distancesémantiquede sortie

distance

d’évaluation

distancearticulatoire

de sortie

[ Norman, Livre 1986 ]

Page 6: Riviere gt tangible_paris2012_v1

Domaines d’application

1. Apprentissage / Education

2. Résolution de problèmes / Planification

3. Visualisation d’information

4. Programmation tangible

5. Divertissement / Jeux / Ludo-éducatif

6. Musique / Performance artistique

7. Communication sociale

8. Pense-bête tangible et tags

G. Rivière

Tangible ?

6

Interfaces

Interaction

Pistes

Propositions

Page 7: Riviere gt tangible_paris2012_v1

Frameworks et taxonomies

1. Propriétés des Interfaces Palpables

2. Le modèle d’interaction MCRit (inspiré de MVC)

3. Classification

1. Surfaces Interactives

2. Assemblages constructifs

3. Token and Constraints

4. TAC (Token and Constraints)

5. La taxonomie incarnation/métaphore (Fishkin)

6. Interaction Instrumentale / Objets mixtes (MIM)

7. ASUR

G. Rivière

Tangible ?

7

Interfaces

Interaction

Pistes

Propositions

Page 8: Riviere gt tangible_paris2012_v1

Frameworks et taxonomies

1. Facettes

– Expérience

– Domaine

– Physicalité

– Interactions

– Technologies

2. Types

– Abstraction

– Conception

– Construction

G. Rivière

Tangible ?

8

Interfaces

Interaction

Pistes

Propositions[ Mazalek & van den Hoven, AI EDAM 2009 ]

TypesAbstraction

ConceptionConstruction

Expé

rience

Dom

aine

Physica

lité Inte

ractions T

ech

nologies

Page 9: Riviere gt tangible_paris2012_v1

Frameworks et taxonomies

G. Rivière

Tangible ?

9

Interfaces

Interaction

Pistes

Propositions[ Mazalek & van den Hoven, AI EDAM 2009 ]

Face

ttes

Expérience

Domaine

Physicalité

Interactions

Technologies

Année de publication

1990 1995 2000 2005 2010

Page 10: Riviere gt tangible_paris2012_v1

Espace de conception

• Bricks 95

• 13 axes

1. Brick’s internal ability

• Inert (dumb, only external physical shape)

2. Input & Ouput

3. Spatially Aware

4. Communication (inter-brick and to host)

5. Interaction time span

6. Bricks in use at same time

7. Function assignment

8. Interaction representationsG. Rivière

Tangible ?

10

Interfaces

Interaction

Pistes

Propositions[ Fitzmaurice, Ishii & Buxton, CHI’1995 ]

Page 11: Riviere gt tangible_paris2012_v1

Les Interfaces Palpables

• Caractérisation des entrées

– Multiplexées dans le temps

« un dispositif contrôle différentes

fonctions à différents moments »

G. Rivière 11

Interfaces

Interaction

Pistes

Propositions

– Multiplexées dans l’espace

« chaque fonction à contrôler

possède un transducteur dédié »

[ Fitzmaurice, Ishii & Buxton, CHI’1995 ]

• Dispositif palpable ≠ Fonction palpable

[ Fitzmaurice, PhD thesis 1996 ]

Tangible ?

Page 12: Riviere gt tangible_paris2012_v1

Interface Tangible : définition

• Introduit par Ishii et Ullmer

– Formalisation en 1997

G. Rivière 12

« Les TUIs donnent une forme physique à l’information

numérique, en employant des artéfacts physiques à la fois comme représentation et

contrôle pour la médiation de l’information numérique. »

Interfaces

Interaction

Pistes

Propositions

[ Ishii & Ullmer, CHI’1997 ]

Abaque (Boulier)

[ Ullmer & Ishii, IBM System Journal, 2000 ]

PinWheels

[ Ishii et al., CHI’2001 ]

Tangible ?

Page 13: Riviere gt tangible_paris2012_v1

Réalité Mixte

• Classer les dispositifs d’affichage

– Réalité Augmentée

• "Ajouter" du numérique

à une tâche physique

G. Rivière 13

[ Milgram & Kishino, J. IEICE TIS, 1994 ]

[ Dubois, Thèse 2001 ]

– Virtualité Augmentée

• "Ajouter" du physique

à une tâche numérique

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 14: Riviere gt tangible_paris2012_v1

Réalité Augmentée

• "Ajouter" du numérique à une tâche physique

– Exemple 1 : Des informations sontaffichées sur le corps d’un patientsur une table d’opération

• Objet de la tâche = le corps

– Exemple 2 : Des informations sont affichées surle moteur d’une voiture en cours de réparation

• Objet de la tâche = le moteur

G. Rivière 14

[ Dubois, Thèse 2001 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 15: Riviere gt tangible_paris2012_v1

Virtualité Augmentée

• "Ajouter" du physique à une tâche numérique

– Les TUIs sont un exemple de VA

• « Donner une forme physique à l’information numérique… »

– Exemple 1 : URP

• Objet de la tâche = Simulation / Calcul

– Exemple 2 : Passive Props for Neurosurgery

• Objet de la tâche = Visualisation 3D

G. Rivière 15

[ Dubois, Thèse 2001 ]

[ Ullmer & Ishii, IBM System Journal, 2000 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 16: Riviere gt tangible_paris2012_v1

Objet de la tâche

• Quel est l’objet de la tâche ?

– Les questions à se poser pour le déterminer :

• « Puis-je supprimer cet objet ? »

• « Puis-je faire autrement ? »

• « Puis-je substituer par interaction écran/clavier/souris ? »

• « Quel incidence si je supprime cet objet ? »

• « Est-il remplaçable ? Peut-il être substitué ? La tâche a-t-

elle encore du sens ? »

G. Rivière 16

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 17: Riviere gt tangible_paris2012_v1

Objet de la tâche

• Ex : URP

– Objet de la tâche = simulation numérique

– Remplacer la représentation physique par écran/clavier/souris ? Oui !

• Ex : Passive Props for Neurosurgery

– Objet de la tâche = Visualisation 3D

– Remplacer la représentation physique par écran/clavier/souris ? Oui !

• La représentation physique n’est pas l’objet de la tâche

G. Rivière 17

VA

Interfaces

Interaction

Pistes

Propositions

VA

Tangible ?

Page 18: Riviere gt tangible_paris2012_v1

Objet de la tâche

• Ex : Réparer moteur

– Objet de la tâche = le moteur

• Ex : Chirurgien

– Objet de la tâche = corps

• La partie physique est l’objet de la tâche

G. Rivière 18

Enlever ces objets ?Non !

RA pas TUI

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 19: Riviere gt tangible_paris2012_v1

Formalisation

G. Rivière 19

MVC (1980)

InterfaceGraphique

InterfaceTangible

MCRit (2001)

MVC : Model View ControlMCRit : Model Control Representation (tangible-intangible)(originellement appelé MCRpd)

[ Ullmer & Ishii, IBM System Journal, 2000 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 20: Riviere gt tangible_paris2012_v1

Représentation tangible

• La partie tangible d’une TUI peut être soit :

– une représentation tangible de la donnée manipulée

– soit un outil pour agir sur la représentation intangible de la donnée manipulée.

• Notation ASUR

– Adaptors, System, User, Real entities

– Dans ASUR la distinction est faite entre outil et objet de la tâche

• Rtool et Robject

G. Rivière 20

Interfaces

Interaction

Pistes

Propositions

[ Dubois, Thèse 2001 ]

Tangible ?

Page 21: Riviere gt tangible_paris2012_v1

La taxonomie de Fishkin

• Spectre de tangibilité

– Incarnation (Embodiment)

• « How closely tied is the input focus to the output focus ? »

– Métaphore

• « Is the system effect of a user action analogous to the real-

world effect of similar actions? »

G. Rivière 21

[ Fishkin, J. PUC, 2004 ]

Incarnation

MétaphoreLess

"Tangible"

More"Tangible"

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 22: Riviere gt tangible_paris2012_v1

La taxonomie de Fishkin

• Axe Incarnation (Embodiment)

– 4/ Full : the output deviceis the input device

– 3/ Nearby : the ouput takes placenear the input object

– 2/ Environmental : the ouput is "around"the user

– 1/ Distant : the ouput is "over there",on another screen

G. Rivière 22

[ Fishkin, J. PUC, 2004 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 23: Riviere gt tangible_paris2012_v1

La taxonomie de Fishkin

• Axe Métaphore

– 1/ None : no metaphor

– 2A/ Noun (shape) : an analogy is made to thephysical shape/look/sound of object(s) in the system –(“an <X> in our system is like an <X> in the real world”)

– 2B/ Verb (motion) : the analogy is to the act being performed (the "verb"), largely independent of the object it is being performed on – ("<X>-ing in oursystem is like <X>-ing in the real world")

– 3/ Noun and Verb : related, but the physical and virtual objects still differ – (“X>-ing an <A> in our system is like <X>-ing something <A>-ish in the real world”)

– 4/ Full : the user need make no anology at all, to theirmind, the virtual system is the physical system

G. Rivière 23

[ Fishkin, J. PUC, 2004 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 24: Riviere gt tangible_paris2012_v1

Les questions à se poser

• Quelle donnée/information numérique ?

• Objet de la tâche

– Dans le monde physique ou numérique ?

• Représentation(s) / Contrôle(s)

– Tangible / Intangible

– Donnée / Outils

• Continuum Fishkin

– Axe Incarnation + Axe Métaphore

G. Rivière 24

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 25: Riviere gt tangible_paris2012_v1

Boucle action/perception

• InterfaceGraphique(GUI)

• InterfaceTangible(TUI)

G. Rivière 25

[ Zuckerman, ECSCW’05 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 26: Riviere gt tangible_paris2012_v1

Rétroaction (feedback)

• La rétroaction active est contrôlée par l’ordinateur. Elle peut être aussi simple que la présentation d’une fenêtre sur un écran, ou aussi sophistiquée que la simulation des forces de contact haptique avec des objets virtuels quand l’utilisateur déplace un dispositif d’entrée.

• La rétroaction passive provient des sensations et des impressions du corps de l’utilisateur, influencées par les propriétés physiques du dispositif, comme la forme, la couleur et le ressenti d’un bouton quand il est relâché.

G. Rivière 26

[ Hinckley, The Computer Science Handbook, 2004 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 27: Riviere gt tangible_paris2012_v1

Interaction Instrumentale

• Trois niveaux de retour d’information de l’interaction instrumentale :

1. Boucle de retour de l’action sur l’instrument physique

2. Boucle de retour visuel via la représentation de l’instrument logique

3. Boucle de retour de l’effet de l’interaction sur l’objet édité

G. Rivière 27

[ Beaudouin-Lafon, IHM’97 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 28: Riviere gt tangible_paris2012_v1

Interaction Tangible

• Boucles de rétroaction

G. Rivière 28

[ Ishii, TEI’2008 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 29: Riviere gt tangible_paris2012_v1

Interaction Tangible

• Boucles de rétroaction

G. Rivière 29

[ Ishii, TEI’2008 ]

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 30: Riviere gt tangible_paris2012_v1

Actuation

• L’actualisation de l’état physique des artéfacts physiques par le système informatique permet de maintenir l’état physique en cohérence avec l’état numérique du système et d’extérioriser les informations numériques autrementque par des rétroactions visuelles (ou auditives).

G. Rivière 30

Étatnumérique

Étatphysique

Étatnumérique

Étatphysique

Étatnumérique

Étatphysique

t0

t1

t2

Change

Actualiser

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 31: Riviere gt tangible_paris2012_v1

App 1

Core Tangibles

G. Rivière 31

App 2 App 4 … App NApp 3

Core Operations

Domain

Operations

Domain

Operations

Specific Specific Specific Specific Specific Specific

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 32: Riviere gt tangible_paris2012_v1

Core Tangibles

• Core operations

– Ouvrir / Fermer des applications

– Charger / Sauver / Parcourir des données (disque)

– Ajuster des paramètres

– Faire un copier-coller, dupliquer une donnée

– Annuler une opération

• Domain operations

– Spécifier une couleur

– Spécifier une police de fonte

– Manipulation d’une liste

– Zoomer

G. Rivière 32

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 33: Riviere gt tangible_paris2012_v1

Core Tangibles

• Core operations

– Ouvrir / Fermer des applications

– Charger / Sauver / Parcourir des données (disque)

– Ajuster des paramètres

– Faire un copier-coller, dupliquer une donnée

– Annuler une opération

• Domain operations

– Spécifier une couleur

– Spécifier une police de fonte

– Manipulation d’une liste

– Zoomer

G. Rivière 33

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 34: Riviere gt tangible_paris2012_v1

Utilisateur

• Personne qui cherche à réaliser une tâche…

– dans le monde physique

– dans le monde numérique

• Veut modifier ou consulter l’état du monde numérique

G. Rivière 34

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Monde physique

IN

TE

RF

AC

E

Monde numérique

0 1 1 1 0 0 0 1 0 1 1 10 1 0 1 1 1 0 1 1 1 0 00 0 0 0 1 1 1 0 0 1 1 10 1 1 1 0 0 0 1 0 1 1 10 1 0 1 1 1 0 1 1 1 0 00 0 0 0 1 1 1 0 0 1 1 1

Page 35: Riviere gt tangible_paris2012_v1

• Passer à la piste suivante, augmenter le volume sonore

• Plus d’interface ! Affordance ? (Rappel : affordance liée aux objets)

• Cas de la Wii ? Cas de Kinect ?

Whole-body interaction

G. Rivière 35

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 36: Riviere gt tangible_paris2012_v1

Whole-body interaction

• … and performative tangible interaction

• Hornecker : Interactive performances during music festivals (Marcher sur cases au sol pour jouer des notes)

• Inviting whole-body interaction

• Kinect : Contrôler un système interactif avec son corps

• Wii : movement-based interaction

G. Rivière 36

Interfaces

Interaction

Pistes

Propositions

Tangible ?

Page 37: Riviere gt tangible_paris2012_v1

Merci de votre attention

GT Interaction TangibleInterfaces

Interaction

Pistes

Propositions

G. Rivière

Tangible ?

[email protected]