Conception de croquis et de prototypes. Equipe IIHM, IMAG, LIG

Transcription

1 Conception de croquis et de prototypes Equipe IIHM, IMAG, LIG 1

2 Exploration initiale Exemple de la classe de céramique : Le professeur de poterie annonça en début de journée que la classe serait divisé en deux groupes. Le premier serait noté sur la quantité de de travail produit et le second sur la qualité. La procédure était simple: à la fin de la journée, toute la production du groupe «quantité» serait pesée et la note serait attribuée en fonction du poids obtenu. Le groupe «qualité» ne devrait par contre fournir qu un seul pot, mais qui soit le plus «parfait» possible. A la fin de la journée, au moment d attribuer les notes, le professeur remarqua que le pot de meilleur qualité avait été produit par le groupe «quantité». Il semblait que ce groupe avait passé la journée à produire en série des quantité de pot mais que les élèves avait appris au fur et à mesure de leurs erreurs. Au contraire, le groupe «qualité» avait passé son temps à discuter de la notion de perfection et à la fin n avait pu présenter que des théories grandioses et un malheureux tas d argile 2

3 Exploration initiale Getting the design right Améliorer sa conception 3

4 Exploration initiale Getting the right design Trouver la bonne conception Une seule solution n est pas intéressante Explorer et se faire une idée de l espace de conception 4

5 Exploration initiale Objectif : Favoriser l exploration de nombreuses pistes Tendance à améliorer la qualité du résultat final Explicitez vos choix N hésitez pas à prendre le temps d explorer! Planifier «en gros» votre projet 5

6 Exploration initiale Produire une solution complète (code ) prend du temps Au départ, s orienter vers des croquis (sketches) Un sketch n est pas un dessin grossier 6

7 Exploration initiale Produire une solution complète (code ) prend du temps Au départ, s orienter vers des croquis (sketches) Un sketch n est pas seulement un dessin grossier Un sketch ne sert pas à représenter une idée mais à explorer Processus dialectique 7

8 Exploration initiale Apparition du sketching Fin du moyen âge Dissociation de la conception et de la production Facilité d exploration et d innovation Mariano di Jacobi detto Taccola Utilisé de nos jours 8

9 Exploration initiale Apparition du sketching Fin du moyen âge Dissociation de la conception et de la production Facilité d exploration et d innovation Mariano di Jacobi detto Taccola Utilisé de nos jours 9

10 Sketching Quelques propriétés d un sketch [Buxton 2007] Rapide à produire Délivrable à n importe quel moment Peu coûteux Jetable Nombreux 10

11 Sketching Quelques propriétés d un sketch [Buxton 2007] Rapide à produire Délivrable à n importe quel moment Peu coûteux Jetable Nombreux Matérialiser des idées, les faire évoluer, en discuter Difficile de critiquer une seule proposition 11

12 Sketching Nombreux 12

13 Sketching Nombreux 13

14 Sketching Nombreux 14

15 Sketching Quelques propriétés d un sketch [Buxton 2007] Rapide à produire Délivrable à n importe quel moment Peu coûteux Jetable Nombreux Style / vocabulaire spécifique Détails minimum Degré approprié de raffinement Faire comprendre que c est un sketch Ne pas en faire trop Le raffinement reflète la confiance 15

16 Sketching Exemple pour un un vélo 16

17 Sketching Les sketches ont un style graphique distinct 17

18 Sketching Degré approprié de raffinement 18

19 Sketching Sketcher l interaction Video 10-FingerMovie1.wmv 19

20 Sketching Sketcher l interaction Agenda (video 26-RonBirdAgenda.mov) 20

21 Sketching Quelques propriétés d un sketch [Buxton 2007] Rapide à produire Délivrable à n importe quel moment Peu coûteux Jetable Nombreux Style / vocabulaire spécifique Détails minimum Degré approprié de raffinement Favorise l exploration et la suggestion Ambigüe 21

22 Sketching Les sketches sont fait pour être vus! entourés d autres sketches vus, discutés, manipulés par le reste de l équipe une grande partie de l utilité d un sketch apparait après sa production 22

23 Sketching Interface design ou Experience design? Pas seulement la présentation, penser aussi l interaction, la dynamique. 23

24 Sketching Penser aussi à l intégration dans le contexte d usage Ex : le G4 cube 24

25 Sketching Les annotations Expliquer Permettre à d autre ou à soi même de surcharger 25

26 Sketching Les annotations Expliquer Permettre à d autre ou à soi même de surcharger 26

27 Sketching En pratique : Comment faire quand on ne sait pas dessiner? On calque 27

28 Sketching / Prototypage 28

29 Prototypage Sketch Prototype basse fidélité Mais continuum entre sketch et prototype 29

30 Prototypage Ne pas hésiter à bricoler! The Bifocal Display (video 18-bifocalDisplay.wmv) 30

31 Prototypage Ne pas hésiter à bricoler! Carte déplaçable via le mouvement de la tablette Comment feriez vous? 31

32 Prototypage Ne pas hésiter à bricoler! See through display (video 05-TabletPCChameleon.mpg) 32

33 Prototypage Ne pas hésiter à bricoler! Interaction à distance entre 2 personne à travers un miroir Comment feriez vous? 33

34 Prototypage Ne pas hésiter à bricoler! Interaction à distance entre 2 personne à travers un miroir 34

35 Prototypage Le prototypage papier (25b-PostitVideoSketch.wmv) 35

36 Prototypage Borne interactive de réservation de billet Interaction vocale Comment faire? 36

37 A lire Sketching User Experiences getting the design right and the right design Bill Buxton 37