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

1. Une série en 9 épisodes
Le design mobile
c’est pas facile !

2. About me
Quentin Sallat
Développeur Android à iD.apps
@Aerilys

3. Prologue : épisode pilote
Une AFFAIRE en
Material Design

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. Livraison vendredi dans un mois. Sur
store le samedi ?

7. L’application finale

8. Episode 1
Le client

10. J’ai une super idée !

12. Mais c’est pas une maquette ça !

13. Il n’y connait rien ce client !

14. C’est vrai je l’avoue, c’est pour cela que je
vous ai engagé !

15. Episode 2
Le design ios

16. En fait j’ai un iPhone, alors…

17. Alignez le design iOS et Android !

18. On ne va pas vraiment faire ça n’est-ce
pas ?

19. 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

20. Episode 3
Le branding

21. Un peu d’histoire…

22. Mais où est mon logo là ?

23. 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
 …

24. Episode 4
Le retour du client

25. La norme du design mobile, c’est nous
maintenant

26. 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

27. Je ne suis toujours pas convaincu …

28. Pas de Material design = pas de mise en
avant sur le store

29. Episode 5
Les gros doigts

30. Il faut de gros boutons pour nos agents de
terrain !

31. 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

32. Episode 6
From here to
agility

33. Je veux un logo bleu !

34. Ca ne va pas du tout ce bleu. Mettez du
rouge !

35. Le logo manque de fraicheur. A changer

36. 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

37. Episode 7
La spEcification

38. Je ne comprends pas, où est
mon chat vocal intégré ?

39. 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

40. Episode 8
La webapp

41. Je veux trois applications pour le
prix d’une

42. 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

43. Episode 9 - Final
Le design process

44. Le stagiaire a fait une maquette sous
Paint. Ca ira pour le développement ?

45. 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

46. Behavior Driven Development
 Pour aller plus loin sur le design process
 About Face par Alan Cooper, Robert Reimann, Dave Cronin et Christopher Noessel

47. Epilogue
Un vrai metier

48. Conclusion
 Le design demande des compétences
 Mais aussi un esprit ouvert
 Et positif
 Soyez patients
 Soyez toujours de bons conseils

49. The end