Android UX Design : logiciels, outils et fondamentaux

De nos jours, Android détient plus de 70 % de part de marché mondial, dès lors la conception pour Android est donc une compétence qui ne peut être négligée. Lorsque vous concevez des applications Android, vous devez savoir que vous avez une contrainte importante : votre design (à savoir l’apparence et le comportement de votre application) doit être cohérent avec la plate-forme Android et ses directives. Il existe des directives de conception et de qualité assez strictes à suivre pour que votre application soit acceptée. De plus, Android a quelques spécificités par rapport à iOS, qui peuvent être attribuées aux différences de taille d’écran (généralement, mais pas toujours, les téléphones Android sont plus gros et en tout cas, il y a beaucoup plus de tailles d’écran dans le monde Android que dans celui d’iOS ) et à la disponibilité et à la fonction des boutons sur les différents appareils (par exemple la présence ou non d’un bouton « Home ») ainsi qu’à de nombreux autres aspects. La dernière version des directives de conception Android s’appelle Material Design et représente une énorme avancée en termes d’attrait et d’accent mis sur la conception.

 

Quelques flashs sur le Material Design

Ce n’est un secret pour personne que les designers préfèrent généralement iOS à Android, en raison de certains aspects qui simplifient leur travail (tout d’abord moins de variété dans les appareils et les tailles d’écran) mais aussi pour l’allure glam qui est liée à Apple et à son design. La conception matérielle est la réponse de Google à cette domination (et d’ailleurs, elle peut également être appliquée au monde iOS). Il s’inspire du monde physique et de ses textures, mais sans les excès de brillance, d’apparence 3D et de similitudes avec les compositions naturelles (comme le bois, la roche…) qui étaient assez courantes il y a quelques années. La manière dont les éléments réfléchissent la lumière et projettent les ombres est également étudiée et représentée avec précision, et une grande importance est accordée à la signification fournie par le mouvement des éléments et à la façon dont ils transforment l’environnement à travers leurs interactions et « comportement ». En bref, la qualité « matérielle » est donnée par la façon dont les différents éléments imitent sans reproduire exactement les qualités des objets physiques : ombres, lumière, profondeur, mouvement, réactions… Ils ne sont pas simplement bidimensionnels mais vivent et se déplacent dans un espace qui leur est propre selon des règles qui ne sont pas la reproduction exacte des règles de la physique qui régissent le monde réel. La hiérarchie, le sens et la concentration sont obtenus grâce à des méthodes de conception d’impression – typographie, grilles, espace, échelle, couleur et imagerie. L’interface doit être significative mais discrète, pour laisser les utilisateurs se concentrer sur les actions et les interactions. Ainsi, une interface utilisateur d’application Android basée sur la conception matérielle doit être simple mais pas plate, choisir une combinaison de couleurs agréable mais pas excessivement frappante et des polices faciles à lire et aider les utilisateurs à identifier les informations pertinentes.

 

Particularités de la conception Android UX et UI

Certes, la conception matérielle peut également être appliquée à iOS, mais si vous souhaitez vous concentrer sur la conception Android UX ou UI, vous devez garder à l’esprit certaines particularités.

Le premier que nous avons déjà évoqué : la grande fragmentation de la galaxie Android. La variété des appareils Android apporte une multitude de tailles et de résolutions d’écran. La réponse est d’adopter une approche de design Android adaptative, avec une utilisation intensive de l’interface utilisateur de style cartes qui s’intègre particulièrement bien dans cette approche. De plus, la navigation est généralement différente dans les appareils et applications Android par rapport à ceux d’Apple. Lors de la conception de votre application Android, vous devez essayer d’être cohérent avec ce qui est généralement accepté dans l’univers Android et avec ses modèles de navigation. De manière générale, Android préfère le tiroir de navigation qui vient du côté gauche, activé en appuyant sur la soi-disant « icône de hamburger ». Vous pouvez également utiliser des onglets, mais contrairement à iOS, ils sont toujours en haut. La conception matérielle a également introduit les boutons « FAB » (Floating Action Button) qui sont de gros boutons ronds et accrocheurs généralement situés dans le coin inférieur droit de l’écran. Lorsqu’ils sont touchés, ils déclenchent une action que l’utilisateur exécute régulièrement ou en tout cas l’action considérée comme principale. Dans iOS, l’action principale se situe généralement en haut à droite de l’écran. Mais ce ne sont bien sûr que les différences les plus macroscopiques, il existe tout un univers de différences, des fautes de frappe aux styles de texte, de la taille et de la forme des icônes à l’onglet apparence.

 

Outils et logiciels Android UX et UI

Et enfin, un rapide défilé des principaux logiciels et outils que vous pouvez utiliser pour prendre en charge et faciliter votre conception Android UX et UI. Tout d’abord, vous devriez consulter attentivement le site Web officiel des développeurs Android, qui contient un catalogue complet de supports, de directives officielles, de styles, d’icônes, de composants, de modèles, etc. Cette ressource est entièrement gratuite, tandis que les autres que nous sommes sur le point d’énumérer sont généralement (mais pas toujours, consultez les sites Web individuels pour plus de détails sur les prix) gratuites pour un usage individuel et sont payantes pour un usage commercial.

Commençons donc par Mockuplus : c’est un outil de prototypage pour Android et iOS, le gros avantage est qu’il est livré avec des éléments préchargés (barre d’état Android, barre de navigation inférieure, commutateur Android, etc.) qui sont déjà entièrement conformes à la conception matérielle . Vous disposez également d’un aperçu instantané avec 8 différents types de modes. Il convient de noter également Sketch, qui, en tant qu’inconvénient, ne concerne que les systèmes MAC. Sketch est un outil de conception vectorielle qui offre essentiellement les principales fonctionnalités de conception UI et UX disponibles dans Adobe Photoshop et Illustrator, mais avec une interface beaucoup plus simple. Il peut également installer des plugins pour étendre ses possibilités. Halas la fonction de prévisualisation n’est pas très efficace, du moins pour la galaxie Android. Enfin, il existe deux outils de collaboration que vous devez prendre en considération : Zeplin et iDoc. Avec les deux, vous pouvez inviter plusieurs membres de l’équipe à collaborer, importer des croquis d’interface utilisateur et générer automatiquement des spécifications et d’autres éléments utiles.

Inscrivez-vous à notre newsletter

Restez informé des dernières nouvelles