IHM avancée Cédric Dumas contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique.

Présentation au sujet: "IHM avancée Cédric Dumas contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique."— Transcription de la présentation:

1 IHM avancée Cédric Dumas Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License

2 2 Catalogue des objets introuvables Jacques Carelman, 1969

3 3

4 4

5 5 Siemens Euroset 821 n 38 touches n renvoi dappel : * 2 2 n communication à 3 : R+numéro R * 3 u documentation u visibilité des opérations u séquences arbitraires

6 6 Comment les gens interagissent avec les objets ? n Importance de la visibilité des actions n Informations visibles (structure visible) n Retours appropriés u mappings u constraints u affordances The Design of Everyday things (D.A. Norman)

7 7 Affordance n Propriétés perçues de lobjet a chair affords sitting n Pas besoin dinstructions, dimages, etc. n exemple : les portes...

8 8 James J. Gibson n Ce concept correspond à la valeur "utile" des aspects de l'environnement sur lesquels s'oriente la perception. n Il s'agit d'un concept descriptif permettant une catégorisation psychologique de l'environnement. n L'environnement est décrit en fonction des possibilités d'action qu'il offre à un observateur, et réciproquement, en fonction du répertoire des actions que l'observateur est capable de déployer. n Selon la théorie des affordances développée par Gibson, les informations traitées dans la perception seraient celles qui spécifient les possibilités d'action d'un observateur sur son environnement.

9 9 Compréhensible et utilisable n Design Model (modèle conceptuel du designer) u System Image (dépendant de la structure physique) doit rendre le design model clair et consistent n Users Model (développé par l utilisateur à travers ses manips de l objet) User Centered System Design, Norman, 86 Rendre les choses visibles

10 10 IHM ?

11 11 Objectifs n Faciliter l'exécution d'une activité humaine u créative, laborieuse, sophistiquée, etc. n Inverser la tendance "simplifier la programmation" vers "simplifier l'utilisation" n Y a-t-il une vie après les WIMPs (WIndows, Menu, Pointer)?

12 12 Interaction avancée n Plusieurs techniques non standard existent qui simplifient la vie des utilisateurs n Il vaut mieux faciliter la vie des utilisateurs que chercher les standards! n Quelques exemples

13 13 Geste dans l'interface n Rubine a développé un algorithme assez simple pour classifier un geste n 11 ou 13 valeurs caractérisent un geste n Reconnaissance après apprentissage u pas de vocabulaire figé n Système très efficace et assez simple u nécessite un entraînement n Amélioration souhaitée: faciliter l'apprentissage incrémental

14 14 Styles dinteraction n Interaction gestuelle / reconnaissance de traces F interfaces à stylo

15 15 Les menus "différents" n Problèmes des menus linéaires: u pas de mémorisation musculaire u requièrent une attention visuelle u cachent une partie de l'écran n Solution: menus circulaires u mémorisation musculaire si < 6 ou 8 items u délais avant affichage u pas d'affichage si sélection réflexe

16 16 Les menus circulaires ++ n 0.5 secondes avant affichage n Sous menus possibles avec mêmes contraintes et caractéristiques n Chercher un sous-item = suivre une trajectoire n Reconnaissance de geste pour accélérer le choix de l'item

17 17 Interaction bimanuelle n Les hommes utilisent leurs deux mains en même temps mais différemment [Guyard] n Main dominante: agit dans le contexte n Main non dominante: agit sur le contexte n Utilisation des deux mains dans les interfaces n Choix de dispositifs suivant les tâches u isométrique, isotonique, élastique n Amélioration des performances

18 18 Les outils translucides n Problème du chemin entre la boîte d'outils et la zone d'édition (clic puis bouge puis clic, etc.) n Utilisation d'une barre d'outils translucide et pointage "à travers" pour agir n En bimanuel, la main dominante bouge les outils et la non dominante bouge le pointeur n Colorier, créer, détruire, agrandir, etc.

19 19 Les lentilles magiques n Plusieurs vues sur un modèle u 3D surfacique ou fil de fer u plan maison sur plusieurs niveaux u zoom n Affichage en superposition d'une lentille qui "déforme" magiquement le graphique pour afficher une autre vue n Cohérent avec les outils translucides

20 20 Ajouter des attributs graphiques n Faire des interfaces plus belles n Éviter les confusions visuelles n Éviter de cacher des objets importants u occlusion n Offrir des bonnes "affordances" u indices permettant de comprendre l'utilité et l'usage n Transparence, texture, ombres, métaphores

21 21 Ajouter des dispositifs spécifiques n S'adapter aux compétences / aptitudes / inaptitudes des utilisateurs u programme de composition pour pianiste: clavier de piano u aide à la chirurgie: reconnaissance vocale n Créer de nouveaux dispositifs pour les besoins spécialisés u animation de personnage u contrôle de la caméra

22 22 Combiner toutes ces techniques n Éviter la prolifération de composants parasites u Word + boutons partout = pas de place n L'utilisateur veut toute la place et toute son attention pour sa tâche principale n 20 minutes par jour à déplacer les fenêtres sous Windows n 3T: tablet, toolglass, ???

23 23 Problème de Génie logiciel n Tous ces éléments ne sont pas encore standard n Si on place l'utilisateur au centre, il faut lui donner ce qu'il y a de mieux n Programmation compliquée mais résultats gratifiants n Bien définir les abstractions et les implémentations n Collaborer avec les chercheurs

24 24 Autres Styles dinteraction n Interaction sonore u quand lutilisateur ne contrôle pas n Interaction temporelle u menus rythmiques n Interaction See through u utilisation des transparences u fenêtres, menus, barres dicones

25 25 Styles dinteraction n Réalité virtuelle u immersion sensori-motrice de lutilisateur dans le système n Interface 3D u habitudes tacites du monde réel u utilisation forte en 2D (icones, etc) u rendu 2D incohérent n Interaction 3D

26 26 Styles dinteraction n Réalité augmentée u intégration de capacité de traitement de linformation dans des objets physiques

27 27 Styles dinteraction n Interaction Collaborative u collecticiels n Informatique Ubiquitaire n Interface Tangible n Interaction Multimodale

28 28 Modélisation 3D

29 29 Nouvelles approches n Teddy Takeo Igarashi SIGGRAPH 99 n Chateau : A Suggestive Interface for 3D Drawing Takeo Igarashi UIST 2001

30 30 Nouveaux outils n @Last Software Sketch Up A software program that would allow design professionals to draw the way they want to by emulating the feel and freedom of working with pen and paper in a simple and elegant interface. A very powerful software program that would be fun to use and not difficult to learn. Computer technology that could be used during the design exploration process and would allow designers to play with their designs in a way that is not possible with current design software.

31 31 Nouvelles méthodes n Autodesk Architectural Studio F Collaboration F Communication F Accès aux ressources F Structuration et Persistance de linformation F Travail Coopératif AO F Travail basé sur lhomme, en situation, coté artistique !