Fake it ('till you make it)

  • Published on
    05-Aug-2015

  • View
    46

  • Download
    0

Transcript

1. Fake ittill you make it 2. Its not about ideas. Its about making ideas happen. Scott Belsky, co-fondateur de Behance 2 3. Salut! Je suis Rmi Delhaye tudiant lEPSI Lille. Backend web developer chez Libertrip. http://blog.rdlh.io 3 4. Pourquoi beaucoup dides ne sont pas ralises ? Pourquoi raliser un prototype vous aide convertir votre ide en un produit ? 4 5. La peur que votre ide ne soit pas assez bonne : Crer un prototype vous aide savoir si sest une bonne ide ou pas 1 5 6. Vous navez pas les comptences techniques pour le faire : Vous pouvez trs bien prototyper votre ide avec des outils que vous connaissez dj ! 2 6 6 7. Vous ntes pas sur que a puisse marcher : Votre prototype vous aidera vous mettre la place dun utilisateur et vous saurez si a peut le faire ou non 3 7 7 8. Vous commencez tre court dides : Plus vous prototypez vos ides, plus ces prototypes vous en donneront de nouvelles 4 8 8 9. Comment crer le blueprint de linterface dune ide ? 9 9 10. User stories : Captez les intentions, les objectifs, et le voyage que vous proposerez vos utilisateurs. 1 10 10 11. Les tches : Dfinissez les actions que devront accomplir vos utilisateurs afin dutiliser une fonctionnalit de votre ide. 2 11 11 12. Les crans : Listez les diffrents crans de votre application et choisissez ou vos fonctionnalits seront affiches. 3 12 12 13. Lorganigramme : Imaginez le voyage de votre utilisateur travers vos crans 4 13 13 14. Les croquis : Dessinez les schmas grossiers de la disposition des lments de vos crans (sans couleur, sans design) 5 14 14 15. Les prototypes : Ajouter le design de votre charte graphique, des interactions dans les crans, des animations, etc 6 15 15 16. Faites tester : Faites tester et observez le comportement des gens face votre prototype, et surtout, coutez leurs feedbacks ! 7 16 16 17. User stories : Captez les intentions, les objectifs, et le voyage que vous proposerez vos utilisateurs. Les tches : Dfinissez les actions que devront accomplir vos utilisateurs afin dutiliser une fonctionnalit de votre ide Les crans : Listez les diffrents crans de votre application et choisissez ou vos fonctionnalits seront affiches. Lorganigramme : Imaginez le voyage de votre utilisateur travers vos crans Les croquis : Dessinez les schmas grossiers de la disposition des lments de vos crans (sans couleur, sans design) Les prototypes : Ajouter le design de votre charte graphique, des interactions dans les crans, des animations, etc Faites tester : Faites tester et observez le comportement des gens face votre prototype, et surtout, coutez leurs feedbacks ! 17 17 18. Les bons outils 18 18 19. User stories : Captez les intentions, les objectifs, et le voyage que vous proposerez vos utilisateurs. Les tches : Dfinissez les actions que devront accomplir vos utilisateurs afin dutiliser une fonctionnalit de votre ide Les crans : Listez les diffrents crans de votre application et choisissez ou vos fonctionnalits seront affiches. Lorganigramme : Imaginez le voyage de votre utilisateur travers vos crans Les croquis : Dessinez les schmas grossiers de la disposition des lments de vos crans (sans couleur, sans design) Les prototypes : Ajouter le design de votre charte graphique, des interactions dans les crans, des animations, etc Faites tester : Faites tester et observez le comportement des gens face votre prototype, et surtout, coutez leurs feedbacks ! 19 19 20. Fidle Rapide Lent Peu fidle Outils de mockup Outils de prsentation Outils de design Outils de diagrammes 20 20 21. Vous pouvez prototyper une application mobile ou un site web avec Keynote ( ) ou PowerPoint 21 21 22. Crez un slide pour chaque cran de votre application 1 22 22 23. Place your screenshot herePlace your screenshot here 23 24. Utilisez keynotopia templates pour insrer des lments dinterface pr-faits sur vos slides 24 24 25. 25 25 26. Ajouter des liens entre vos slides pour crer une navigation 2 26 26 27. Sur Keynote : (+K) 27 27 28. Ajoutez des transitions entre les slides pour donner un effet plus naturel 3 28 29. Ajouter des liens entre vos slides pour crer une navigation 4 29 29 30. Exportez votre prsentation sur mobile 30 31. Faites tester votre prototype !6 31 31 32. Dveloppez votre ide ! Embauchez un dveloppeur Faites dvelopper offshore https://www.freelancer.com Apprenez dvelopper http://www.lewagon.org/ FIN 32 32 33. Merci! Vous avez des questions? @rdlhio talks@rdlh.io 33