MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin
description
Transcript of MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin
![Page 1: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/1.jpg)
MGL 835Interaction humain-machine
2015 automne
Prof. Michael McGuffinhttp://profs.etsmtl.ca/mmcguffin/
twitter: @MJMcGuffin
![Page 2: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/2.jpg)
Quelques définitions
![Page 3: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/3.jpg)
L’IHM
• Interaction humain-machine• Synonymes (ou presque):
interaction homme-machine,interfaces usagers-machine,{interaction, interfaces} {humain,homme}-{machine,ordinateur}, …
• En anglais: «Human-Computer Interaction» (HCI), «Computer-Human Interaction» (CHI), «Man-Machine Interaction» (MMI), …
![Page 4: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/4.jpg)
L’IHM• L’étude de la conception, la réalisation, et l’évaluation
des systèmes interactifs (et surtout informatisés) destinés à l’usage humain, et l’étude des phénomènes associés.– La conception ("design") est préoccupé par les compromis
("tradeoffs")– "Réalisation" peut vouloir dire programmation, ou bien
création avec papier / carton, ou fabrication, etc.
• Le mot interface signifie la surface de contact,ou la frontière, entre deux corps ou deux régions d’espace. L’interaction a lieu à l’interface,ou à travers l’interface.
![Page 5: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/5.jpg)
L’IHM• Le côté pratique :
– Comment concevoir une interface utilisateur ? Étant donné une tâche et une classe d’utilisateurs, concevoir la meilleure interface, en respectant les contraintes, qui optimise un aspect de l’utilisabilité (l’efficience, la facilité d’apprentissage, etc.)
– Comment programmer les interfaces utilisateurs. Algorithmes, outils de programmation, boîtes à outils, libraries, …
• Le côté recherche :– Développer des nouvelles et meilleures façons d’interagir. Développer
des interfaces et des techniques d’interaction novatrices.– Comment expliquer et mieux comprendre l’interaction ? Développer des
modèles et des théories descriptifs et prédictifs. Développer des nouvelles méthodologies de conception.
![Page 6: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/6.jpg)
D’autres cours reliés• GTI 745 «Interfaces utilisateurs avancées»
– Version avancée de GTI 350– Programmation d’interfaces pour le 3D (OpenGL),
visualisation d’informations, interfaces utilisateurs pour la musique, algorithmes de reconnaissance de gestes, interfaces multitactiles …
– Exemples d’interfaces expérimentales et novatrices
• MGL 835– Couvre un sous-ensemble de GTI 350 + GTI 745,
avec des travaux différents
![Page 7: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/7.jpg)
D’autres domaines reliés à l’IHM• Facteurs humains, ergonomie
– Ne se limite pas juste aux interactions avec les ordinateurs ou les machines. Met parfois plus d’accent sur le côté humain, et/ou sur le travail (et des tâches répétitives, en particulier), que dans l’IHM.
– S’intéresse à comprendre les capacités humaines, et à appliquer ce savoir à la conception d’objets, d’outils, de systèmes, de machines, de tâches, de services, et d’environnements destinés à l’usage humain
– Des sous-branches: ergonomie physique, ergonomie cognitive (« engineering psychology »)
– Quelques concepts clés: stress, perception, attention, contrôle moteur, mémoire, charge mental, faire des décisions, les erreurs, …
– A été beaucoup développé, par exemple, pendant la deuxième guerre mondiale pour améliorer les contrôles d’avions et d’autres machines, et aussi pour améliorer la performance des ouvriers dans les usines qui effectuent des tâches répétitives
À retenir!
![Page 8: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/8.jpg)
D’autres domaines reliés à l’IHM (2)• L’informatique• La psychologie• Le génie• L’infographie• Le graphisme (« graphic design »)• L’intelligence artificielle• La linguistique• La sociologie• etc.
• L’IHM est un domaine multidisciplinaire!
![Page 9: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/9.jpg)
Les dimensions de l’utilisabilité ("usability") selon Jakob Nielsen
• L’efficience (« efficiency »): vitesse avec laquelle on peut effectuer les tâches, ou temps moyen pour compléter une tâche.
• La facilité d’apprentissage (« learnability »).• La memorabilité: est-ce qu’on se rappelle facilement comment fonctionne
l’interface?• Le taux d’erreurs; et l’impossibilité d’erreurs catastrophiques.• La satisfaction subjective.Il y a souvent des compromis ("tradeoffs") entre ces dimensions. Par exemple, pour rendre une
interface plus efficiente, on a parfois besoin de sacrifier la facilité d'apprentissage (exemple: racourcis clavier vs boutons virtuels) et d'accepter plus d'erreurs (exemple: éliminer des boîtes dialogues pour confirmer des actions). (Dans l'exemple, on pourrait toutefois avoir des boutons virtuels et des racourcis clavier, laissant le choix à l'utilisateur, et ne pas avoir de dialogues pour confirmer mais toujours permettre de faire un "Undo". Autre exemple: un guichet bancaire est optimisé pour lesquels des dimensions ci-dessus?)
À retenir!
![Page 10: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/10.jpg)
D'autres termes à distinguer (ou à peut-être éviter)Convivial•Utilisable / "usable" / ergonomique.Efficace•Vitesse avec laquelle on peut effectuer les tâches? Ou bien, permettre de compléter des tâches avec succès?Intuitive•Évident / facile à apprendre. Attention: ce terme est beaucoup abusé.Intuitif ≠ convivial.Flexible•Personalisable / "customizable"? Ou bien, permet d'effectuer plusieurs tâches de plusieurs manières?Fluide•Permet de travailler sans interruptions, en se concentrant sur l'objet de notre tâche? https://fr.wikipedia.org/wiki/Flow_(psychologie) Puissante•?Utile•Permet d'effectuer des tâches pertinentes à l'utilisateur.
![Page 11: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/11.jpg)
Mauvaise nouvelle: la conception et le développement d'interfaces
utilisateurs est difficile
![Page 12: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/12.jpg)
Je n’ai pas de choix!
![Page 13: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/13.jpg)
Qu’est-ce que ça veut dire d’annulerune opération déjà annulée?
![Page 14: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/14.jpg)
Plusieurs autres exemples se retrouvent au“Interface Hall of Shame” http://hallofshame.gp.co.at/
![Page 15: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/15.jpg)
Vu en 2012
Vu en 2013
![Page 16: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/16.jpg)
Vu en 2014
![Page 17: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/17.jpg)
Vu en 2015
![Page 18: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/18.jpg)
Vu en 2015: Windows 10 (la dernière version de Microsoft), sur une Surface Pro 3 (la dernière plateforme matérielle de Microsoft), suite à un update automatique, pris dans une
boucle infinie de redémarrage
![Page 19: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/19.jpg)
![Page 20: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/20.jpg)
![Page 21: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/21.jpg)
Vu en 2015:
![Page 22: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/22.jpg)
![Page 24: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/24.jpg)
Clippy de Microsoft Office 97-2003
![Page 25: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/25.jpg)
D’autres exemples
• Fonctionnalitées cachées– iPod touch / iPhone: comment faire undo dans
l’application de bloc notes ?• Il faut secouer le dispositif !
• D’autres exemples ?
![Page 26: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/26.jpg)
• Il est facile de mal-concevoir une interface• Même lorsqu’une interface est bien conçue,
les interfaces graphiques modernes laissent encore beaucoup à désirer– La souris et le clavier sont des instruments
d’expression très limités– L’organisation hiérarchique des fichiers n’est pas
nécessairement idéale– Etc… (autres problèmes / défis ?)
![Page 27: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/27.jpg)
Source: Michel Beaudouin-Lafon, Designing Interaction, not Interfaces, Proceedings of AVI 2004, http://doi.acm.org/10.1145/989863.989865
Le manque de progrès dans l'interface utilisateur del’ordinateur personnel
![Page 28: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/28.jpg)
Les parties d'un humain nécessaires pour la plupart des interfaces utilisateurs (illustration de Bill Buxton)
C'est même pire que montre cette illustration: la plupart des écrans sont monoscopiques, demandant juste un oeil !
![Page 29: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/29.jpg)
Pourquoi est-il difficile de bien concevoir des interfaces?
• L’IHM est une « science douce »• L’humain est difficile à modéliser• L’inertie des utilisateurs/du marché: les gens sont déjà
« satisfaits » et habitués avec leurs interfaces actuelles• Problèmes de compatibilité entre différents
plateformes• Brevets• Il y a une grande variété d’utilisateurs, de tâches,
d’applications, et plusieurs dispositifs et systèmes d'exploitation
![Page 30: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/30.jpg)
Les utilisateurs atypiquesLes interfaces supposent souvent que leur utilisateur• a deux mains• peut voir et entendre• n'est pas daltonien• et a un bon contrôle moteur de ses mains• est intelligent et débrouillard• n'a pas peur des ordinateurs• peut lire et comprendre l’anglais• est familier avec les conventions des « GUIs » typiques• a la motivation d’apprendre à utiliser l’interface• a le temps nécessaire de résoudre des problèmes lorsqu’ils arriventQuel pourcentage de la population a toutes ces caractéristiques?
![Page 31: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/31.jpg)
![Page 32: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/32.jpg)
Bonne nouvelle: il existe des processus de conception
systématiques
(C’est un des sujets principauxdu cours)
![Page 33: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/33.jpg)
Principes de base• Ne supposez pas que vous savez ce qui est de
mieux pour l’utilisateur• Ne supposez pas que vous savez ce que sont
les buts, les tâches, et les habitudes de l’utilisateur
• Il faut rencontrer, discuter avec, et observer de vrais utilisateurs pour comprendre leurs besoins
• Le temps de l’utilisateur est plus précieux que le temps du programmeur ou de l’ordinateur
![Page 34: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/34.jpg)
Jef Raskin (décédé 2005)du projet Macintosh chez Apple
• "As far as the customer is concerned, the interface is the product."
• "Users do not care about what is inside the box, as long as the box does what they need done."
• "The system should treat all user input as sacred."• "A computer shall not harm your work or, through
inaction, allow your work to come to harm."
• "A computer shall not waste your time or require you to do more work than is strictly necessary."
• "An interface is humane if it is responsive to human needs and considerate of human frailties."
![Page 35: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/35.jpg)
Le coût de changer laspécification d’une interface
temps
coût
![Page 36: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/36.jpg)
Analyse des tâches, analyse des besoins des
utilisateurs.Entrevues et
observations des utilisateurs.
Analyse concurrentielle des
autres produits.
Recherche de directives
("guidelines", conseils) publiées pour le domaine
ciblé.
Évaluation
Prototypes crées avec des outils
logiciels (Balsamiq, Axure, JustInMind,
Proto.io, etc.) Programmation
Prototypes en papier, avec
participation des utilisateurs, et
plusieurs prototypes en
parallèle.
Croquis pour générer plusieurs
idées en parallèle. Solicitation de réactions des collègues + utilisateurs.
Évaluation Évaluation
Processus de conception d'interfaces (selon McGuffin)
![Page 37: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/37.jpg)
Bonne nouvelle: il y a des tendances technologiques
intéressantes(voir diapos sur les tendances)
![Page 38: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/38.jpg)
Bonne nouvelle: on peut prendre un recul, essayer d'oublier nos
utilisations habituelles de l'informatique, et repenser au
potential énorme des interfaces utilisateurs ...
![Page 39: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/39.jpg)
• “The power of the unaided mind is highly overrated. Without external aids, memory, thought, and reasoning are all constrained. But human intelligence is highly flexible and adaptive, superb at inventing procedures and objects that overcome its own limits. The real powers come from devising external aids that enhance cognitive abilities. How have we increased memory, thought, and reasoning? By the invention of external aids: It is things that make us smart.” - Donald Norman, Things that Make Us Smart
![Page 40: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/40.jpg)
• "What a computer is to me is, it's the most remarkable tool that we've ever come up with, and it's the equivalent of a bicycle for our minds."-- Steve Jobs
• "I think it's fair to say that personal computers have become the most empowering tool we've ever created. They're tools of communication, they're tools of creativity, and they can be shaped by their user." -- Bill Gates
• "Computing is not about computers anymore. It is about living." -- Nicholas Negroponte, 1980
![Page 41: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/41.jpg)
• "The protean nature of the computer is such that it can act like a machine or like a language to be shaped and exploited. It is a medium that can dynamically simulate the details of any other medium, including media that cannot exist physically. It is not a tool, although it can act like many tools. It is the first metamedium, and as such it has degrees of freedom for representation and expression never before encountered and as yet barely investigated." -- Alan Kay, 1984
![Page 42: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/42.jpg)
• "Computation [...] is the only medium where the material and the process for shaping the material coexist [...] The only other medium where a similar phenomenon exists is pure thought." -- John Maeda, 1999
• "The real challenge is to discover the intrinsic properties of the new medium and to find out how the [brush] stroke you 'draw' via computation is one you could never draw, or even imagine, without computation." -- John Maeda, 1999
![Page 43: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/43.jpg)
Bonne nouvelle: il existe des façons de s'inspirer et d'identifier des
nouvelles opportunités
![Page 44: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/44.jpg)
Rôles d'une interface utilisateur
Bill Verplank utilise les croquis pour expliquer et explorer des concepts autour des interfaces utilisateurs. On peut s'inspirer en voyant une interface comme ...•Outil•Medium•Assistant intelligent•Véhicule•Vêtement•Écologie (?)http://ciid.dk/open-lecture-bill-verplank-nicolas-zambetti/ http://www.designinginteractions.com/interviews/BillVerplank
![Page 45: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/45.jpg)
Conseils tirés du document “Be A Star: Finding Important Problems” du prof. Larry Smith de l’U de Waterloo
https://uwaterloo.ca/economics/sites/ca.economics/files/uploads/files/larry_smith_-_be_a_star_february_2014.pdf ;https://www.ted.com/talks/larry_smith_why_you_will_fail_to_have_a_great_career
• "Competitive pressures continue to rise [...] and technology is rapidly changing job requirements"
• "Exceptional employees have more control over the type of work they do, the conditions under which they do it and the reward they earn for it."
• "A great career or venture usually is more difficult to develop. [...] It involves a large up-front investment of your time, focus and energy. The pay-off is a rewarding career with autonomy, or a venture of scale and significance."
• "Today’s entrepreneurs need to: 1. Find important problems 2. Find or develop solutions to important problems"
![Page 46: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/46.jpg)
• "Exceptional employees find and solve important problems."• "Find MANY important problems so you can choose the one
best suited to you."• "A killer problem offers a must-have solution, not an OK-to-
have solution. A killer problem is mission critical, where a failure severely affects or imperils the organization or individual customer or user. You are not looking for a pain point; you are looking for an excruciating pain point. The customer should think the problem needs to be solved urgently."
• "How do you find a large number of important problems? Develop an information strategy to conduct ... searches"; notez à quelque part les problèmes que vous observez ou que vous rencontrez
Conseils tirés du document “Be A Star: Finding Important Problems” du prof. Larry Smith de l’U de Waterloo
![Page 47: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/47.jpg)
![Page 48: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/48.jpg)
Rob
ert
W.
Luck
y, "
Eng
ineeri
ng A
chie
vem
ents
: Th
e T
wo
List
s",
IEEE S
pect
rum
, 2009
, htt
p:/
/spect
rum
.ieee.o
rg/a
t-w
ork
/innovati
on/e
ngin
eeri
ng
-ach
ievem
ents
-the-t
wo-l
ists
![Page 49: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/49.jpg)
Sites à peut-être surveiller
• https://www.kickstarter.com/• https://www.indiegogo.com/ • engadget.com, theverge.com, cnet.com,
motherboard.vice.com, wired.com, popular science, popular mechanics, gawker.com, gizmodo, …
• http://www.japantrendshop.com/• D’autres … ?
![Page 50: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/50.jpg)
Regardons le site webet le plan de cours …
http://www.michaelmcguffin.com/ets/mgl835-2015a/
![Page 51: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/51.jpg)
À faire bientôt• Si vous voulez faire les Devoir 1 et 2 en équipe, trouvez
un co-équipier• Installez un environnement de développement Java (JDK
de Oracle, ou Eclipse, ou Netbeans, etc.)• Installez Chrome pour pouvoir tester du code JavaScript• Assurez vous d’avoir accès au bibliothèques en ligne à
travers le proxy de l’ÉTS– Comment faire:
http://www.etsmtl.ca/bibliotheque/Infos-generales/Renseignements-utiles/Acces-hors-campus
– Essayez, par exemple, d’accéder à cet article : http://doi.acm.org/10.1145/1349026.1349034
![Page 52: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/52.jpg)
Parenthèse: l'érgonomie physique
![Page 53: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/53.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
http://www.versatables.com/discover/wp-content/uploads/2011/09/ergonomics-keyboard-hands.jpg
![Page 54: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/54.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
http://www.microsoft.com/hardware/en-us/support/healthy-computing-guide
http://i.ytimg.com/vi/kLohCGBsMLg/0.jpg
Non !Oui !
![Page 55: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/55.jpg)
Non, non, non !
http://www.3m.com/product/images/Wrist-Rest-300.jpg
http://lidertronica.com/catalog/images/40213.jpg
http://www.cclonline.com/images/MediaPool/99LoxxSGxwyRqZlC6JngNw-3d-3d_BigProductImage.jpg
![Page 56: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/56.jpg)
Conseils• Les mains devraient flotter au dessus du clavier comme les mains d’un pianiste• Ne pas s’appuyer sur les poignets ni sur les avant-bras• Avoir les avant-bras horizontaux et les poignets droits• Ne pas s'accroupir vers l’avant; essayez d’avoir le dos droit• Avoir l’écran devant nous (ne pas avoir la tête tournée à droit ni à gauche),
au même niveau (ne pas avoir la tête penchée vers le bas ni vers le haut)• Prendre des pauses régulièrement pour s’étirer et pour boire de l’eau• Faire des exercises (au moins du cardio, mais de la musculation serait encore mieux)
du haut du corps pour renforcer son ventre, épaules, bras, dos, et poitrine• Apprendre à utiliser votre clavier sans le regarder, pour éviter de la fatique. Peut-être
utiliser un clavier bépo, Dvorak, et/ou un clavier mécanique comme Das (http://www.daskeyboard.com/ ) ou WASD ( http://www.wasdkeyboards.com/ ) ou un clavier ergonomique qui est courbé ou brisé en deux morceux. Si vous devez utiliser plusieurs claviers, essayer d’avoir le même layout partout pour éviter de la confusion.
• Achetez un plateau de clavier et un ou des bras de support pour votre / vos écrans• Faites l’investissement pour avoir des bons outils qui sont faciles d’accès, que ce soit
votre laptop, clavier, souris, écran, papier, crayons, etc. Tout ce qui vous nuit dans votre travail peut perturber votre confiance en vous même. Un violon professionnel haut de gamme peut coûter des dizaines de milliers de dollars. Vous êtes des professionnels !
![Page 57: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/57.jpg)
• Das Keyboard http://www.daskeyboard.com/
• WASD Keyboards http://www.wasdkeyboards.com/ (permet de personnaliser les couleurs et les images sur les “keycaps”)
• Claviers mécaniques avecinterrupteurs “Cherry MX” bleus, bruns, noirs ou rouges
Pour les passionnés de claviers …
http
://w
ww
.key
boar
dco.
com
/blo
g/in
dex.
php/
2012
/12/
an-in
trod
uctio
n-to
-che
rry-
mx-
mec
hani
cal-s
witc
hes/
![Page 58: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/58.jpg)
Dispositifs ergonomiques
Clavier Ergodoxhttp://img-2013.tapatalk.com/d/13/06/08/qajuju8a.jpg
Clavier Kinesishttp://www.darkcoding.net/files/2013/12/kb_adv-blk720x471.jpg
3M ergonomic mousehttp://www.fentek-ind.com/images/l3m_mouse.jpg
![Page 59: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/59.jpg)
Souris “minicute”
![Page 60: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/60.jpg)
Plateau de clavier (“keyboard tray”)
http://www.ergonomicssimplified.com/products/images/keyboard-trays/budget-keyboard-tray1.jpg
Les meilleurs modèles ont 3 degrés de liberté (translation avant-arrière, translation haut-bas, rotation “tangage”)
![Page 61: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/61.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
Bras “LX Dual” de http://www.ergotron.com
Avec bras “inversés” (bureau du Prof. McGuffin)
![Page 62: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/62.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
http://upload.wikimedia.org/wikipedia/commons/f/f2/Donald_H._Rumsfeld_works_at_a_stand-up_desk.jpg
Donald Rumsfeld, ancien secrétaire à la Défense des États-Unis
Dans un mémorandum se référant à la technique du maintien en position debout prolongé (maximum 4 heures) comme technique d’interrogatoire des prisonniers à Guantanamo, Rumsfeld a écrit dans une marge :« Je reste debout entre huit et dix heures par jour. Pourquoi le maintien en position debout est-il limité à quatre heures ? »
![Page 63: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/63.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
http://www.wired.com/images_blogs/wiredscience/2012/09/mf-standing-deskb_f.jpg
https://s3.amazonaws.com/pix-media/forrest+standing+desk.JPG
![Page 64: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/64.jpg)
Varidesk.com : bureau convertible
• Modèle à ≈450$ (2015)
![Page 65: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/65.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
http://thehumansolutionblog.com/wp-content/uploads/2012/10/TreadDesk.jpg
![Page 66: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/66.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
http://cloud.rebeldesk.com/images/opt/home-standing-desk.jpg http://photos.pcpro.co.uk/images/front_picture_library_PC_Pro/dir_384/it_photo_192409_52.jpg
Non ! Non !
![Page 67: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/67.jpg)
Quelques remarques concernant l’ergonomie physique et les postes de travail
Configuration temporaire du bureau du Prof. McGuffin, avant une grosse date limite
Poubelle inversée
Boîtes de carton
Planche de bois
![Page 68: MGL 835 Interaction humain-machine 2014 automne Prof. Michael McGuffin](https://reader036.fdocuments.net/reader036/viewer/2022062322/56814376550346895daff512/html5/thumbnails/68.jpg)
Comment vivre plus longtemps• Faire de l’exercise vigoureux (assez pour suer)
au moins 30 minutes × 3 fois par semaine. Le meilleur âge pour prendre de la masse musculaire est autour de 18-25 ans (pour les hommes).
• Dormir suffisamment• Manger beaucoup de fruits et de légumes• Ne pas gagner trop de poids. Astuce: boire beaucoup d’eau. Conseils: Calculer votre
“indice de masse corporelle” (en anglais: BMI) et surveillez votre poids régulièrement. Il est très difficile de perdre un excès de poids une fois qu’on l’a pris. Calculez votre budget calorique quotidien, et passez une journée à chercher le nombre de calories de tout ce que vous mangez cette journée là. Exemples: une tomate ≈ 20 calories;un gros sac de chips ≈ 1000 calories; un livre de gras ≈ 3500 calories;un jeune adulte consomme ≈ 2000-2500 calories par jour
• Ne pas fumer. Il est très, très difficile d’arrêter une foisqu’on a commencé.
• Porter votre ceinture de sécurité et votre casque de protection• Avoir des bonnes relations avec votre famille et vos amis.
Sinon, évitez les et changer d’amis