Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Une série en 9 épisodes
Le design mobile
c’est pas facile !
About me
Quentin Sallat
Développeur Android à iD.apps
@Aerilys
Prologue : épisode pilote
Une AFFAIRE en
Material Design
Le CLIENT
• A une vague idée de ce
qu’il veut
• Pense que petit
écran=petit budget
• Prend les ingénieurs pour
des sorcier...
Livraison vendredi dans un mois. Sur
store le samedi ?
L’application finale
Episode 1
Le client
J’ai une super idée !
Mais c’est pas une maquette ça !
Il n’y connait rien ce client !
C’est vrai je l’avoue, c’est pour cela que je
vous ai engagé !
Episode 2
Le design ios
En fait j’ai un iPhone, alors…
Alignez le design iOS et Android !
On ne va pas vraiment faire ça n’est-ce
pas ?
Quelles solutions ?
 Un utilisateur iOS n’utilise pas Android, et vice-versa
 L’utilisateur connait sa plateforme et sai...
Episode 3
Le branding
Un peu d’histoire…
Mais où est mon logo là ?
Quelles solutions ?
 Expliquer au client que sa marque ne passe pas que par son logo
 Mais plutôt par le contenu
 Et la...
Episode 4
Le retour du client
La norme du design mobile, c’est nous
maintenant
Quelles solutions ?
 Toujours la pédagogie
 Présenter des données concrètes, des exemples issus de votre expérience
 Pr...
Je ne suis toujours pas convaincu …
Pas de Material design = pas de mise en
avant sur le store
Episode 5
Les gros doigts
Il faut de gros boutons pour nos agents de
terrain !
Quelles solutions ?
 Application métier != application non-ergonomique
 Les utilisateurs vont s’en servir toute la journ...
Episode 6
From here to
agility
Je veux un logo bleu !
Ca ne va pas du tout ce bleu. Mettez du
rouge !
Le logo manque de fraicheur. A changer
Quelles solutions ?
 Ne pas oublier que changer d’avis est normal
 Identifier les points majeurs du design pouvant chang...
Episode 7
La spEcification
Je ne comprends pas, où est
mon chat vocal intégré ?
Quelles solutions ?
 Bien spécifier le fonctionnement de l’application
 Vérifier que le design correspond aux spécificat...
Episode 8
La webapp
Je veux trois applications pour le
prix d’une
Quelles solutions ?
 Ne pas tomber dans le piège du design générique
 Adopter Material Design
 Essayer de conserver un ...
Episode 9 - Final
Le design process
Le stagiaire a fait une maquette sous
Paint. Ca ira pour le développement ?
Quelles solutions ?
 Définir un process…
 Et le respecter !
 Le design est un métier. Le process est là pour qu’il soit...
Behavior Driven Development
 Pour aller plus loin sur le design process
 About Face par Alan Cooper, Robert Reimann, Dav...
Epilogue
Un vrai metier
Conclusion
 Le design demande des compétences
 Mais aussi un esprit ouvert
 Et positif
 Soyez patients
 Soyez toujour...
The end
Le design mobile c’est pas facile
Le design mobile c’est pas facile
Le design mobile c’est pas facile
Upcoming SlideShare
Loading in …5
×

Le design mobile c’est pas facile

2,584 views

Published on

