Commencer
Un bon point de départ pour concevoir une application mobile est d'apprendre les directives de la plateforme. iOS et Android possèdent chacun leur propres modèles de conception qui spécifient les détails de l'apparence et du comportement de votre application.
Les directives vous aident à parler le même langage visuel que vos utilisateurs. Elles garantissent que votre application se sente native et offre une expérience familière.
C'est à vous de décider dans quelle mesure les suivre. De nombreuses grandes applications comme Airbnb et Uber paraissent natives tout en apportant leur style visuel unique. Mais si vous n'avez jamais conçu d'application auparavant, je vous suggère de les suivre le plus près possible. Cela vous aidera à mieux 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. Les HIG prônent la simplicité, la facilité de navigation, la lisibilité du texte, l'utilisation intuitive des éléments d'interface utilisateur et une focalisation sur le contenu.
Pour commencer, je recommande cette vidéo de WWDC de 6 minutes et de parcourir leur site web. Un autre bon moyen est de plonger dans l'UI kit d'iOS et d'expérimenter en combinant différents composants.
Directives Android
Tout comme Apple, Google a son propre langage de conception et ses modèles appelés Material Design. Il encourage l'utilisation de couleurs audacieuses, d'éléments graphiques et de mouvements pour créer une hiérarchie d'informations et d'actions.
Material utilise la profondeur pour transmettre 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 d'une manière qui mime le monde physique.
Google a créé un site dédié où vous pouvez explorer les directives et en apprendre plus sur les composants.
Outils de conception
Tout comme un peintre a besoin de pinceaux et d'une toile, un concepteur d'applications a besoin des bons outils. Figma et Sketch sont devenus les éditeurs de référence pour les concepteurs. Ils ont une courbe d'apprentissage assez importante mais offrent une fonctionnalité puissante une fois maîtrisés.
Les deux sont basés sur des vecteurs, et vous pouvez concevoir tout, des icônes aux interfaces multiscreen complexes. Ils disposent d'un vaste écosystème de plugins. Figma est basé sur un navigateur et peut être utilisé sur Mac et PC, tandis que Sketch est disponible uniquement sur Mac en tant qu'application native.
L'outil suivant que je recommande 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 avoir besoin de passer des heures à apprendre un logiciel d'édition.
Lors de la conception de l'application, vous aurez certainement besoin d'icônes. Apple a sorti une application dédiée appelée SF Symbols. Avec elle, vous pouvez trouver n'importe quelle icône imaginable ou nécessaire pour votre projet.
Principes de base de l'UX
Comme pour toute conception d'interface, un bon design mobile consiste à résoudre les problèmes des utilisateurs de la meilleure façon. Une application doit garder une apparence et une sensation cohérentes, utiliser un langage simple et direct, et fournir un retour immédiat aux actions des utilisateurs.
Nngroup est une ressource formidable pour découvrir les modèles de conception, l'architecture de l'information, le design d'interaction et de nombreux autres sujets liés à l'UX.
Growth.design propose une collection incroyable d'études de cas sous forme de bandes dessinées interactives. Elles examinent de plus près les applications que nous utilisons quotidiennement. J'y retourne 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 des couleurs à la typographie. Les éléments doivent fonctionner 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 design. Cela vous aide à trouver les meilleurs modèles et à maintenir le flux d'idées.
Les concepteurs postent leurs travaux sur des plateformes comme Dribbble et Read.cv. En plus des références, elles peuvent être une excellente introduction à la communauté de design. Pinterest, bien qu'il ne soit pas axé sur la conception d'interface, est incroyable pour trouver toute inspiration visuelle.
Il est souvent préférable de réutiliser des modèles établis plutôt que d'inventer une roue. Pour cela, je suggère Banani. Il possède 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é
La beauté de la conception 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.
