par Mélanie Becker

1. Les interfaces tangibles et le concept
d’affordance : nouvelle forme
d’interaction
Mélanie BECKER
CRP Henri Tudor
Université Paul Verlaine Metz
11 Novembre 2010 FLUPA : World Usability Day 1

2. Plan de la présentation
 Les interfaces tangibles : concepts de base
 Une interaction physique particulière
 Les conséquences au niveau cognitif
 L’objet tangible
 L’affordance
 Perspectives
2

3. Les interfaces tangibles : concepts de base (1/3)
Interface textuelle : Interface utilisateur Interface tactile :
graphique :
- Clavier ( input) - Clavier, souris - Doigt (input)
(input)
- Caractères (output) - Images, textes,
- Images, textes, photos, etc (output)
photos, etc (output)
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 3

4. Les interfaces tangibles : concepts de base (2/3)
 Interfaces Tangibles (=Tangible User Interface) de plus en plus répandues
depuis 25ans
 Manipulation d’objets réels intégrés dans un environnement virtuel
 Information numérique directement manipulable avec nos mains et perceptible
par nos sens « multi-sensorialité »
 Objets physiques dotés de capacités numériques d’interaction
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 4

5. Les interfaces tangibles : concepts de base (3/3)
Manipulation tangible Interaction spatiale
-Interfaces -Espace réel
- Manipulation directe -Visibilité réel
- Objet de l’interaction -Compétences spatiales
Posture corporelle Les représentations
-Interaction avec le corps - Externalisation (visuel, tactile,
-Contraintes corporelles haptique)
-Monde physique et numérique -Couplage perception / action
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 5

6. Exemples Table musicale Tangisense
6

7. Une interaction physique particulière (1/2)
 L’être humain « une créature physique » qui aime
interagir directement avec son environnement
 Capacités physiques des mains intrinsèquement riches
 Objectif : Exploiter la dextérité acquise par les êtres
humains au sein de leur environnement quotidien…
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 7

8. Une interaction physique particulière (2/2)
 Expérience naturelle, intuitive et amicale, sentiment de
« biofeedback »
 Technologie : prolongement de soi
 Expressivité riche de gestes
 Manipulation directe :
Contrôle du geste perceptible et compréhensible par autrui
Visibilité des actions des autres utilisateurs (raisonnement spatial)
Encourage le travail en collaboration et la communication
Crainte des collisions physiques, empiètement et contraintes corporelles
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 8

9. Conséquences au niveau cognitif (1/2)
 Interfaces tangibles: outils physiques d’apprentissage
 Construction des connaissances passent par les mains « feedback
sensoriel »
 Rôle primordial des objets 3D :
Encourage les actions
Explorer l’objet
Évaluation cognitive d’actions
Compréhension du but et du geste
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 9

10. Conséquences au niveau cognitif (2/2)
Deux façons d’apprendre avec les interfaces
tangibles
L’expression
tangible L’exploration
(présenter avec les mains)
tangible
(lire avec les mains)
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 10

11. L’objet tangible : rôle déterminant (1/2)
 L’interaction passe essentiellement par l’objet, donc fort impact de
l’aspect de l’objet
 Le côté esthétique améliore l’expérience utilisateur
 La nature de l’objet affecte la résolution de problèmes
 Les objets sont les supports d’une fonction de rappel
 Se rapprocher des objets utilisés dans les situations réelles…
 Mais…
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 11

12. L’objet tangible : constat actuel (2/2)
Importance des caractéristiques de l’objet, mais peu d’efforts fait dans ce sens…
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 12

13. L’affordance (1/2)
 « Que faire dans une situation donnée? Comment l’individu
arrive à s’adapter à son environnement ? »
 Concept ancien, complexe et empirique
 L’affordance :
 l’information nécessaire dans le monde
 apparence des dispositifs pour fournir des indices requis pour
une utilisation appropriée
 perception par un individu d’un objet et les actions possibles
que cet objet propose
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 13

14. L’affordance (2/2)
 L’affordance
 Interaction individu environnement
 Propriétés de l’environnement
 Caractéristiques et objectifs de l’individu
 Contexte
 Les propriétés du monde
 Intérêts
 « Intuitivité, convivialité » suggérer les actions possibles
 Porteurs de proposition d’interaction
 Interface écologique
 Expérience utilisateur agréable
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 14

15. Perspectives
 Affordance « optimale »
 Objets de l’interface similaire à ceux utilisés dans la réalité,
dans le même contexte
 Transformation des objets ordinaires en moyen d’interaction
 Design qui se confond et se dissout avec le comportement
 Utilisation d’objets personnels
Les interfaces tangibles : concepts de base– L’interaction physique- Les conséquences au niveau cognitif – L’objet tangible –
L’affordance – Perspectives 15