IHM avancée - web.imt-atlantique.frweb.imt-atlantique.fr/x-auto/cdumas/ihm/ressources/IHMavancee.pdf · 5 Siemens Euroset 821? 38 touches? renvoi d’appel : * 2 2? communication

IHM avancée

Cédric Dumas

2

Catalogue des objetsintrouvablesJacques Carelman, 1969

3

4

5

Siemens Euroset 821

? 38 touches? renvoi d’appel :

* 2 2? communication à 3 :

R+numéroR * 3

? documentation? visibilité des opérations? séquences arbitraires

6

Comment les gens interagissentavec les objets ?

? Importance de la visibilité des actions? Informations visibles (structure visible)? Retours appropriés

? mappings? constraints? affordances

The Design of Everyday things (D.A. Norman)

7

Affordance

? Propriétés perçues de l’objeta chair affords sitting

? Pas besoin d’instructions, d’images, etc.? exemple : les portes...

8

Compréhensible et utilisable

? Design Model (modèle conceptuel dudesigner)? System Image (dépendant de la structure

physique)• doit rendre le design model clair et consistent

? User’s Model (développé par l ’utilisateurà travers ses manips de l ’objet)

User Centered System Design, Norman, 86

Rendre les choses visibles

9

IHM ?

10

Objectifs

? Faciliter l'exécution d'une activitéhumaine? créative, laborieuse, sophistiquée, etc.

? Inverser la tendance "simplifier laprogrammation" vers "simplifierl'utilisation"

? Y a-t-il une vie après les WIMPs(WIndows, Menu, Pointer)?

11

Interaction avancée

? Plusieurs techniques non standardexistent qui simplifient la vie desutilisateurs

? Il vaut mieux faciliter la vie desutilisateurs que chercher les standards!

? Quelques exemples

12

Geste dans l'interface

? Rubine a développé un algorithme assezsimple pour classifier un geste

? 11 ou 13 valeurs caractérisent un geste? Reconnaissance après apprentissage

? pas de vocabulaire figé

? Système très efficace et assez simple? nécessite un entraînement

? Amélioration souhaitée: faciliterl'apprentissage incrémental

13

Styles d’interaction

? Interaction gestuelle / reconnaissance detraces

? interfaces à stylo

14

Les menus "différents"

? Problèmes des menus linéaires:? pas de mémorisation musculaire? requièrent une attention visuelle? cachent une partie de l'écran

? Solution: menus circulaires? mémorisation musculaire si < 6 ou 8

items? délais avant affichage? pas d'affichage si sélection réflexe

15

Les menus circulaires ++

? 0.5 secondes avant affichage? Sous menus possibles avec mêmes

contraintes et caractéristiques? Chercher un sous-item = suivre une

trajectoire? Reconnaissance de geste pour accélérer

le choix de l'item

16

Interaction bimanuelle

? Les hommes utilisent leurs deux mainsen même temps mais différemment[Guyard]

? Main dominante: agit dans le contexte? Main non dominante: agit sur le contexte? Utilisation des deux mains dans les

interfaces? Choix de dispositifs suivant les tâches

? isométrique, isotonique, élastique

? Amélioration des performances

17

Les outils translucides

? Problème du chemin entre la boîted'outils et la zone d'édition (clic puisbouge puis clic, etc.)

? Utilisation d'une barre d'outils translucideet pointage "à travers" pour agir

? En bimanuel, la main dominante bougeles outils et la non dominante bouge lepointeur

? Colorier, créer, détruire, agrandir, etc.

18

Les lentilles magiques

? Plusieurs vues sur un modèle? 3D surfacique ou fil de fer? plan maison sur plusieurs niveaux? zoom

? Affichage en superposition d'une lentillequi "déforme" magiquement le graphiquepour afficher une autre vue

? Cohérent avec les outils translucides

19

Ajouter des attributsgraphiques? Faire des interfaces plus belles? Éviter les confusions visuelles? Éviter de cacher des objets importants

? occlusion

? Offrir des bonnes "affordances"? indices permettant de comprendre l'utilité

et l'usage

? Transparence, texture, ombres,métaphores

20

Ajouter des dispositifsspécifiques? S'adapter aux compétences / aptitudes /

inaptitudes des utilisateurs? programme de composition pour pianiste:

clavier de piano? aide à la chirurgie: reconnaissance vocale

? Créer de nouveaux dispositifs pour lesbesoins spécialisés? animation de personnage? contrôle de la caméra

21

Combiner toutes cestechniques? Éviter la prolifération de composants

parasites? Word + boutons partout = pas de place

? L'utilisateur veut toute la place et touteson attention pour sa tâche principale

? 20 minutes par jour à déplacer lesfenêtres sous Windows

? 3T: tablet, toolglass, ???

22

Problème de Génie logiciel

? Tous ces éléments ne sont pas encorestandard

? Si on place l'utilisateur au centre, il fautlui donner ce qu'il y a de mieux

? Programmation compliquée maisrésultats gratifiants

? Bien définir les abstractions et lesimplémentations

? Collaborer avec les chercheurs

23

Autres Styles d’interaction

? Interaction sonore? quand l’utilisateur ne contrôle pas

? Interaction temporelle? menus rythmiques

? Interaction See through? utilisation des transparences? fenêtres, menus, barres d’icones

24

Styles d’interaction

? Réalité virtuelle? immersion sensori-motrice de l’utilisateur

dans le système

? Interface 3D? habitudes tacites du monde réel? utilisation forte en 2D (icones, etc)? rendu 2D incohérent

? Interaction 3D

25

Styles d’interaction

? Réalité augmentée? intégration de capacité de traitement de

l’information dans des objets physiques

26

Styles d’interaction

? Interaction Collaborative? collecticiels

? Informatique Ubiquitaire? Interface Tangible

? Interaction Multimodale

27

Modélisation 3D

28

Nouvelles approches

? TeddyTakeo IgarashiSIGGRAPH 99

? Chateau : A Suggestive Interface for 3DDrawingTakeo IgarashiUIST 2001

29

Nouveaux outils

? @Last SoftwareSketch UpA software program that would allow design professionalsto draw the way they want to by emulating the feel andfreedom of working with pen and paper in a simple andelegant interface.

? A very powerful software program that would be fun to useand not difficult to learn.

? Computer technology that could be used during thedesign exploration process and would allow designers toplay with their designs in a way that is not possible withcurrent design software.

30

Nouvelles méthodes

? Autodesk Architectural Studio? Collaboration? Communication? Accès aux ressources? Structuration et Persistance de

l’information? Travail Coopératif AO? Travail basé sur l’homme, en situation,

coté artistique !