ihm avancée
DESCRIPTION
IHM avancée. Cédric Dumas. [email protected] contrat Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France License. Catalogue des objets introuvables Jacques Carelman, 1969. Siemens Euroset 821. 38 touches - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/1.jpg)
IHM avancée
Cédric Dumas
[email protected] Creative Commons Paternité-Pas d'Utilisation Commerciale-
Partage des Conditions Initiales à l'Identique 2.0 France License
![Page 2: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/2.jpg)
2
Catalogue des objets introuvablesJacques Carelman, 1969
![Page 3: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/3.jpg)
3
![Page 4: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/4.jpg)
4
![Page 5: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/5.jpg)
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
![Page 6: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/6.jpg)
6
Comment les gens interagissent avec 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)
![Page 7: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/7.jpg)
7
Affordance
Propriétés perçues de l’objeta chair affords sitting
Pas besoin d’instructions, d’images, etc. exemple : les portes...
![Page 8: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/8.jpg)
8
James J. Gibson
Ce concept correspond à la valeur "utile" des aspects de l'environnement sur lesquels s'oriente la perception.
Il s'agit d'un concept descriptif permettant une catégorisation psychologique de l'environnement.
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.
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.
![Page 9: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/9.jpg)
9
Compréhensible et utilisable
Design Model (modèle conceptuel du designer) 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
![Page 10: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/10.jpg)
10
IHM ?
![Page 11: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/11.jpg)
11
Objectifs
Faciliter l'exécution d'une activité humaine créative, laborieuse, sophistiquée, etc.
Inverser la tendance "simplifier la programmation" vers "simplifier l'utilisation"
Y a-t-il une vie après les WIMPs (WIndows, Menu, Pointer)?
![Page 12: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/12.jpg)
12
Interaction avancée
Plusieurs techniques non standard existent qui simplifient la vie des utilisateurs
Il vaut mieux faciliter la vie des utilisateurs que chercher les standards!
Quelques exemples
![Page 13: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/13.jpg)
13
Geste dans l'interface
Rubine a développé un algorithme assez simple 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: faciliter
l'apprentissage incrémental
![Page 14: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/14.jpg)
14
Styles d’interaction
Interaction gestuelle / reconnaissance de traces
interfaces à stylo
![Page 15: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/15.jpg)
15
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
![Page 16: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/16.jpg)
16
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
![Page 17: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/17.jpg)
17
Interaction bimanuelle
Les hommes utilisent leurs deux mains en 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
![Page 18: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/18.jpg)
18
Les outils translucides
Problème du chemin entre la boîte d'outils et la zone d'édition (clic puis bouge puis clic, etc.)
Utilisation d'une barre d'outils translucide et pointage "à travers" pour agir
En bimanuel, la main dominante bouge les outils et la non dominante bouge le pointeur
Colorier, créer, détruire, agrandir, etc.
![Page 19: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/19.jpg)
19
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 lentille qui "déforme" magiquement le graphique pour afficher une autre vue
Cohérent avec les outils translucides
![Page 20: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/20.jpg)
20
Ajouter des attributs graphiques 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
![Page 21: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/21.jpg)
21
Ajouter des dispositifs spé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 les besoins spécialisés animation de personnage contrôle de la caméra
![Page 22: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/22.jpg)
22
Combiner toutes ces techniques Éviter la prolifération de composants
parasites Word + boutons partout = pas de place
L'utilisateur veut toute la place et toute son attention pour sa tâche principale
20 minutes par jour à déplacer les fenêtres sous Windows
3T: tablet, toolglass, ???
![Page 23: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/23.jpg)
23
Problème de Génie logiciel
Tous ces éléments ne sont pas encore standard
Si on place l'utilisateur au centre, il faut lui donner ce qu'il y a de mieux
Programmation compliquée mais résultats gratifiants
Bien définir les abstractions et les implémentations
Collaborer avec les chercheurs
![Page 24: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/24.jpg)
24
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
![Page 25: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/25.jpg)
25
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
![Page 26: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/26.jpg)
26
Styles d’interaction
Réalité augmentée intégration de capacité de traitement de
l’information dans des objets physiques
![Page 27: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/27.jpg)
27
Styles d’interaction
Interaction Collaborative collecticiels
Informatique Ubiquitaire Interface Tangible
Interaction Multimodale
![Page 28: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/28.jpg)
28
Modélisation 3D
![Page 29: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/29.jpg)
29
Nouvelles approches
TeddyTakeo IgarashiSIGGRAPH 99
Chateau : A Suggestive Interface for 3D DrawingTakeo IgarashiUIST 2001
![Page 30: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/30.jpg)
30
Nouveaux outils
@Last Software Sketch UpA 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.
![Page 31: IHM avancée](https://reader035.vdocuments.site/reader035/viewer/2022081419/56814dd4550346895dbb371f/html5/thumbnails/31.jpg)
31
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 !