Fake it’till you make it
“
“It’s not about ideas. It’s
about making ideas happen.”
— Scott Belsky, co-fondateur de Behance
2
Salut!
Je suis Rémi Delhaye
Étudiant à l’EPSI Lille.
Fondateur de Slaask, Inc.
Backend web developer chez Libertrip.
http:...
Pourquoi beaucoup d’idées
ne sont pas réalisées ?
Pourquoi réaliser un prototype vous
aide à convertir votre idée en un
pr...
La peur que votre idée ne soit pas
assez bonne :
Créer un prototype vous aide à savoir
si s’est une bonne idée ou pas
1
5
Vous n’avez pas les compétences
techniques pour le faire :
Vous pouvez très bien prototyper
votre idée avec des outils que...
Vous n’êtes pas sur que ça puisse
marcher :
Votre prototype vous aidera à vous
mettre à la place d’un utilisateur et
vous ...
Vous commencez à être à court
d’idées :
Plus vous prototypez vos idées, plus
ces prototypes vous en donneront de
nouvelles...
Comment créer le
blueprint de l’interface
d’une idée ?
9
9
User stories :
Captez les intentions, les objectifs, et
le « voyage » que vous proposerez à
vos utilisateurs.
1
10
10
Les tâches :
Définissez les actions que devront
accomplir vos utilisateurs afin
d’utiliser une fonctionnalité de votre
idé...
Les écrans :
Listez les différents écrans de votre
application et choisissez ou vos
fonctionnalités seront affichées.
3
12...
L’organigramme :
Imaginez le voyage de votre
utilisateur à travers vos écrans
4
13
13
Les croquis :
Dessinez les schémas grossiers de la
disposition des éléments de vos
écrans (sans couleur, sans design)
5
14...
Les prototypes :
Ajouter le design de votre charte
graphique, des interactions dans les
écrans, des animations, etc…
6
15
...
Faites tester :
Faites tester et observez le
comportement des gens face à votre
prototype, et surtout, écoutez leurs
feedb...
User stories :
Captez les intentions, les objectifs, et le « voyage » que vous proposerez à vos
utilisateurs.
Les tâches :...
Les bons outils
18
18
User stories :
Captez les intentions, les objectifs, et le « voyage » que vous proposerez à vos utilisateurs.
Les tâches :...
Fidèle
Rapide
Lent
Peu fidèle
Outils de
mockup
Outils de
présentation
Outils de
design
Outils de
diagrammes
20
20
Vous pouvez prototyper une
application mobile ou un site web
avec Keynote ( ♡) ou PowerPoint
21
21
Créez un slide pour chaque
écran de votre application
1
22
22
Place your screenshot herePlace your screenshot here
23
Utilisez keynotopia templates
pour insérer des éléments
d’interface pré-faits sur vos
slides
24
24
25
25
Ajouter des liens entre vos
slides pour créer une
navigation
2
26
26
Sur Keynote : (⌘+K)
27
27
Ajoutez des transitions
entre les slides pour donner
un effet plus naturel
3
28
Ajouter des liens entre vos
slides pour créer une
navigation
4
29
29
Exportez votre
présentation sur
mobile
30
Faites tester votre
prototype !6
31
31
Développez votre idée !
• Embauchez un développeur
• Faites développer offshore
• https://www.freelancer.com
• Apprenez à ...
Merci !
@rdlhio
remi@slaask.com
33
Prochain SlideShare
Chargement dans…5
×

