Le Prototypage Agile (Agile Tour Toulouse 2011)

  • Published on
    25-Jan-2015

  • View
    854

  • Download
    2

Embed Size (px)

DESCRIPTION

 

Transcript

  • 1. www.pia-conseil.comPrototypage AgilePIA PIApar Philippe Chaurand @anomesAgileTour Toulouse 2011Prototypage Agile / AgileTour Toulouse 2011 1

2. Mon ObjectifHello !Je suis ingnieur IHM Prototyper pour crer de la valeur Prototyper pour crer utile et utilisable Prototyper dans une quipe agilePrototypage Agile / AgileTour Toulouse 2011 2 3. Qui est PIA ? Cabinet de conseil en systme dinformation, spcialiste de lexprience utilisateur et des usages innovants. Prototypage Agile / AgileTour Toulouse 20113 4. ENTREPRISES CONSEIL RALISATIONEDITEURS & ITPrototypage Agile / AgileTour Toulouse 2011 4 5. Focus sur Eskimoe-skimo.comPrototypage Agile / AgileTour Toulouse 2011 5 6. Exemple de composants adaptatifs e-skimo.comPrototypage Agile / AgileTour Toulouse 2011 6 7. Prototypage AgilePrototypage Agile / AgileTour Toulouse 2011 7 8. Mon plan Lapproche de PIACrer de la valeur Crer utile et utilisablevue densemble prototypage & cas pratiquevous tes icisortiePrototypage Agile / AgileTour Toulouse 2011 8 9. Lapproche de PIA Crer de la valeur Crer utile et utilisableLapproche de PIAPrototypage Agile / AgileTour Toulouse 20119 10. Lapproche de PIA Crer de la valeur Crer utile et utilisableMais : quest-ce que prototyper ? Cest une dmarche issue de la culture de lchec : tre prt chouer pour progresser explorer puis slectionner Prototypage Agile / AgileTour Toulouse 2011 10 11. Lapproche de PIA Crer de la valeur Crer utile et utilisableprototypage Agile ?Prototyper cest : donner une vision du produit vrier les hypothses et ragir afner par itration communiquer et collaborer ensembleLe prototypage est intrinsquement li lagilit.Prototypage Agile / AgileTour Toulouse 2011 11 12. Lapproche de PIA Crer de la valeur Crer utile et utilisableLutilisateur au centre de nos 2 axescrer de la valeur crer utile et utilisableproposition prototyper de valeurs testertester dialogue et testsdvelopper bnces Prototypage Agile / AgileTour Toulouse 201112 13. Lapproche de PIA Crer de la valeur Crer utile et utilisableLquipe implique partout crer de la valeur crer utile et utilisable proposition prototyperde valeurstestertesterdialogueet tests dvelopperbncesPrototypage Agile / AgileTour Toulouse 201113 14. Lapproche de PIA Crer de la valeur Crer utile et utilisableParallle avecDavid GuettaPrototypage Agile / AgileTour Toulouse 201114 15. Lapproche de PIA Crer de la valeur Crer utile et utilisableLA bonne note de David GuettaPrototypage Agile / AgileTour Toulouse 2011 15 16. Lapproche de PIA Crer de la valeurCrer utile et utilisableLa mthodologie Guetta crer de la valeur crer populaire et dansantproposition de valeursprototyperune ambiance rockn rolldans le taxipopulaire & vendeurtestertester 1 jouravec Fred Risteren concert bnces dvelopperrevenus & clbritdans lavionPrototypage Agile / AgileTour Toulouse 201116 17. Lapproche de PIA Crer de la valeur Crer utile et utilisableEt avec une seule note !Prototypage Agile / AgileTour Toulouse 2011 17 18. Lapproche de PIA Crer de la valeur Crer utile et utilisablePour aller plus loinCustomer development Product development Prototypage Agile / AgileTour Toulouse 2011 18 19. Lapproche de PIA Crer de la valeur Crer utile et utilisableCrer de la valeurPrototypage Agile / AgileTour Toulouse 201119 20. Lapproche de PIA Crer de la valeur Crer utile et utilisablePourquoi ? Engager la conversationavec lutilisateur et/ou le client utilisateur = client (B2C) utilisateur client (B2B)Prototypage Agile / AgileTour Toulouse 2011 20 21. Lapproche de PIA Crer de la valeur Crer utile et utilisableDmarrer le premier axecrer de la valeurcrer utile et utilisableLutilisateur impliqu ds le dbut en mode collaboratifPrototypage Agile / AgileTour Toulouse 2011 21 22. Lapproche de PIA Crer de la valeur Crer utile et utilisableLexemple de Sharypic.COMLide : rassembler lesphotos dun vnement. e va leur Pic-tweetez avecp osit ion d Pro#att11les photos sur att11.sharypic.comPrototypage Agile / AgileTour Toulouse 2011 22 23. Lapproche de PIACrer de la valeur Crer utile et utilisableNotre 1er outil : les personas (simplies)Des prols contextualiss pour dvelopper lempathie A crer et partager en quipe Explorer puis en slectionner 4 ou 5 Autres personas : les side-personas et out-personasStphaneCest un commercial de 27 ans, laise avec les diffrents services en ligne,Pierremais sans tre la pointe.Cest un inrmier de 52 ans.Il utilise quotidiennement le mail et Facebook. Il achte et fait un maximum dedmarches en ligne (par exemple,laise. Il pratique la photo numriqueIntress par internet, il y est ses impts). Myriamrgulirement, et cherche Windows et iPhone avec lequel il prend souventun portable sous faire partager sa production via son compte Picasa.Il possdeCest une tudiante de 21 ans.des photos viapossde un(ami de et utilise ses matchs de foot le samedi matin !Cependant, les gens autour delui nont Lightroom. contact avec Elle Instagram. Surtout Stphane) peu deJulien Reex lors de quelinformatique. Cest un jeune ingnieur de 25 ans. Il est frutravaille plus certaines Entre amis, elle poste ses photos sur Facebook, mais de technologie, quil aime faireIl possde une tour sous Windows et un appareil photo compact. dentre elles pour lesses amis, sur qui le valorise en socit.dcouvrir partager ce Flickr.Elle utilise un portable sous Windows,Il Jeanne aime tester les nouveauts mais subsiste chez lui une barrire lachat et mais pense acheter un MacBook pour Nol.une mance du spam. 47 ans, sans compte Facebook et pas trs intresse Cest une secrtaire deIl par internet. MacBookPro, un Androd (avec lequel il prend quelques photos possde unde temps en temps) et uncompte Facebook. Elle a une forte barrire lachat en ligne. Elle possde une tour sous Windows.Prototypage Agile / AgileTour Toulouse 2011 23 24. Lapproche de PIA Crer de la valeur Crer utile et utilisableNotre 2nd outil : les scenarii dusage Bien comprendre le besoin, avant de chercher une solutionUC.1 Rassembler les photos dun vnement sur SharypicActeur principal StphanePr-conditions Julien a dcouvert le service par le bouche oreille ou Twitter et il a t sduit.Scnario principal1.Julien propose Stphane de tester Sharypic2.Stphane dcouvre Sharypic et cre un compte3.Stphane cre un vnement pour le mariage de ce weekend4.Stphane enrichit lvnement avec ses propres photos5.Stphane avertit Pierre que des photos sont sur Sharypic6.Pierre ajoute ses propres photos via upload7.Pierre en parle Jeanne8.Jeanne dcide dimprimer un album photo9.Pierre aide Jeanne imprimer lalbum photoEtapes alternatives5a. Stphane avertit Myriam que des photos sont sur Sharypic 1. Myriam se connecte via Facebook 2. Myriam consulte les photos de lvnement 3. Myriam ajoute une photo via Facebook7a. Pierre connecte son appareil photo 1. Le systme dtecte automatiquement lappareil 2. Le systme demande Pierre les photos ajouter Prototypage Agile / AgileTour Toulouse 2011 24 25. Lapproche de PIA Crer de la valeur Crer utile et utilisableNotre baromtre : les entretiens Les personas/scenarii ne sont quun rfrentiel, quil faut tester. Vrier lintuition. Si javais demand mes clients cequils souhaitaient, ils mauraient dit :un cheval plus rapide. leffet focus group selon Henry Ford Prototypage Agile / AgileTour Toulouse 2011 25 26. Lapproche de PIA Crer de la valeur Crer utile et utilisableExemple de premiers jetsSHAREthe photos of your eventin one single placeOrganizeComment InvitePrototypage Agile / AgileTour Toulouse 2011 26 27. Lapproche de PIA Crer de la valeur Crer utile et utilisableItrer Dnir des critres de russite (DoD) lquipe est tombe daccord beaucoup de contacts des promesses dachat un time-to-market respect linstinct Tu memmerde... avec ta question ! linstinct selon Marc Livremont Prototypage Agile / AgileTour Toulouse 2011 27 28. Lapproche de PIA Crer de la valeur Crer utile et utilisableLe rsultat de Sharypic.COM Une illustration qui exprime le contexte Le pitch de la valeur apporte Un exemple de linterface Un point dentre pour voir Un point dentre pour tester Proposition de valeur plus dtaille Un moyen pour entrer du feedback Cest ce qui va tre vendu. Lexpression doit en tre limpide.Prototypage Agile / AgileTour Toulouse 2011 28 29. Lapproche de PIA Crer de la valeur Crer utile et utilisableCette proposition de valeur est un prototype ! Une vision grossire mais valorise du produitPrototypage Agile / AgileTour Toulouse 2011 29 30. Lapproche de PIA Crer de la valeur Crer utile et utilisableCommuniquer avec ce prototypeUtilisateurs partager une vision rationnaliser intrt prioriser planierProposition de valeursfaisabilit essenceLquipeInvestisseurs Prototypage Agile / AgileTour Toulouse 2011 30 31. Lapproche de PIA Crer de la valeur Crer utile et utilisableDautres exemplesPrototypage Agile / AgileTour Toulouse 2011 31 32. Lapproche de PIA Crer de la valeur Crer utile et utilisableEngager la conversation ! Vos utilisateurs sont les meilleurs vendeurs !Prototypage Agile / AgileTour Toulouse 2011 32 33. Lapproche de PIA Crer de la valeur Crer utile et utilisable Crer utile et utilisablePrototypage Agile / AgileTour Toulouse 2011 33 34. Lapproche de PIA Crer de la valeur Crer utile et utilisableO en sommes-nous ?+ Les utilisateurs sont impliqus La proposition de valeurs les intresse Lquipe est fdre autour de cette vision Les US sont cres et priorises Il existe donc un MVP, + un Minimum Viable Product+ User Story Prototypage Agile / AgileTour Toulouse 2011 34 35. Lapproche de PIACrer de la valeur Crer utile et utilisableCommencer par le MVPcrer de la valeurproposition prototyper de valeurs + MVPtester testerdvelopper Prototypage Agile / AgileTour Toulouse 201135 36. Lapproche de PIA Crer de la valeur Crer utile et utilisableRassembler : la runion de co-designExplorer. Faire fonctionner. Pas dergonomie.Prototypage Agile / AgileTour Toulouse 2011 36 37. Lapproche de PIA Crer de la valeur Crer utile et utilisableJe consolide : cinmatiques & zoningsOrganiser et structurer linformation.Prototypage Agile / AgileTour Toulouse 2011 37 38. Lapproche de PIA Crer de la valeur Crer utile et utilisableJe consolide : les patterns dinterface Ne pas rinventer la roue. Prototypage Agile / AgileTour Toulouse 2011 38 39. Lapproche de PIA Crer de la valeur Crer utile et utilisableResultat : des prototypes dinterfacepapier Prototypage Agile / AgileTour Toulouse 2011 39 40. Lapproche de PIA Crer de la valeur Crer utile et utilisableConsolidons encore : le design visuelCest la partie la plus aboutie de lergonomie.Si peu de comptence : RESTER SIMPLE ! Prototypage Agile / AgileTour Toulouse 2011 40 41. Lapproche de PIA Crer de la valeur Crer utile et utilisableUn rsultat plus abouti Prototypage Agile / AgileTour Toulouse 2011 41 42. Lapproche de PIA Crer de la valeur Crer utile et utilisableOrganisation du travail cinematiqueszoningsrunion de co-designpatterns prototypes dinterface visual design Prototypage Agile / AgileTour Toulouse 201142 43. Lapproche de PIA Crer de la valeur Crer utile et utilisableTesterMode opratoire prsenter un contexte donner un objectif observer / inciter la pense voix haute questions ouvertes papierPrototypage Agile / AgileTour Toulouse 2011 43 44. Lapproche de PIA Crer de la valeur Crer utile et utilisableDvelopper rapidementPetits lots. Petites itrations de 0 2 semaines. le prototype fonctionnel perptuelavant aprsPrototypage Agile / AgileTour Toulouse 2011 44 45. Lapproche de PIA Crer de la valeur Crer utile et utilisableTest en direct ... Est-ce que tu pourrais ajouter la photo de Super Mario ? Prototypage Agile / AgileTour Toulouse 2011 45 46. Lapproche de PIACrer de la valeur Crer utile et utilisableEt recommencer ...crer de la valeurun produit agileprototyper Tester cette valeurtester testerdvelopperPrototypage Agile / AgileTour Toulouse 2011 46 47. ConclusionPrototypage Agile / AgileTour Toulouse 201147 48. A retenirCrer de la valeur pour engager la conversation avec lutilisateurTester cette valeur grce de trs courtes itrationsSe servir des prototypes crs pour communiquer en interne/externePrototypage Agile / AgileTour Toulouse 201148 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. Slides, bibliographie et making-ofbientt disponibles sur le blog PIAblog.pia-conseil.comPrototypage Agile / AgileTour Toulouse 201150 51. Notre formation Prototypageformation.pia-conseil.comPrototypage Agile / AgileTour Toulouse 2011 51 52. Merci beaucoup !Prototypage Agile / AgileTour Toulouse 201152 53. Le systme a plant. Avez vous des questions ?Prototypage Agile / AgileTour Toulouse 2011 53

Recommended

View more >