Conception de croquis et de prototypes Alexandre.Demeure@imag.fr Equipe IIHM, IMAG, LIG 1
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
Exploration initiale Getting the design right Améliorer sa conception 3
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
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
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
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
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
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
Sketching Quelques propriétés d un sketch [Buxton 2007] Rapide à produire Délivrable à n importe quel moment Peu coûteux Jetable Nombreux 10
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
Sketching Nombreux 12
Sketching Nombreux 13
Sketching Nombreux 14
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
Sketching Exemple pour un un vélo 16
Sketching Les sketches ont un style graphique distinct 17
Sketching Degré approprié de raffinement 18
Sketching Sketcher l interaction Video 10-FingerMovie1.wmv 19
Sketching Sketcher l interaction Agenda (video 26-RonBirdAgenda.mov) 20
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
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
Sketching Interface design ou Experience design? Pas seulement la présentation, penser aussi l interaction, la dynamique. 23
Sketching Penser aussi à l intégration dans le contexte d usage Ex : le G4 cube 24
Sketching Les annotations Expliquer Permettre à d autre ou à soi même de surcharger 25
Sketching Les annotations Expliquer Permettre à d autre ou à soi même de surcharger 26
Sketching En pratique : Comment faire quand on ne sait pas dessiner? On calque 27
Sketching / Prototypage 28
Prototypage Sketch Prototype basse fidélité Mais continuum entre sketch et prototype 29
Prototypage Ne pas hésiter à bricoler! The Bifocal Display (video 18-bifocalDisplay.wmv) 30
Prototypage Ne pas hésiter à bricoler! Carte déplaçable via le mouvement de la tablette Comment feriez vous? 31
Prototypage Ne pas hésiter à bricoler! See through display (video 05-TabletPCChameleon.mpg) 32
Prototypage Ne pas hésiter à bricoler! Interaction à distance entre 2 personne à travers un miroir Comment feriez vous? 33
Prototypage Ne pas hésiter à bricoler! Interaction à distance entre 2 personne à travers un miroir 34
Prototypage Le prototypage papier (25b-PostitVideoSketch.wmv) 35
Prototypage Borne interactive de réservation de billet Interaction vocale Comment faire? 36
A lire Sketching User Experiences getting the design right and the right design Bill Buxton 37