Fake it ('till you make it)

313 vues

Publié le

It’s not about ideas. It’s about making ideas happen.

Publié dans : Carrière
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
313
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Fake it ('till you make it)

  1. 1. Fake it’till you make it
  2. 2. “ “It’s not about ideas. It’s about making ideas happen.” — Scott Belsky, co-fondateur de Behance 2
  3. 3. Salut! Je suis Rémi Delhaye Étudiant à l’EPSI Lille. Fondateur de Slaask, Inc. Backend web developer chez Libertrip. http://blog.rdlh.io 3
  4. 4. Pourquoi beaucoup d’idées ne sont pas réalisées ? Pourquoi réaliser un prototype vous aide à convertir votre idée en un produit ? 4
  5. 5. La peur que votre idée ne soit pas assez bonne : Créer un prototype vous aide à savoir si s’est une bonne idée ou pas 1 5
  6. 6. Vous n’avez pas les compétences techniques pour le faire : Vous pouvez très bien prototyper votre idée avec des outils que vous connaissez déjà ! 2 6 6
  7. 7. Vous n’êtes pas sur que ça puisse marcher : Votre prototype vous aidera à vous mettre à la place d’un utilisateur et vous saurez si ça peut le faire ou non 3 7 7
  8. 8. Vous commencez à être à court d’idées : Plus vous prototypez vos idées, plus ces prototypes vous en donneront de nouvelles 4 8 8
  9. 9. Comment créer le blueprint de l’interface d’une idée ? 9 9
  10. 10. User stories : Captez les intentions, les objectifs, et le « voyage » que vous proposerez à vos utilisateurs. 1 10 10
  11. 11. Les tâches : Définissez les actions que devront accomplir vos utilisateurs afin d’utiliser une fonctionnalité de votre idée. 2 11 11
  12. 12. Les écrans : Listez les différents écrans de votre application et choisissez ou vos fonctionnalités seront affichées. 3 12 12
  13. 13. L’organigramme : Imaginez le voyage de votre utilisateur à travers vos écrans 4 13 13
  14. 14. Les croquis : Dessinez les schémas grossiers de la disposition des éléments de vos écrans (sans couleur, sans design) 5 14 14
  15. 15. Les prototypes : Ajouter le design de votre charte graphique, des interactions dans les écrans, des animations, etc… 6 15 15
  16. 16. Faites tester : Faites tester et observez le comportement des gens face à votre prototype, et surtout, écoutez leurs feedbacks ! 7 16 16
  17. 17. User stories : Captez les intentions, les objectifs, et le « voyage » que vous proposerez à vos utilisateurs. Les tâches : Définissez les actions que devront accomplir vos utilisateurs afin d’utiliser une fonctionnalité de votre idée Les écrans : Listez les différents écrans de votre application et choisissez ou vos fonctionnalités seront affichées. L’organigramme : Imaginez le voyage de votre utilisateur à travers vos écrans Les croquis : Dessinez les schémas grossiers de la disposition des éléments 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. 18. Les bons outils 18 18
  19. 19. User stories : Captez les intentions, les objectifs, et le « voyage » que vous proposerez à vos utilisateurs. Les tâches : Définissez les actions que devront accomplir vos utilisateurs afin d’utiliser une fonctionnalité de votre idée Les écrans : Listez les différents écrans de votre application et choisissez ou vos fonctionnalités seront affichées. L’organigramme : Imaginez le voyage de votre utilisateur à travers vos écrans Les croquis : Dessinez les schémas grossiers de la disposition des éléments 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. 20. Fidèle Rapide Lent Peu fidèle Outils de mockup Outils de présentation Outils de design Outils de diagrammes 20 20
  21. 21. Vous pouvez prototyper une application mobile ou un site web avec Keynote ( ♡) ou PowerPoint 21 21
  22. 22. Créez un slide pour chaque écran de votre application 1 22 22
  23. 23. Place your screenshot herePlace your screenshot here 23
  24. 24. Utilisez keynotopia templates pour insérer des éléments d’interface pré-faits sur vos slides 24 24
  25. 25. 25 25
  26. 26. Ajouter des liens entre vos slides pour créer une navigation 2 26 26
  27. 27. Sur Keynote : (⌘+K) 27 27
  28. 28. Ajoutez des transitions entre les slides pour donner un effet plus naturel 3 28
  29. 29. Ajouter des liens entre vos slides pour créer une navigation 4 29 29
  30. 30. Exportez votre présentation sur mobile 30
  31. 31. Faites tester votre prototype !6 31 31
  32. 32. Développez votre idée ! • Embauchez un développeur • Faites développer offshore • https://www.freelancer.com • Apprenez à développer • http://www.lewagon.org/ FIN 32 32
  33. 33. Merci ! @rdlhio remi@slaask.com 33

×