Commencer
Un bon point de départ pour concevoir une application mobile est de se familiariser avec les directives de la plateforme. Les deux systèmes, iOS et Android, proposent leurs propres ensembles de modèles de conception qui spécifient les détails de l'apparence et du fonctionnement de votre application.
Les directives vous aident à parler le même langage visuel que vos utilisateurs. Elles garantissent que votre application donne l'impression d'être native et offre une expérience familière.
C'est à vous de décider jusqu'à quel point les suivre. De grandes applications comme Airbnb et Uber paraissent natives tout en apportant leur propre style visuel unique. Mais si vous n'avez jamais conçu d'application auparavant, je vous suggère de les suivre aussi fidèlement que possible. Cela vous aidera à comprendre chaque plateforme.
Directives iOS
Les directives iOS font partie des directives de conception plus larges d'Apple - les Human Interface Guidelines ou HIG. Elles sont le plan pour concevoir des interfaces intuitives et visuellement attrayantes pour l'écosystème Apple. HIG prône la simplicité, la facilité de navigation, la lisibilité du texte, l'utilisation intuitive des éléments d'interface utilisateur, et un accent sur le contenu.
Pour commencer, je recommande cette vidéo WWDC de 6 minutes et de parcourir leur site web. Une autre excellente méthode est de plonger dans le kit UI d'iOS et de jouer avec la combinaison de différents composants.
Directives Android
Tout comme Apple, Google dispose de son propre langage et de ses modèles de conception appelés Material Design. Il encourage l'utilisation de couleurs vives, d'éléments graphiques et de mouvements pour créer une hiérarchie d'informations et d'actions.
Material utilise la profondeur pour indiquer l'importance des éléments grâce à l'élévation et aux ombres. Cette approche vise à rendre les applications plus intuitives avec des indices visuels qui réagissent au toucher de manière semblable au monde physique.
Google a créé un site web dédié où vous pouvez explorer les directives et découvrir les composants.
Outils de conception
Tout comme un peintre a besoin de pinceaux et d'une toile, un designer d'application a besoin des bons outils. Figma et Sketch sont devenus les éditeurs incontournables pour les designers. Ils ont une courbe d'apprentissage assez élevée mais offrent des fonctionnalités puissantes une fois maîtrisés.
Les deux sont basés sur des vecteurs, et vous pouvez concevoir tout, des icônes aux interfaces multi-écrans complexes. Ils ont tous deux un vaste écosystème de plugins. Figma est basé sur le navigateur et peut être utilisé sur n'importe quel Mac et PC, tandis que Sketch est disponible uniquement sur Mac en tant qu'application native.
Un autre outil que je vous conseille vivement d'essayer est Banani. C'est une IA qui génère l'interface utilisateur des applications mobiles à partir de simples invites textuelles. Vous pouvez explorer différentes idées en quelques minutes sans passer des heures à apprendre des logiciels de montage.
Lors de la conception de l'application, vous aurez certainement besoin d'icônes. Apple a publié une application dédiée appelée SF Symbols. Avec elle, vous pouvez trouver n'importe quelle icône que vous pourriez imaginer ou dont vous avez besoin pour votre projet.
Les bases de l'UX
Comme pour toute conception d'interface, une bonne conception mobile consiste à résoudre les problèmes des utilisateurs de la meilleure façon. Une application doit maintenir un aspect et une sensation cohérents, utiliser un langage simple et direct, et fournir un retour d'information immédiat aux actions des utilisateurs.
Nngroup est une excellente ressource pour apprendre les modèles de conception, l'architecture de l'information, la conception des interactions, et bien d'autres sujets liés à l'UX.
Growth.design propose une incroyable collection d'études de cas sous la forme de bandes dessinées interactives. Elles analysent de plus près les applications que nous utilisons au quotidien. J'y reviens souvent pour rafraîchir certains principes psychologiques même si je suis un designer expérimenté.
Souvenez-vous, chaque élément de design à l'écran a un but. Du choix de la couleur à la typographie. Les éléments doivent travailler ensemble pour guider l'utilisateur à travers l'application, rendant le complexe simple.
Inspiration
Trouver des références et rester inspiré est un aspect important de tout travail de conception. Cela vous aide à trouver les meilleurs modèles et à maintenir le flux d'idées.
Les designers publient leurs travaux sur des plateformes comme Dribbble et Read.cv. En plus des références, elles peuvent être une excellente introduction à la communauté du design. Pinterest, même si ce n'est pas axé sur le design d'interface, est incroyable pour trouver toute source d'inspiration visuelle.
Souvent, il vaut mieux réutiliser des modèles établis plutôt que d'inventer une roue. Pour cela, je suggère Banani. Il a une collection de plus de 100 000 écrans d'autres applications, que vous pouvez utiliser comme source d'inspiration et point de départ.
Résumé
Le bonheur du design, c'est de voir vos idées devenir réalité. J'espère que cet article vous a donné un aperçu d'où commencer pour concevoir une application mobile :)
Si vous souhaitez approfondir l'UX, j'ai également créé un aperçu des principales lois et principes de conception UX.
