Le Prototypage Agile (Agile Tour Toulouse 2011)

1,311 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,311
On SlideShare
0
From Embeds
0
Number of Embeds
161
Actions
Shares
0
Downloads
40
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Le Prototypage Agile (Agile Tour Toulouse 2011)

  1. 1. www.pia-conseil.com Prototypage Agile PIA PIA par Philippe Chaurand @anomes AgileTour Toulouse 2011Prototypage Agile / AgileTour Toulouse 2011 1
  2. 2. Mon Objectif Hello ! Je suis ingénieur IHM Prototyper pour créer de la valeur Prototyper pour créer utile et utilisable Prototyper dans une équipe agile Prototypage Agile / AgileTour Toulouse 2011 2
  3. 3. Qui est PIA ? Cabinet de conseil en système dinformation, spécialiste de l’expérience utilisateur et des usages innovants. Prototypage Agile / AgileTour Toulouse 2011 3
  4. 4. ENTREPRISES CONSEIL RÉALISATIONEDITEURS & IT Prototypage Agile / AgileTour Toulouse 2011 4
  5. 5. Focus sur Eskimo e-skimo.com Prototypage Agile / AgileTour Toulouse 2011 5
  6. 6. Exemple de composants adaptatifs e-skimo.com Prototypage Agile / AgileTour Toulouse 2011 6
  7. 7. Prototypage AgilePrototypage Agile / AgileTour Toulouse 2011 7
  8. 8. Mon plan L’approche de PIA Créer de la valeur Créer utile et utilisable vue d’ensemble prototypage & cas pratiquevous êtes ici sortie Prototypage Agile / AgileTour Toulouse 2011 8
  9. 9. L’approche de PIA Créer de la valeur Créer utile et utilisable L’approche de PIAPrototypage Agile / AgileTour Toulouse 2011 9
  10. 10. L’approche de PIA Créer de la valeur Créer utile et utilisableMais : qu’est-ce que prototyper ? C’est une démarche issue de la culture de l’échec : • être prêt à échouer pour progresser • explorer puis sélectionner Prototypage Agile / AgileTour Toulouse 2011 10
  11. 11. L’approche de PIA Créer de la valeur Créer utile et utilisableprototypage Agile ? Prototyper c’est : • donner une vision du produit • vérifier les hypothèses et réagir • affiner par itération • communiquer et collaborer ensemble Le prototypage est intrinsèquement lié à l’agilité. Prototypage Agile / AgileTour Toulouse 2011 11
  12. 12. L’approche de PIA Créer de la valeur Créer utile et utilisableL’utilisateur au centre de nos 2 axes créer de la valeur créer utile et utilisable proposition prototyper de valeurs tester tester dialogue et tests développer bénéfices Prototypage Agile / AgileTour Toulouse 2011 12
  13. 13. L’approche de PIA Créer de la valeur Créer utile et utilisableL’équipe impliquée partout créer de la valeur créer utile et utilisable proposition prototyper de valeurs tester tester dialogue et tests développer bénéfices Prototypage Agile / AgileTour Toulouse 2011 13
  14. 14. L’approche de PIA Créer de la valeur Créer utile et utilisable Parallèle avec David GuettaPrototypage Agile / AgileTour Toulouse 2011 14
  15. 15. L’approche de PIA Créer de la valeur Créer utile et utilisableLA bonne note de David Guetta Prototypage Agile / AgileTour Toulouse 2011 15
  16. 16. L’approche de PIA Créer de la valeur Créer utile et utilisableLa méthodologie Guetta créer de la valeur créer populaire et dansant proposition de valeurs prototyper une ambiance rock’n roll dans le taxi populaire & vendeur tester tester 1 jour avec Fred Rister en concert bénéfices développer revenus & célébrité dans l’avion Prototypage Agile / AgileTour Toulouse 2011 16
  17. 17. L’approche de PIA Créer de la valeur Créer utile et utilisable Et avec une seule note !Prototypage Agile / AgileTour Toulouse 2011 17
  18. 18. L’approche de PIA Créer de la valeur Créer utile et utilisablePour aller plus loin Customer development Product development Prototypage Agile / AgileTour Toulouse 2011 18
  19. 19. L’approche de PIA Créer de la valeur Créer utile et utilisable Créer de la valeurPrototypage Agile / AgileTour Toulouse 2011 19
  20. 20. L’approche de PIA Créer de la valeur Créer utile et utilisablePourquoi ? Engager la conversation avec l’utilisateur et/ou le client utilisateur = client (B2C) utilisateur ≠ client (B2B) Prototypage Agile / AgileTour Toulouse 2011 20
  21. 21. L’approche de PIA Créer de la valeur Créer utile et utilisableDémarrer le premier axe créer de la valeur créer utile et utilisable L’utilisateur impliqué dès le début en mode collaboratif Prototypage Agile / AgileTour Toulouse 2011 21
  22. 22. L’approche de PIA Créer de la valeur Créer utile et utilisableL’exemple de Sharypic.COM L’idée : rassembler les photos d’un évènement. e va leur Pic-tweetez avec p osit ion d Pro #att11 les photos sur att11.sharypic.com Prototypage Agile / AgileTour Toulouse 2011 22
  23. 23. L’approche de PIA Créer de la valeur Créer utile et utilisableNotre 1er outil : les personas (simplifiées) Des profils contextualisés pour développer l’empathie ★ A créer et partager en équipe ★ Explorer puis en sélectionner 4 ou 5 ★ Autres personas : les side-personas et out-personas Stéphane Cest un commercial de 27 ans, à laise avec les différents services en ligne, Pierre mais sans être à la pointe. Cest un infirmier de 52 ans. Il utilise quotidiennement le mail et Facebook. Il achète et fait un maximum de démarches en ligne (par exemple,laise. Il pratique la photo numérique Intéressé par internet, il y est à ses impôts). Myriam régulièrement, et cherche Windows et iPhone avec lequel il prend souvent un portable sous à faire partager sa production via son compte Picasa. Il possèdeCest une étudiante de 21 ans. des photos viapossède un(ami de et utilise ses matchs de foot le samedi matin ! Cependant, les gens autour delui nont Lightroom. contact avec Elle Instagram. Surtout Stéphane) peu de Julien Reflex lors de que linformatique. Cest un jeune ingénieur de 25 ans. Il est férutravaille plus certaines Entre amis, elle poste ses photos sur Facebook, mais de technologie, quil aime faire Il possède une tour sous Windows et un appareil photo compact. dentre elles pour lesses amis, sur qui le valorise en société. découvrir à partager ce Flickr. Elle utilise un portable sous Windows, Il Jeanne aime tester les nouveautés mais subsiste chez lui une barrière à lachat et mais pense à acheter un MacBook pour Noël. une méfiance du spam. 47 ans, sans compte Facebook et pas très intéressée Cest une secrétaire de Il par internet. MacBookPro, un Androïd (avec lequel il prend quelques photos possède un de temps en temps) et unàcompte Facebook. Elle a une forte barrière lachat en ligne. Elle possède une tour sous Windows. Prototypage Agile / AgileTour Toulouse 2011 23
  24. 24. L’approche de PIA Créer de la valeur Créer utile et utilisableNotre 2nd outil : les scenarii d’usage Bien comprendre le besoin, avant de chercher une solution UC.1 Rassembler les photos dʼun évènement sur Sharypic Acteur principal Stéphane Pré-conditions Julien a découvert le service par le bouche à oreille ou Twitter et il a été séduit. Scénario principal 1. Julien propose à Stéphane de tester Sharypic 2. Stéphane découvre Sharypic et crée un compte 3. Stéphane crée un évènement pour le mariage de ce weekend 4. Stéphane enrichit lʼévènement avec ses propres photos 5. Stéphane avertit Pierre que des photos sont sur Sharypic 6. Pierre ajoute ses propres photos via upload 7. Pierre en parle à Jeanne 8. Jeanne décide dʼimprimer un album photo 9. Pierre aide Jeanne à imprimer lʼalbum photo Etapes alternatives 5a. Stéphane avertit Myriam que des photos sont sur Sharypic 1. Myriam se connecte via Facebook 2. Myriam consulte les photos de lʼévènement 3. Myriam ajoute une photo via Facebook 7a. Pierre connecte son appareil photo 1. Le système détecte automatiquement lʼappareil 2. Le système demande à Pierre les photos à ajouter Prototypage Agile / AgileTour Toulouse 2011 24
  25. 25. L’approche de PIA Créer de la valeur Créer utile et utilisableNotre baromètre : les entretiens Les personas/scenarii ne sont qu’un référentiel, qu’il faut tester. Vérifier l’intuition. “ Si javais demandé à mes clients ce quils souhaitaient, ils mauraient dit : un cheval plus rapide. “ l’effet focus group selon Henry Ford Prototypage Agile / AgileTour Toulouse 2011 25
  26. 26. L’approche de PIA Créer de la valeur Créer utile et utilisableExemple de premiers jets SHARE the photos of your event in one single place Organize Comment Invite Prototypage Agile / AgileTour Toulouse 2011 26
  27. 27. L’approche de PIA Créer de la valeur Créer utile et utilisableItérer Définir des critères de réussite (DoD) ★ l’équipe est tombée d’accord ★ beaucoup de contacts ★ des promesses d’achat ★ un time-to-market respecté ★ l’instinct “ Tu memmerde... avec ta question ! “ l’instinct selon Marc Lièvremont Prototypage Agile / AgileTour Toulouse 2011 27
  28. 28. L’approche de PIA Créer de la valeur Créer utile et utilisableLe résultat de Sharypic.COM ★ Une illustration qui exprime le contexte ★ Le pitch de la valeur apportée ★ Un exemple de l’interface ★ Un point d’entrée pour “voir” ★ Un point d’entrée pour “tester” ★ Proposition de valeur plus détaillée ★ Un moyen pour entrer du feedback C’est ce qui va être vendu. L’expression doit en être limpide. Prototypage Agile / AgileTour Toulouse 2011 28
  29. 29. L’approche de PIA Créer de la valeur Créer utile et utilisable Cette proposition de valeur est un prototype ! Une vision grossière mais valorisée du produitPrototypage Agile / AgileTour Toulouse 2011 29
  30. 30. L’approche de PIA Créer de la valeur Créer utile et utilisableCommuniquer avec ce prototype Utilisateurs ★ partager une vision ★ rationnaliser intérêt ★ prioriser ★ planifier Proposition de valeurs faisabilité essence L’équipe Investisseurs Prototypage Agile / AgileTour Toulouse 2011 30
  31. 31. L’approche de PIA Créer de la valeur Créer utile et utilisableD’autres exemples Prototypage Agile / AgileTour Toulouse 2011 31
  32. 32. L’approche de PIA Créer de la valeur Créer utile et utilisableEngager la conversation ! Vos utilisateurs sont les meilleurs vendeurs ! Prototypage Agile / AgileTour Toulouse 2011 32
  33. 33. L’approche de PIA Créer de la valeur Créer utile et utilisable Créer utile et utilisablePrototypage Agile / AgileTour Toulouse 2011 33
  34. 34. L’approche de PIA Créer de la valeur Créer utile et utilisableOù en sommes-nous ? + ★ Les utilisateurs sont impliqués ★ La proposition de valeurs les intéresse ★ L’équipe est fédérée autour de cette vision ★ Les US sont créées et priorisées Il existe donc un MVP, + un Minimum Viable Product + User Story Prototypage Agile / AgileTour Toulouse 2011 34
  35. 35. L’approche de PIA Créer de la valeur Créer utile et utilisableCommencer par le MVP créer de la valeur proposition prototyper de valeurs + MVP tester tester développer Prototypage Agile / AgileTour Toulouse 2011 35
  36. 36. L’approche de PIA Créer de la valeur Créer utile et utilisableRassembler : la réunion de co-design Explorer. Faire fonctionner. Pas d’ergonomie. Prototypage Agile / AgileTour Toulouse 2011 36
  37. 37. L’approche de PIA Créer de la valeur Créer utile et utilisableJe consolide : cinématiques & zonings Organiser et structurer l’information. Prototypage Agile / AgileTour Toulouse 2011 37
  38. 38. L’approche de PIA Créer de la valeur Créer utile et utilisableJe consolide : les patterns d’interface Ne pas réinventer la roue. Prototypage Agile / AgileTour Toulouse 2011 38
  39. 39. L’approche de PIA Créer de la valeur Créer utile et utilisableResultat : des prototypes d’interface papier <HTML> Prototypage Agile / AgileTour Toulouse 2011 39
  40. 40. L’approche de PIA Créer de la valeur Créer utile et utilisableConsolidons encore : le design visuel C’est la partie la plus aboutie de l’ergonomie. Si peu de compétence : RESTER SIMPLE ! Prototypage Agile / AgileTour Toulouse 2011 40
  41. 41. L’approche de PIA Créer de la valeur Créer utile et utilisableUn résultat plus abouti Prototypage Agile / AgileTour Toulouse 2011 41
  42. 42. L’approche de PIA Créer de la valeur Créer utile et utilisableOrganisation du travail cinematiques zonings réunion de co-design patterns prototypes d’interface visual design Prototypage Agile / AgileTour Toulouse 2011 42
  43. 43. L’approche de PIA Créer de la valeur Créer utile et utilisableTester Mode opératoire ★ présenter un contexte ★ donner un objectif ★ observer / inciter la pensée à voix haute ★ questions ouvertes papier <HTML> Prototypage Agile / AgileTour Toulouse 2011 43
  44. 44. L’approche de PIA Créer de la valeur Créer utile et utilisableDévelopper rapidement Petits lots. Petites itérations de 0 à 2 semaines. le prototype fonctionnel perpétuel avant après Prototypage Agile / AgileTour Toulouse 2011 44
  45. 45. L’approche de PIA Créer de la valeur Créer utile et utilisableTest en direct ... “ Est-ce que tu pourrais ajouter la photo de Super Mario ? ” Prototypage Agile / AgileTour Toulouse 2011 45
  46. 46. L’approche de PIA Créer de la valeur Créer utile et utilisableEt recommencer ... créer de la valeur un produit agile prototyper Tester cette valeur tester tester développer Prototypage Agile / AgileTour Toulouse 2011 46
  47. 47. ConclusionPrototypage Agile / AgileTour Toulouse 2011 47
  48. 48. A retenir Créer de la valeur pour engager la conversation avec l’utilisateur Tester cette valeur grâce à de très courtes itérations Se servir des prototypes créés pour communiquer en interne/externe Prototypage Agile / AgileTour Toulouse 2011 48
  49. 49. Chouchoutez vos co-équipiers vous aurez du plaisir à travailler ensemble ! Chouchoutez vos utilisateurs ce sont les meilleurs vendeurs !Prototypage Agile / AgileTour Toulouse 2011 49
  50. 50. Slides, bibliographie et making-of bientôt disponibles sur le blog PIA blog.pia-conseil.comPrototypage Agile / AgileTour Toulouse 2011 50
  51. 51. Notre formation Prototypage formation.pia-conseil.com Prototypage Agile / AgileTour Toulouse 2011 51
  52. 52. Merci beaucoup !Prototypage Agile / AgileTour Toulouse 2011 52
  53. 53. Le système a planté. Avez vous des questions ?Prototypage Agile / AgileTour Toulouse 2011 53

×