Passer au contenu principal
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 sorciers
• Mais du coup pense que
tout est facile
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 sait s’en servir
 Soyez patients et expliquez vos raisons
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 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
 …
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évenir clairement des conséquences, par écrit
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ée
 Si l’application est mal conçue, ils ne s’en serviront pas, ou le moins possible
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 changer
 Le prévoir dès le début lors du développement
 Paramétrer un maximum de composants
 Remixer de Google
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écifications et à l’expression de besoins
 Tout faire valider par le client
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 minimum de cohérence avec l’écosystème iOS
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 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
Behavior Driven Development
 Pour aller plus loin sur le design process
 About Face par Alan Cooper, Robert Reimann, Dave Cronin et Christopher Noessel
Epilogue
Un vrai metier
Conclusion
 Le design demande des compétences
 Mais aussi un esprit ouvert
 Et positif
 Soyez patients
 Soyez toujours de bons conseils
The end