The slides for the talk I gave at Android Makers 2017 about designing for mobile apps.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Le design mobile c’est pas facile

  1. 1. Une série en 9 épisodes Le design mobile c’est pas facile !
  2. 2. About me Quentin Sallat Développeur Android à iD.apps @Aerilys
  3. 3. Prologue : épisode pilote Une AFFAIRE en Material Design
  4. 4. Le CLIENT • A une vague idée de ce qu’il veut • Pense que petit écran=petit budget • Prend les ingénieurs pour des sorciers • Mais du coup pense que tout est facile
  5. 5. Livraison vendredi dans un mois. Sur store le samedi ?
  6. 6. L’application finale
  7. 7. Episode 1 Le client
  8. 8. J’ai une super idée !
  9. 9. Mais c’est pas une maquette ça !
  10. 10. Il n’y connait rien ce client !
  11. 11. C’est vrai je l’avoue, c’est pour cela que je vous ai engagé !
  12. 12. Episode 2 Le design ios
  13. 13. En fait j’ai un iPhone, alors…
  14. 14. Alignez le design iOS et Android !
  15. 15. On ne va pas vraiment faire ça n’est-ce pas ?
  16. 16. Quelles solutions ?  Un utilisateur iOS n’utilise pas Android, et vice-versa  L’utilisateur connait sa plateforme et sait s’en servir  Soyez patients et expliquez vos raisons
  17. 17. Episode 3 Le branding
  18. 18. Un peu d’histoire…
  19. 19. Mais où est mon logo là ?
  20. 20. Quelles solutions ?  Expliquer au client que sa marque ne passe pas que par son logo  Mais plutôt par le contenu  Et la qualité de l’application  L’utilisateur connait déjà le logo, il a cliqué dessus  Il est toujours possible de placer son logo de manière intelligente  Ecrans de chargement  Listes vides  …
  21. 21. Episode 4 Le retour du client
  22. 22. La norme du design mobile, c’est nous maintenant
  23. 23. Quelles solutions ?  Toujours la pédagogie  Présenter des données concrètes, des exemples issus de votre expérience  Prévenir clairement des conséquences, par écrit
  24. 24. Je ne suis toujours pas convaincu …
  25. 25. Pas de Material design = pas de mise en avant sur le store
  26. 26. Episode 5 Les gros doigts
  27. 27. Il faut de gros boutons pour nos agents de terrain !
  28. 28. Quelles solutions ?  Application métier != application non-ergonomique  Les utilisateurs vont s’en servir toute la journée  Si l’application est mal conçue, ils ne s’en serviront pas, ou le moins possible
  29. 29. Episode 6 From here to agility
  30. 30. Je veux un logo bleu !
  31. 31. Ca ne va pas du tout ce bleu. Mettez du rouge !
  32. 32. Le logo manque de fraicheur. A changer
  33. 33. Quelles solutions ?  Ne pas oublier que changer d’avis est normal  Identifier les points majeurs du design pouvant changer  Le prévoir dès le début lors du développement  Paramétrer un maximum de composants  Remixer de Google
  34. 34. Episode 7 La spEcification
  35. 35. Je ne comprends pas, où est mon chat vocal intégré ?
  36. 36. Quelles solutions ?  Bien spécifier le fonctionnement de l’application  Vérifier que le design correspond aux spécifications et à l’expression de besoins  Tout faire valider par le client
  37. 37. Episode 8 La webapp
  38. 38. Je veux trois applications pour le prix d’une
  39. 39. Quelles solutions ?  Ne pas tomber dans le piège du design générique  Adopter Material Design  Essayer de conserver un minimum de cohérence avec l’écosystème iOS
  40. 40. Episode 9 - Final Le design process
  41. 41. Le stagiaire a fait une maquette sous Paint. Ca ira pour le développement ?
  42. 42. Quelles solutions ?  Définir un process…  Et le respecter !  Le design est un métier. Le process est là pour qu’il soit bien fait.  Ecouter les besoins  Et ne pas penser qu’ils ont toujours été bien définis  Observer les utilisateurs si possible  Et ne pas penser qu’ils ont toujours raison
  43. 43. Behavior Driven Development  Pour aller plus loin sur le design process  About Face par Alan Cooper, Robert Reimann, Dave Cronin et Christopher Noessel
  44. 44. Epilogue Un vrai metier
  45. 45. Conclusion  Le design demande des compétences  Mais aussi un esprit ouvert  Et positif  Soyez patients  Soyez toujours de bons conseils
  46. 46. The end

×