Pourquoi utiliser le Material Design ? Peser le pour et le contre

Introduites il y a plus de cinq ans, les directives de conception matérielle de Google sont devenues la signature de leurs sites Web et de leurs services basés sur des applications. Ils sont immédiatement reconnaissables comme affiliés à Google, une aubaine pour l'image de marque de l'entreprise.

Material Design a également été adopté par la communauté du design au sens large et peut désormais être trouvé sur des sites Web et des applications bien en dehors des plates-formes natives de Google (et même sur des plates-formes concurrentes). Simplenote, par exemple, utilise une esthétique Material Design dans ses applications pour les plates-formes de bureau et mobiles. Ce n'est qu'un exemple de la raison pour laquelle Material Design est un excellent choix pour une variété d'implémentations de conception.

Qu'est-ce que la conception matérielle ?

Material Design a été créé par Google en 2014, basé en partie sur la mise en page basée sur des cartes utilisée dans Google Now. Le clin d'œil aux styles de conception sur papier le différenciait du style de conception à plat qui était largement utilisé à l'époque.

Comme la plupart des systèmes de conception, Material Design a été créé pour offrir une expérience utilisateur unifiée sur divers appareils, plates-formes et méthodes de saisie. Semblable à la façon dont Apple a mis en œuvre les principes de conception plate comme norme, Google a utilisé Material Design pour s'assurer que, quelle que soit la manière dont les utilisateurs accédaient à leurs produits, ils auraient une expérience utilisateur cohérente.

La spécification Material Design comprend des directives pour tout : la typographie, les grilles, l'espace, l'échelle, la couleur et l'imagerie. Mais Material Design va plus loin que simplement dire aux designers comment donner l'apparence aux choses. Il permet aux concepteurs de créer des conceptions intentionnelles avec une hiérarchie, une signification et une concentration dans leur résultat final.

Pourquoi utiliser le Material Design ?

Comme pour tout système de conception bien établi, l'utilisation de Material Design présente certains avantages majeurs que les concepteurs doivent prendre en compte.

Material Design est en fait un écosystème de conception complet, plutôt qu'un simple ensemble de directives de style. S'il existe une situation de conception potentielle, Material Design dispose probablement d'un ensemble complet de règles pour la gérer. Cela inclut des cas d'utilisation complexes qui sont souvent négligés par des systèmes de conception moins complets. Cela peut être très réconfortant pour les concepteurs qui souhaitent ce type de structure.

Google gère Material Design et conserve une documentation complète sur la façon de l'utiliser et de l'implémenter. Ce type de support et de documentation peut faire défaut à de nombreux systèmes de conception modernes.

Malgré toute cette exhaustivité et cette documentation, Material Design reste une bibliothèque de conception assez flexible. Dans les directives, une grande partie des spécificités de la mise en œuvre de la conception sont entièrement laissées au concepteur.

Les avantages plus granulaires de Material Design incluent des éléments tels que le skeuomorphisme subtil, qui le distingue du design plat et le rend plus intuitif pour de nombreux utilisateurs. Une autre fonctionnalité conviviale est que les commentaires des utilisateurs sous forme de commentaires haptiques, d'animations subtiles et d'éléments similaires sont intégrés aux directives. Il a également un sens de la physique très simplifié, ce qui rend les interactions plus intuitives.

Material Design a été construit sur une sensibilité mobile d'abord, ce qui est logique étant donné que son objectif initial était de concevoir des applications Android. Il favorise également l'animation dans les conceptions, à la fois pour les commentaires des utilisateurs et pour indiquer le fonctionnement des différentes fonctionnalités.

Enfin, des options de thème sombre ont été mises à disposition, ajoutant encore plus de flexibilité visuelle aux concepteurs. À l'origine, le Material Design était très léger et lumineux, ce qui n'allait pas bien avec l'esthétique de certaines marques. L'ajout d'une directive sur le thème sombre résout ce problème.

Inconvénients de l'utilisation de Material Design

Bien que Material Design ait des avantages très évidents, cela ne signifie pas qu'il n'y a pas d'inconvénients à l'utiliser.

Tout d'abord, Material Design est immédiatement identifiable et est fortement associé à Google et, plus précisément, à Android. Bien que ce ne soit pas nécessairement une mauvaise chose pour tout le monde, c'est potentiellement négatif pour certains.

