Pour commencer
Un bon point de départ pour concevoir une app mobile est d’apprendre les guidelines de chaque plateforme. iOS et Android ont chacun leurs propres patterns de design qui précisent à quoi votre app doit ressembler et comment elle doit se comporter.
Les guidelines vous aident à parler le même langage visuel que vos utilisateurs. Elles font en sorte que votre app paraisse native et offre une expérience familière.
C’est à vous de décider jusqu’où les suivre. Beaucoup de grosses apps comme Airbnb et Uber paraissent natives tout en gardant leur style visuel unique. Mais si vous n’avez jamais conçu d’app, je vous conseille de les suivre au plus près. Cela vous aidera à mieux sentir chaque plateforme.
Guidelines iOS
Les guidelines iOS font partie des guidelines de design plus larges d’Apple — les Human Interface Guidelines, ou HIG. Elles servent de blueprint pour concevoir des interfaces intuitives et visuellement attrayantes dans l’écosystème Apple. Le HIG prône la simplicité, une navigation fluide, une bonne lisibilité du texte, un usage intuitif des éléments UI et une attention au contenu.
Pour démarrer, je recommande cette vidéo WWDC de 6 minutes et de parcourir leur site web. Une autre bonne approche est d’explorer en profondeur le UI kit iOS et de tester différentes combinaisons de composants.
Guidelines Android
Comme Apple, Google a son propre langage et ses patterns de design, appelés Material Design. Il encourage l’usage de couleurs vives, d’éléments graphiques et du mouvement pour créer une hiérarchie de l’information et des actions.
Material utilise la profondeur pour exprimer l’importance des éléments via l’élévation et les ombres. Cette approche vise à rendre les apps plus intuitives grâce à des repères visuels qui réagissent au toucher en imitant le monde physique.
Google a créé un site dédié où vous pouvez explorer les guidelines et découvrir les composants.
Outils de design
Comme un peintre a besoin de pinceaux et d’une toile, un designer d’app a besoin des bons outils. Figma et Sketch sont devenus les éditeurs incontournables pour les designers. Leur prise en main est assez exigeante, mais ils offrent des fonctions puissantes une fois maîtrisés.
Les deux sont vectoriels, et vous pouvez tout concevoir, des icônes aux interfaces multi-écrans complexes. Ils disposent aussi d’un vaste écosystème de plugins. Figma fonctionne dans le navigateur et sur Mac comme sur PC, tandis que Sketch n’est disponible que sur Mac en app native.
L’outil suivant que je vous recommande vivement d’essayer est Banani. C’est une IA qui génère l’UI d’apps mobiles à partir de simples prompts texte. Vous pouvez explorer différentes idées en quelques minutes, sans passer des heures à apprendre un logiciel d’édition.
Pour concevoir votre app, vous aurez forcément besoin d’icônes. Apple a publié une app dédiée appelée SF Symbols. Avec elle, vous pouvez trouver presque n’importe quelle icône dont vous pourriez avoir besoin pour votre projet.
Bases UX
Comme pour tout design d’interface, un bon design mobile consiste à résoudre les problèmes utilisateurs de la meilleure façon. Une app doit garder une cohérence visuelle et fonctionnelle, utiliser un langage simple et direct, et donner un feedback immédiat aux actions des utilisateurs.
Nngroup est une excellente ressource pour apprendre les design patterns, l’architecture de l’information, l’interaction design et bien d’autres sujets liés à l’UX.
Growth.design propose une collection incroyable d’études de cas sous forme de comics interactifs. Ils analysent de près les apps que nous utilisons au quotidien. J’y retourne souvent pour rafraîchir certains principes psychologiques, même en tant que designer expérimenté.
N’oubliez pas : chaque élément de design à l’écran a un rôle. Du choix des couleurs à la typographie. Les éléments doivent travailler ensemble pour guider l’utilisateur dans l’app et rendre le complexe simple.
Inspiration
Trouver des références et rester inspiré est une grande partie de tout travail de design. Cela aide à repérer les meilleurs patterns et à maintenir le flux d’idées.
Les designers publient leurs travaux sur des plateformes comme Dribbble et Read.cv. Au-delà des références, elles peuvent être une excellente porte d’entrée dans la communauté du design. Pinterest, même s’il n’est pas centré sur le design d’interface, est génial pour trouver de l’inspiration visuelle.
Souvent, mieux vaut réutiliser des patterns établis plutôt que réinventer la roue. Pour cela, je vous recommande Banani. Il propose une collection de plus de 100 000 écrans d’autres apps, que vous pouvez utiliser comme inspiration et point de départ.
En résumé
La beauté du design, c’est de voir ses idées devenir réalité. J’espère que cet article vous a donné une vue d’ensemble pour savoir par où commencer pour concevoir une app mobile :)
Si vous voulez aller plus loin en UX, j’ai aussi créé un aperçu des principales lois du design UX et principes.
