ART6001 Arts technologiques    Interface avec le monde qui nous entoure           (Design of everyday things)             ...
Un livre ` lire...         a                          Don Norman                     Newsweek: ”The Guru of               ...
Au programme...  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and...
What’s next?  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and in...
Visibilit´         e   D´j` essay´ de r´gler l’heure sur un radio d’auto?    ea       e     e       Les humain sont condit...
Visibilit´         e   (ins´rer ici porte du tunnel UdeM)       e       Une porte doit nous indiquer comment on l’ouvre.  ...
Visibilit´         e   Principe fondamental du design: la visibilit´                                               e   On ...
Visibilit´         e   Design naturel   Certains indices sont interpr´t´s inconsciemment, ils sont naturels               ...
Capacit´ suggestive d’action       e  Capacit´ suggestive d’action (affordance)         e  Propri´t´s per¸ues et r´elles d’...
Capacit´ suggestive d’action       e                   Abri d’autobus: verre ou plywood? verre: transparent, peu ˆtre bris...
Capacit´ suggestive d’action       e                   Abri d’autobus: verre ou plywood?               http://www.flickr.c...
Capacit´ suggestive d’action       e  Quand un objet requiert des instructions, illustrations, ou  ´tiquettage, c’est que ...
Arts & Capacit´ suggestive d’action              e  Les artistes utilisent souvent la capacit´ suggestive d’action comme  ...
Arts & Capacit´ suggestive d’action              e  Les artistes utilisent souvent la capacit´ suggestive d’action comme  ...
Arts & Capacit´ suggestive d’action              e  Les artistes utilisent souvent la capacit´ suggestive d’action comme  ...
Corr´liation & causalit´    e                  e  Causalit´          e  La causalit´ est la relation entre un ´v`nement (l...
Corr´liation & causalit´    e                  e                       http://www.techshots.net/tag/analysis  La corr´lati...
Corr´liation & causalit´    e                  e  Lorsqu’un ´v`nement survient juste apr`s une action, on a             e ...
20000 objets  On est entour´ d’au moins 20000 objets communs... chacun avec               e  son mode de fonctionnement.  ...
Mod`les conceptuels   e  Mod`le conceptuel      e  Une fois un objet reconnu, on connait d´j` sa fonction et on sait      ...
Mod`les conceptuels   e     Les trous du ciseau : capacit´ suggestive d’action                                  e     La t...
Mod`les conceptuels   e  Contre-exemple: la montre digitale      Capacit´ suggestive d’action?             e      Contrain...
Mod`les conceptuels   e  Mod`le conceptuel      e  Repr´sentation mentale de situations r´elles, hypoth´tiques, ou      e ...
Mod`les conceptuels   e  Vous entrez dans un chalet en hiver, il fait tr`s froid... Vous                                  ...
Rendre tout visible  Qui utilise toutes les fonctions du t´l´phone moderne?                                       ee  Comp...
Correspondance (mapping)  Correspondance  Relation entre un contrˆle avec l’action qui r´sulte de son                     ...
Feedback  Avez vous d´j` essayer de...             ea      Parler ` quelqu’un sans entendre votre propre voix?            ...
Technologie  La technologie pose quelques dilemmes, ` cause de la facilit´                                          a     ...
Technologie  La technologie pose quelques dilemmes, ` cause de la facilit´                                          a     ...
Technologie  La technologie pose quelques dilemmes, ` cause de la facilit´                                          a     ...
Horloge multi-fonction  Dessinez l’interface d’une nouvelle horloge:      radio AM, FM, Satellite      Lecteur CD / DVD   ...
What’s next?  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and in...
Se blˆmer soi-mˆme     a         e  Si une tˆche parait simple, les usagers se blˆment pour les erreurs.          a       ...
Se blˆmer soi-mˆme     a         e  On explique ce qui se passe avec les informations dont on dispose.      Si on n’a aucu...
XYZ pour les nuls  Si on ne peut r´ussir une tˆche, souvent apr`s plusieurs essais, on                 e           a      ...
O` mettre le blˆme? u             a  Il est souvent difficile de trouver la cause d’un probl`me.                            ...
Les 7 ´tapes d’une action      e                            Buts        Intention dagir              Évaluation           ...
Gouffre de l’´x´cution            e e  Gouffre de l’´x´cution               e e  Est-ce que le syst`me fournit les actions q...
Gouffre de l’´valuation            e  Gouffre de l’´valuation                 e  Effort requis pour ´valuer l’´tat physique d...
Actions et design  `  A partir des ´tapes d’une action, on peut poser les questions               e  suivantes pour guider...
Actions et design  La prochaine fois que vous avez des probl`mes avec un robinet,                                         ...
What’s next?  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and in...
Connaissance  Une amie ach`te une nouvelle voiture. Elle la sationne chez elle.                  e  Quand elle la reprend ...
Connaissance  4 sources d’informations qui compl`tent ce qu’on a dans la tˆte...                                    e     ...
L’information est dans le monde  L’information...       ... existe naturellement       ... est plac´e comme aide m´moire (...
Une grande pr´cision est inutile             e  Comment sont fait les bords des pi`ces de monnaie (rugueux, lisse,        ...
La puissance des contraintes  On d´monte un objet (disons un grille-pain ou un laptop). On       e  obtient 10 morceaux. C...
Connaissance dans la tˆte = m´moire                      e      e  On doit m´moriser beaucoup de codes...           e  La ...
Connaissance dans la tˆte = m´moire                      e      e      Short-term memory      Long-term memory  Types de s...
Correspondance naturelle  Pour ´viter d’apprendre par coeur, une correspondance naturelle       e  peut ˆtre tr`s utile.  ...
Correspondance naturelle  Pour ´viter d’apprendre par coeur, une correspondance naturelle       e  peut ˆtre tr`s utile.  ...
Correspondance naturelle  Pour ´viter d’apprendre par coeur, une correspondance naturelle       e  peut ˆtre tr`s utile.  ...
What’s next?  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and in...
Nouvel objet                                      Quand on rencontre un nouvel                                      objet,...
Nouvel objet  Exemple: la moto de police Lego                                    Comment construire le v´hicule?          ...
Contraintes physiques  Contrainte sur le relation physique entre les ´l´ments.                                            ...
Contraintes physiques  Contrainte sur le relation physique entre les ´l´ments.                                            ...
Contraintes physiques  Contrainte sur le relation physique entre les ´l´ments.                                            ...
Contraintes s´mantiques             e  Connaissance de la raison d’ˆtre des ´l´ments.                               e     ...
Contraintes culturelles  Contraintes li´es aux conventions culturelle                e       Un signe ou symbole est fait ...
Contraintes logiques  Contraintes li´es au raisonnement logique.                e  C’est l’expression d’une correspondance...
Les portes  Une vari´t´ incroyable...          ee  Heureusement qu’on a pas ` lire les instructions!                      ...
Les boutons  Comment allumer les lumi`res?                          e  Si on se trompe, ce n’est pas trop grave.
Les boutons  Mais dans un avion...
Les boutons  ou dans une centrale nucl´aire...                           e
Rendre visible l’invisible  Importance de rendre visible les contrˆles.                                         o  L’id´al...
What’s next?  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and in...
L’erreur est humaine  Tout le monde peut se tromper.  Deux sortes d’erreur      B´vue (slip) : erreur d’un geste machinal,...
Les b´vues (slips)     e  erreur de capture  Une action fr´quente vient ”capturer” l’action qu’on voulait               e ...
Les b´vues (slips)     e  Data driven error  Certaines action automatiques sont d´clench´es par un stimulus               ...
Les b´vues (slips)     e  Loss of activation errors  Le fait d’oublier un partie ou la totalit´ du but vis´ pendant la    ...
D´tection des erreurs e  Le r´sultat ne correspond pas au but vis´ au d´part.      e                                     e...
Design et erreurs  On peut traiter les erreurs de deux facons:      Pr´vention de l’erreur (avant qu’elle soit commise)   ...
Design et erreurs  On peut aussi ajouter des contraintes pour empˆcher l’erreur.                                          ...
Design et erreurs  Il ne faut pas exag´rer avec les avertissements.                     e  Si on demande toujours ”Are you...
Design et erreurs  Les fonctions ”restreintes” sont utiles pour ´viter les erreurs. Mais                                  ...
Philosophie de design  Connaissances  Utiliser les connaissance du monde plutˆt que les connaissances                     ...
What’s next?  1   Psychopathology of everyday things  2   Psychology of everyday actions  3   Knowledge in the head and in...
En r´sum´    e   e  Les 7 principes de Design de Norman:   1. Use both knowledge in the world and knowledge in the head.  ...
En r´sum´    e   e  Pour ´valuer un design, il suffit de d´terminer avec quelle facilit´       e                            ...
Prochain SlideShare
Chargement dans…5
×

Utilisabilité : Design of everyday things

10 571 vues

Publié le

Publié dans : Formation
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
10 571
Sur SlideShare
0
Issues des intégrations
0
Intégrations
20
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Utilisabilité : Design of everyday things

  1. 1. ART6001 Arts technologiques Interface avec le monde qui nous entoure (Design of everyday things) S´bastien Roy eD´partement d’Informatique et de recherche op´rationnelle e e Universit´ de Montr´al e e 28 septembre 2011 Universit´ de Montr´al e e
  2. 2. Un livre ` lire... a Don Norman Newsweek: ”The Guru of Workable Technology” Professeur en informatique (Northwestern University) Professeur ´m´rite de e e (University of California, San Diego) Co-fondateur du Nielsen-Norman group Vice-pr´sident du e ”Advanced Technology Group” chez Apple
  3. 3. Au programme... 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  4. 4. What’s next? 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  5. 5. Visibilit´ e D´j` essay´ de r´gler l’heure sur un radio d’auto? ea e e Les humain sont conditionn´s ` donner un sens ` ce qui les e a a entoure. Avec quelques indices clairs, on peut interpr´ter et e comprendre. Objets impossibles ` utiliser = difficile + frustrant → pas a d’indice sur comment ca fonctionne. Le mauvais design est partout.
  6. 6. Visibilit´ e (ins´rer ici porte du tunnel UdeM) e Une porte doit nous indiquer comment on l’ouvre. Un cockpit d’avion doit ˆtre clair pour r´duire les erreurs. e e Le design doit int´grer des indices sur le fonctionnement. e → Psychologie de la fa¸on dont les gens int´ragissent avec les c e objets.
  7. 7. Visibilit´ e Principe fondamental du design: la visibilit´ e On doit indiquer clairement la fonction des parties d’un objet. Ex: il faut indiquer o` pousser sur une porte. Plaque, attache, u pentures, ...
  8. 8. Visibilit´ e Design naturel Certains indices sont interpr´t´s inconsciemment, ils sont naturels ee → natural design (id´al). e La visibilit´ illustre la relation entre les action souhait´e et action e e r´alis´e. e e
  9. 9. Capacit´ suggestive d’action e Capacit´ suggestive d’action (affordance) e Propri´t´s per¸ues et r´elles d’un objet, qui d´terminent comment ee c e e il peut ˆtre utilis´. e e Une chaise est faite pour s’assoir Une poign´e doit ˆtre tourn´e e e e On presse un bouton Une bare de d´filement est pour le d´roulement continu e e Per¸u = r´el c e On ne peut pas s’assoir sur une chaise en papier On peut s’assoir sur une table
  10. 10. Capacit´ suggestive d’action e Abri d’autobus: verre ou plywood? verre: transparent, peu ˆtre bris´ e e bois: opaque, peut ˆtre grav´ e e
  11. 11. Capacit´ suggestive d’action e Abri d’autobus: verre ou plywood? http://www.flickr.com/photos/grandhi/ verre: transparent, peu ˆtre bris´ e e bois: opaque, peut ˆtre grav´ e e
  12. 12. Capacit´ suggestive d’action e Quand un objet requiert des instructions, illustrations, ou ´tiquettage, c’est que le design est mauvais. e
  13. 13. Arts & Capacit´ suggestive d’action e Les artistes utilisent souvent la capacit´ suggestive d’action comme e un ´l´ment d’une oeuvre. ee Tara Inman-Bellofatto, ”Skeletal Offset”, maple. Art In City Hall - Dysfunctional Furniture www.phila.gov/artincityhall
  14. 14. Arts & Capacit´ suggestive d’action e Les artistes utilisent souvent la capacit´ suggestive d’action comme e un ´l´ment d’une oeuvre. ee Chris Todd, ”Tripartite”, basswood. Art In City Hall - Dysfunctional Furniture www.phila.gov/artincityhall
  15. 15. Arts & Capacit´ suggestive d’action e Les artistes utilisent souvent la capacit´ suggestive d’action comme e un ´l´ment d’une oeuvre. ee Matthew Alden Price, ”Line Drawing II”, melanine shelf with ceramic cups. Art In City Hall - Dysfunctional Furniture www.phila.gov/artincityhall
  16. 16. Corr´liation & causalit´ e e Causalit´ e La causalit´ est la relation entre un ´v`nement (la cause) et un e e e second ´v`nement (l’effet), o` le second ´v`nement est consid´r´ e e u e e ee comme la cons´quence du premier. e Corr´lation e La corr´lation est une mesure de l’intensit´ de la liaison qui peut e e exister entre deux ou plusieurs variables al´atoires. e Quel est le lien entre les deux?
  17. 17. Corr´liation & causalit´ e e http://www.techshots.net/tag/analysis La corr´lation n’implique pas la causalit´... e e Et dans les interfaces?
  18. 18. Corr´liation & causalit´ e e Lorsqu’un ´v`nement survient juste apr`s une action, on a e e e l’impression que cet ´v`nement a ´t´ caus´ par l’action. e e ee e Si l’ordinateur plante pendant qu’on tape quelques chose, on pense que c’est nous qui a fait plant´ l’ordinateur, mˆme si c’est une e e coincidence. De l` vient certaines superstitions... a ` A l’envers: si une action ne semble pas avoir de r´sultat e directement visible, on pense qu’elle n’a eu aucun effet... Dans un navigateur web, avez-vous d´j` cliqu´ plusieurs fois sur le ea e mˆme lien? Pourquoi? e
  19. 19. 20000 objets On est entour´ d’au moins 20000 objets communs... chacun avec e son mode de fonctionnement. On ne veut pas avoir ` lire un manuel d’instruction pour chacun, a n’est-ce pas?
  20. 20. Mod`les conceptuels e Mod`le conceptuel e Une fois un objet reconnu, on connait d´j` sa fonction et on sait ea comment il fonctionne. En plus, on ajoute: Capacit´ suggestive d’action, contraintes, e correspondance....
  21. 21. Mod`les conceptuels e Les trous du ciseau : capacit´ suggestive d’action e La taille des trous : contrainte sur les doigts Lien entre les trous et les doigts : correspondance M´canisme visible : mod`le conceptuel ´vident e e e
  22. 22. Mod`les conceptuels e Contre-exemple: la montre digitale Capacit´ suggestive d’action? e Contraintes? Correspondance? Mod`le conceptuel apparent? e
  23. 23. Mod`les conceptuels e Mod`le conceptuel e Repr´sentation mentale de situations r´elles, hypoth´tiques, ou e e e imaginaires. Sugg´r´ en 1943 par le psychologue Kenneth Craik ee The mind constructs ‘small-scale models’ of reality to anticipate events, to reason, and to underlie explanation. On acquiert un mod`le conceptuel par int´raction directe ou e e expliquation. Deux types de mod`les: e Fonctionnel : On sait quoi faire sans savoir pourquoi. Structurel : On connaˆ les composants et leurs int´ractions. ıt e
  24. 24. Mod`les conceptuels e Vous entrez dans un chalet en hiver, il fait tr`s froid... Vous e d´marrez le chauffage... e Vous ajustez le thermostat ` ... a ` 21C, la temp´rture que je souhaite avoir a e au maximum (30C)! Ca va chauffer bien plus vite! ¸ Un thermostat n’est pas un robinet... c’est plutˆt un interrupteur... o
  25. 25. Rendre tout visible Qui utilise toutes les fonctions du t´l´phone moderne? ee Comparer avec un automobile (+ complexe, mais + simple ` a op´rer, sauf peut ˆtre la radio...) e e La diff´rence? e Visibilit´. Bonne correspondance, relations naturelles (contrˆle → e o action), 1 contrˆle = 1 action, feedback. o
  26. 26. Correspondance (mapping) Correspondance Relation entre un contrˆle avec l’action qui r´sulte de son o e mouvement. ex: volant d’une automobile Correspondance naturelle Prendre avantage des analogies au monde physique ou aux standards culturels. Levier qui monte pour aller vers le haut. Interrupteurs en ligne pour une rang´e de lumi`res. e e Un niveau qui monte indique une augmentation (culturel). Et si on utilisait la hauteur d’un son pour indiquer la distance? Ou la fr´quence de r´p´tition d’un son? e e e
  27. 27. Feedback Avez vous d´j` essayer de... ea Parler ` quelqu’un sans entendre votre propre voix? a Dessiner avec un crayon qui ne laisse pas de trace? Pourquoi on entend une tonalit´ quand on presse une touche d’un e t´l´phone? ee Principe du feedback On doit montrer ` l’usager l’effet de ses actions et les r´sulats qui a e en d´coulent. e
  28. 28. Technologie La technologie pose quelques dilemmes, ` cause de la facilit´ a e d’ajouter des fonctions et la grande complexit´ et une certaine e d´connexion du monde r´el. e e Les produits tendent ` suivre une courbe de complexit´ en U. a e Au d´part, nouveau produit, tr`s complexe (ex: premi`res radio) e e e High-tech ne devrait pas ˆtre une excuse pour un mauvais design. e
  29. 29. Technologie La technologie pose quelques dilemmes, ` cause de la facilit´ a e d’ajouter des fonctions et la grande complexit´ et une certaine e d´connexion du monde r´el. e e Les produits tendent ` suivre une courbe de complexit´ en U. a e Plus tard, un minimum ”confortable” (ex: la radio simple) High-tech ne devrait pas ˆtre une excuse pour un mauvais design. e
  30. 30. Technologie La technologie pose quelques dilemmes, ` cause de la facilit´ a e d’ajouter des fonctions et la grande complexit´ et une certaine e d´connexion du monde r´el. e e Les produits tendent ` suivre une courbe de complexit´ en U. a e Finalement, ajout et abus de fonctionalit´s et de complexit´. e e High-tech ne devrait pas ˆtre une excuse pour un mauvais design. e
  31. 31. Horloge multi-fonction Dessinez l’interface d’une nouvelle horloge: radio AM, FM, Satellite Lecteur CD / DVD Lecteur MP3 connect´ par USB e T´l´phone ee R´pondeur t´l´phonique e ee Horloge Alarme (radio-r´veil) (doit pouvoir faire un son, la radio, le cd e ou dvd) ´ Eteindre automatiquement apr`s un d´lai (la radio, cd ou dvd) e e Lampe mini ´cran de TV e Comment faire? (p. 32) L’ajout de fonctionalit´ entraine une complexit´ accrue et des e e difficult´s qu’il faut minimiser par un meilleur design. e
  32. 32. What’s next? 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  33. 33. Se blˆmer soi-mˆme a e Si une tˆche parait simple, les usagers se blˆment pour les erreurs. a a Si le syst`me plante, l’erreur est raport´e. Si l’usager se trompe, il e e ne rapporte pas l’erreur. (ex: deux touches une a cot´ de l’autre) e mˆme si c’est la faute du syst`me. e e Les erreurs devraient ˆtre... e facile ` d´tecter a e avoir des cons´quences minimales e ˆtre r´versible, si possible e e
  34. 34. Se blˆmer soi-mˆme a e On explique ce qui se passe avec les informations dont on dispose. Si on n’a aucun information, on invente... Exemples: Qu’est-ce qui tombe plus vite? Une plume ou une roche? Est-ce qu’un thermostat ”au max” chauffe plus rapidement la pi`ce? e Aristote pensait qu’un objet se d´place seulement si on e applique une force dessus. Le film Les visiteurs
  35. 35. XYZ pour les nuls Si on ne peut r´ussir une tˆche, souvent apr`s plusieurs essais, on e a e finit pas abandonner et se consid´rer incapable. e Apr`s de nombreux ´checs, et une perception que les autres sont e e capable l` o` on ´choue, on peut d´velopper une phobie. Ex: La a u e e phobie de le technologie, et des math´matiques? e Cycle vicieux Apr`s un ´chec, on se blˆme soit mˆme e e a e On consid`re qu’on ne peut pas r´ussir cette tˆche e e a La prochaine fois qu’on doit faire la tˆche, on n’essaie mˆme a e pas C’est un nouvel ´chec, comme on pensait... e
  36. 36. O` mettre le blˆme? u a Il est souvent difficile de trouver la cause d’un probl`me. e Three miles island Une valve est ouverte pour ´vacuer un exc`s d’eau dans le e e r´acteur. e Op´rateur presse un bouton pour fermer la valve. e La valve est d´ffecteuse. Elle ne se ferme pas. e Un lumi`re sur le panneau de contrˆle indique que la valve est e o ferm´e. e (L’op´rateur sait que la lumi`re indique seulement qu’on e e commande ` la valve de se fermer) a A ce point, pourquoi penser qu’il y a un probl`me? e L’op´rateur v´rifie la chaleur du tuyau d’eau sortant de la e e valve. Il est chaud. Il y a donc du liquide qui passe. L’op´rateur sait que la valve fuit. Il ne s’inqui`te donc pas... e e Voir aussi: Bhopal?
  37. 37. Les 7 ´tapes d’une action e Buts Intention dagir Évaluation Il y a deux grouffres entre l’´tat e Séquence dactions Interprétation mental et l’´tat physique... e Gouffre de l’´x´cution e e Perception de Éxécution létat du monde Gouffre de l’´valuation e Le monde
  38. 38. Gouffre de l’´x´cution e e Gouffre de l’´x´cution e e Est-ce que le syst`me fournit les actions qui correspondent ` e a l’intention de l’utilisateur? (Diff´rence entre les actions disponibles et l’intention) e Comment placer un film dans un projecteur? Beaucoup plus simple avec la vid´ocassette... e En programmation, comment peut-on coder ce qu’on veut obtenir?
  39. 39. Gouffre de l’´valuation e Gouffre de l’´valuation e Effort requis pour ´valuer l’´tat physique d’un syst`me et pour e e e v´rifier si il correspond aux attentes de l’utilisateur. e Ex: Est-ce que le film est bien plac´ dans le projecteur? e Ex: on fait jouer un vid´o. Rien sur l’´cran. Qu’est-ce qui ne va e e pas? Mal connect´? cˆble d´fectueux? Source du projecteur e a e vid´o? Format du vid´o? e e Ex: connecter un laptop ` un projecteur... a Ex: En programmation, comment peut-on savoir ce qui se passe dans le code?
  40. 40. Actions et design ` A partir des ´tapes d’une action, on peut poser les questions e suivantes pour guider un design: Combien facilement peut on... ... d´terminer la fonction de l’objet? e ... d´terminer quelles actions sont disponibles? e ... d´terminer la correspondance entre l’intention et l’effet e physique? ... effectuer l’action? ... d´terminer l’´tat physique de l’objet? e e ... d´terminer la correspondance entre l’´tat physique de e e l’objet et une interpr´tation? e ... d´terminer si l’objet est dans l’´tat souhait´? e e e
  41. 41. Actions et design La prochaine fois que vous avez des probl`mes avec un robinet, e une TV, un poˆle, un lecteur MP3... e ce n’est pas votre faute. C’est un mauvais design La prochaine fois que vous utilisez sans un probl`me un nouvel e objet... c’est un bon design. ... et le bon design n’arrive jamais par hasard.
  42. 42. What’s next? 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  43. 43. Connaissance Une amie ach`te une nouvelle voiture. Elle la sationne chez elle. e Quand elle la reprend le lendemain, le volant est bloqu´. e Impossible de le d´bloquer... (appel ` CAA, ...) e a Il fallait pousser l´g`rement le volant et tourner la cl´ en mˆme e e e e temps... pas ´vident! e Pourquoi un programmeur exp´riment´ ne peut pas placer les e e touches d’un clavier dans le bon ordre? Bref, on n’a pas toujours une connaissance parfaite.
  44. 44. Connaissance 4 sources d’informations qui compl`tent ce qu’on a dans la tˆte... e e L’information est dans l’objet Souvent l’information est dans l’objet. On combine avec l’information dans la tˆte et c’est suffisant. e Une grande pr´cision est inutile e L’important est de distinguer un bon choix d’un mauvais. On a juste besoin d’assez d’information pour faire ce choix. Pr´sence de contraintes naturelles e La forme des objets (et autres propri´t´s) d´termine grandement ee e ce qu’on peut faire avec eux. Pr´sence de contraintes culturelles e La soci´t´ a ´volu´ un grande nombre de conventions gouvernant ee e e les actions possibles. Une fois apprises, ces conventions sont utilis´es partout. e
  45. 45. L’information est dans le monde L’information... ... existe naturellement ... est plac´e comme aide m´moire (ex: touches de clavier). e e L’information est... d´clarationnelle (r`gle, faits, ...) e e proc´durale (comment faire les quelques chose) e En pratique... On utilise que l’information n´cessaire, en g´n´ral ` une tˆche e e e a a pr´cise. e Ex: pi`ces de monnaie → faire des achats e Ex: touche de clavier → taper rapidement
  46. 46. Une grande pr´cision est inutile e Comment sont fait les bords des pi`ces de monnaie (rugueux, lisse, e cercle, polygone)? Et si vous ´tiez aveugle? e Pouvez-vous vous rappeller ` quoi ressemble un sous am´ricain? a e Et le Susan B. Anthony dollar coin?
  47. 47. La puissance des contraintes On d´monte un objet (disons un grille-pain ou un laptop). On e obtient 10 morceaux. Comment le remonter? En g´n´ral, il y a 10! (3.5 millions) d’ordre possible pour remonter e e les pi`ces. e Les contraintes physiques entre les pi`ces r´duit les choix ` presque e e a rien...
  48. 48. Connaissance dans la tˆte = m´moire e e On doit m´moriser beaucoup de codes... e La m´moire ` court terme peut se rappeller d’environ 5 ` 7 chiffres. e a a C’est ce qui donne les codes postaux ` 6 lettres. a Un mot de passe ` 14 caract`res est donc un peu long... a e
  49. 49. Connaissance dans la tˆte = m´moire e e Short-term memory Long-term memory Types de stockage: M´moire pour les choses arbitraires e l’alphabet l’´diteur EMACS e Control-Alt-Delete M´moire pour les relations importantes e Clignotant pour les virages (moto vs auto) M´moire par l’explication e Construction d’un bon mod`le conceptuel e
  50. 50. Correspondance naturelle Pour ´viter d’apprendre par coeur, une correspondance naturelle e peut ˆtre tr`s utile. e e Ex: contrˆle pour les ronds d’un poˆle. o e
  51. 51. Correspondance naturelle Pour ´viter d’apprendre par coeur, une correspondance naturelle e peut ˆtre tr`s utile. e e Ex: contrˆle pour les ronds d’un poˆle. o e
  52. 52. Correspondance naturelle Pour ´viter d’apprendre par coeur, une correspondance naturelle e peut ˆtre tr`s utile. e e Ex: contrˆle pour les ronds d’un poˆle. o e
  53. 53. What’s next? 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  54. 54. Nouvel objet Quand on rencontre un nouvel objet, comment sait-on ce qu’on peut en faire? Regarder les indices sur l’objet Lire les instructions Suivre les contraintes ( http://betisier.wordpress.com/ )
  55. 55. Nouvel objet Exemple: la moto de police Lego Comment construire le v´hicule? e Contraintes physiques, s´mantiques, culturelles. e Pas besoin d’instructions.13 pi`ces e
  56. 56. Contraintes physiques Contrainte sur le relation physique entre les ´l´ments. ee (principalement li´ ` la forme) ea Les pi`ces vont ensembles... e
  57. 57. Contraintes physiques Contrainte sur le relation physique entre les ´l´ments. ee (principalement li´ ` la forme) ea Une cl´ dans une serrure... e (http://www.knightsedge.com)
  58. 58. Contraintes physiques Contrainte sur le relation physique entre les ´l´ments. ee (principalement li´ ` la forme) ea Quelques autres exemples... Pourquoi les couvercles d’´goˆt sont rond? e u Une voiture ne d´marre pas si la vitesse n’est pas sur ”Park” e ou si on appuie sur les freins. ...
  59. 59. Contraintes s´mantiques e Connaissance de la raison d’ˆtre des ´l´ments. e ee (principalement li´ ` la fonction) ea On place le pare-brise en avant du passager sur la moto. Les roues touchent normalement le sol. Pourquoi ˆtes-vous plac´ l` o` vous ˆtes en ce moment? e e a u e ... Que se passe-t-il si on est pas au courant de la raison d’ˆtre? e
  60. 60. Contraintes culturelles Contraintes li´es aux conventions culturelle e Un signe ou symbole est fait pour ˆtre lu. e Les feux rouges vont ` l’arri`re d’un v´hicule a e e Les couleurs ont des valeurs culturelles utiles rouge ≡ danger jaune ≡ attention vert ≡ ok Qu’arrive-t-il lorsqu’on visite une culture diff´rente? e
  61. 61. Contraintes logiques Contraintes li´es au raisonnement logique. e C’est l’expression d’une correspondance naturelle. Si on a deux boutons et deux lumi`res, on les associe e logiquement. On doit utiliser tous les morceaux d’un casse-tˆte e On suit le s´quences (1,2,3, a,b,c, ...) e ...
  62. 62. Les portes Une vari´t´ incroyable... ee Heureusement qu’on a pas ` lire les instructions! a
  63. 63. Les boutons Comment allumer les lumi`res? e Si on se trompe, ce n’est pas trop grave.
  64. 64. Les boutons Mais dans un avion...
  65. 65. Les boutons ou dans une centrale nucl´aire... e
  66. 66. Rendre visible l’invisible Importance de rendre visible les contrˆles. o L’id´al : un ´cran. (Ex: appel iPhone) e e Le son peut aussi servir parce qu’il donne un feedback.
  67. 67. What’s next? 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  68. 68. L’erreur est humaine Tout le monde peut se tromper. Deux sortes d’erreur B´vue (slip) : erreur d’un geste machinal, sans r´fl´chir e e e M´prise (mistake) : erreur commise apr`s d´lib´ration, apr`s e e e e e r´flexion e
  69. 69. Les b´vues (slips) e erreur de capture Une action fr´quente vient ”capturer” l’action qu’on voulait e vraiment faire. erreur de description Erreur commise lorsque la description de l’intention n’est pas suffisemment pr´cise. e Ex: Verser du jus d’orange dans un caf´, juste ` cot´ du verre. e a e
  70. 70. Les b´vues (slips) e Data driven error Certaines action automatiques sont d´clench´es par un stimulus e e (donn´e) pr´cise. Elle peuvent interf´rer avec une autre action. e e e Ex: On doit appeller le prof qui donne le cours ift1015 et ` la place a de faire son extension on faire 1015 sur le t´l´phone. ee Associative activation errors Certaines pens´es ou associations peuvent d´clencher des actions e e ou interf´rer avec des actions en cours. e Ex: Le t´l´phone sonne et on r´pond ”entrez”. ee e
  71. 71. Les b´vues (slips) e Loss of activation errors Le fait d’oublier un partie ou la totalit´ du but vis´ pendant la e e s´quence d’actions. e Ex: aller au r´frig´rateur, ouvrir la porte, et oublier ce qu’on e e voulait y trouver Mode errors Erreur commise lorsqu’on utilise un contrˆle dans un contexte o diff´rent de celui qu’on souhaite. Tr`s commun lorsqu’un objet e e pr´sente des ”modes” invisibles. e Ex: Mode insertion et commande dans VI. Peut mener ` des gros a probl`mes. e Ex: Avion en mode atterrisage qui ne le dit pas au pilote... (Airbus vol inaugural)
  72. 72. D´tection des erreurs e Le r´sultat ne correspond pas au but vis´ au d´part. e e e Mais il faut un feedback sur les r´sultats pour esp´rer d´tecter e e e quelques chose. Ex: Chernobyl. Aucun feedback, mˆme avec un r´acteur qui e e devient instable. Ex: Bhopal: Aucun feedback. Surchauffe d’un r´servoir, impossible e de le savoir. Ex: Air Transat: Aucun feedback sur le niveau des r´servoir de e carburant.
  73. 73. Design et erreurs On peut traiter les erreurs de deux facons: Pr´vention de l’erreur (avant qu’elle soit commise) e D´tection et correction de l’erreur (apr`s qu’elle soit commise) e e Ex: Mode errors : r´duire le nombre de mode, et les rendre visibles e ˆ Souvent, on demande de confirmer un action: ”Etes-vous sur de vouloir effacer le fichier?”. Malheureusement, c’est trop tˆt pour o demander puisque l’usager vient de prendre la d´cision d’effacer le e fichier. Il va donc r´pondre ”oui” et r´aliser plus tard l’erreur. e e C’est pour ca qu’on a des ”corbeille” pour mettre les fichiers effac´s... e
  74. 74. Design et erreurs On peut aussi ajouter des contraintes pour empˆcher l’erreur. e Ex: pour barrer la porte d’un v´hicule, on doit utiliser la cl´. Cela e e assure qu’on oublie pas les cl´s dans le v´hicule. e e Comprendre la cause des erreurs et minimiser les risques Pr´voir un ”undo” pour annuler l’effet d’un actions, ou rendre e les actions irr´versibles plus difficiles ` faire. e a Faciliter la d´tection des erreurs les plus communes. e Accepter les erreurs comme partie int´grale d’un syst`me. Les e e usagers ne font pas d’erreurs, seulement des actions approximatives...
  75. 75. Design et erreurs Il ne faut pas exag´rer avec les avertissements. e Si on demande toujours ”Are you sure?” sans raison valable, l’usager va s’habituer ` r´pondre oui sans r´fl´chir, ce qui ´limine a e e e e l’avantage de demander au d´part. e Si on fait sonner une alarme chaque fois qu’une porte de voiture est ouverte, on sait que la moiti´ du temps c’est injustifi´. e e L’usager ne va plus entendre l’alarme...
  76. 76. Design et erreurs Les fonctions ”restreintes” sont utiles pour ´viter les erreurs. Mais e attention... Ex: la ceinture de s´curit´ automatique dans les auto. e e Aussi, c’est souvent utile pour la s´curit´ e e interlock lockin, lockout
  77. 77. Philosophie de design Connaissances Utiliser les connaissance du monde plutˆt que les connaissances o ”dans la tˆte”. e Contraintes Utiliser les contraintes (physique, logique, s´mantique, culturel), e ainsi que des fonctions ”restreintes” et des correspondances naturelles Gouffres R´duire les gouffre de l’´x´cution et de l’´valuation. Rendre les e e e e choses visibles. D’un cot´, les actions possibles avec les contrˆles, e o et de l’autre, donner du feedback sur l’´tat et sur les r´sultats. e e
  78. 78. What’s next? 1 Psychopathology of everyday things 2 Psychology of everyday actions 3 Knowledge in the head and in the world 4 Knowing what to do 5 To Err is human 6 The design challenge
  79. 79. En r´sum´ e e Les 7 principes de Design de Norman: 1. Use both knowledge in the world and knowledge in the head. 2. Simplify the structure of tasks. 3. Make things visible: bridge the gulfs of Execution and Evaluation. 4. Get the mappings right. 5. Exploit the power of constraints, both natural and artificial. 6. Design for error. 7. When all else fails, standardize.
  80. 80. En r´sum´ e e Pour ´valuer un design, il suffit de d´terminer avec quelle facilit´ e e e on peut... 1. Determine the function of the device? 2. Tell what actions are possible? 3. Determine mapping from intention to physical movement? 4. Perform the action? 5. Determine mapping from system state to interpretation? 6. Tell what state the system is in?

×