L'une des principales raisons pour lesquelles cela pourrait être négatif est qu'il limite l'efficacité des autres marques lors de l'utilisation du système de conception. Oui, les concepteurs peuvent incorporer des logos, des palettes de couleurs (dans le cadre des directives Material Design) et d'autres facteurs de différenciation pour soutenir l'identité de la marque, mais un produit conforme aux spécifications Material Design sera presque toujours associé à Google.

Étant donné que le mouvement et l'animation sont promus dans les directives de Material Design, les sites ou les applications qui ne l'intègrent pas peuvent sembler aux utilisateurs comme s'il leur manquait quelque chose. Les gens associent les caractéristiques de mouvement de Material Design aux caractéristiques visuelles, ce qui peut laisser des conceptions sans manque de mouvement.

Bien sûr, une solution consiste à toujours incorporer le mouvement dans les conceptions qui suivent les spécifications de Material Design. Mais les animations étendues peuvent être très gourmandes en ressources sur les appareils mobiles, ce qui entraîne une utilisation plus élevée des données et un épuisement plus rapide de la batterie. C'est un exercice d'équilibre que les concepteurs doivent prendre en compte lorsqu'ils travaillent dans le cadre des directives de Material Design.

Les débutants peuvent trouver que la spécification Material Design est plus compliquée et plus difficile à mettre en œuvre que d'autres styles comme le design plat. Parce que le système Material Design est si complet, il y a beaucoup plus de choses à considérer et à respecter que de nombreux nouveaux designers peuvent être à l'aise.

Son exhaustivité peut également conduire certains designers à se sentir contraints et incapables de réaliser pleinement leur propre créativité. Cela peut également étouffer l'innovation, puisque pratiquement tous les défis de conception ont été planifiés et les solutions proposées. Tout en étant utile dans de nombreux cas, cela peut empêcher les concepteurs d'adopter de nouvelles approches aux problèmes, tout en limitant le nombre de nouvelles idées qui peuvent survenir.

Il existe également des problèmes d'utilisation dans Material Design qui peuvent rendre les sites Web et les applications très peu conviviaux. L'un des plus gros problèmes est la navigation dite "viande mystérieuse" rencontrée sur de nombreuses applications de conception mobiles. Les icônes sont souvent utilisées à la place du texte, et bien que parfois les icônes soient immédiatement reconnaissables et assez utilisables, à d'autres moments elles ne le sont pas.

Un cercle pour indiquer "Accueil" est beaucoup plus difficile à identifier que l'icône de la maison qui était auparavant utilisée dans la plupart des interfaces Android. Ceci est un excellent exemple de placement de la forme sur la fonction, qui est un vestige des racines du design plat de Material Design.

Et ce n'est pas seulement dans la barre de navigation inférieure. La préférence de Material Design pour l'inclusion de boutons d'action flottants circulaires est également un problème d'utilisabilité. Ces boutons circulaires n'incluent qu'un espace pour une icône, sans texte d'assistance inclus. Et parce que les icônes peuvent être si ouvertes à l'interprétation, dans de nombreux cas, les utilisateurs se demandent ce que ces boutons font réellement.

Conclusion

Si une application est conçue principalement pour la plate-forme Android, l'utilisation de Material Design est un choix facile. En raison de l'adoption généralisée de Google, toute application basée sur les principes de Material Design ressemblera à une application native.

Cela dit, il existe de nombreux autres cas d'utilisation en dehors de la plate-forme Android où Material Design est un choix solide. À mesure que le système de conception mûrit encore plus, ces situations sont vouées à augmenter. Les concepteurs doivent, à tout le moins, se familiariser avec les directives afin de pouvoir déterminer par eux-mêmes quand il est approprié d'utiliser Material Design et quand d'autres systèmes pourraient être mieux adaptés.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Comment créer un cadre de conception efficace (avec un fichier de croquis gratuit)
• Création d'un guide de style d'interface utilisateur pour une meilleure UX
• Comprendre les systèmes de conception et les modèles
• A/B Testing UX pour les frameworks basés sur des composants
• La psychologie du design et les neurosciences de l'expérience utilisateur impressionnante