La conception matérielle tue-t-elle le Web?
La conception matérielle est la phrase «it» dont beaucoup de concepteurs parlent actuellement. Le concept, développé par Google pour les appareils Android, a un charme net, propre et hautement utilisable.
Les sites Web mettant en vedette Material Design sortent du domaine des appareils Android et apparaissent partout. Et la réalité est que beaucoup de ces sites Web ont exactement le même aspect.
Révision de la conception matérielle
Si vous ne savez pas exactement ce qu'est Material Design, voici une introduction rapide: c'est un concept généré par Google qui explique spécifiquement comment les applications pour Android devraient ressembler et comment l'interface utilisateur devrait fonctionner. Il définit des règles pour l'animation, le style, la mise en page, les composants, les modèles et la facilité d'utilisation. le Caractéristiques aller jusqu'à définir des palettes de couleurs et des options de typographie.
Et tandis que tous ces éléments contribuent à un design hautement utilisable et visuellement agréable, le résultat est une collection de designs avec une esthétique commune.
La conception matérielle se démarque également de la montée en charge d’Android. Même si le concept est le fruit du concept de Google, les concepteurs l’utilisent et utilisent Material Design pour des sites Web sur diverses plates-formes et pour tous les types de périphériques.
Le but ultime de Material Design est de «créer un langage visuel qui synthétise les principes classiques du bon design avec l’innovation et les possibilités de la technologie et de la science». Un seul «langage visuel» pose la question:
Material Design Lite
Le langage singulier est en train de passer de la conception de conception mobile à la conception de tous les appareils. Google dévoilé Material Design Lite plus tôt cette année comme une version simplifiée de l'esthétique pour tous les sites Web.
Les modèles «framework agnostic» facilitent la création rapide et conforme aux spécifications. Il est conçu pour fonctionner sur des blogs, des sites contenant beaucoup de contenu, des tableaux de bord, des projets visuels et même des sites à page unique. Le design se dilue encore plus.
Suivez les règles pour un modèle de conception "serré"
La conception matérielle fonctionne parce qu'elle repose sur un ensemble de règles et de modèles d'utilisabilité assez serrés. Il fait de très bonnes choses pour le design - les directives pour l'animation sont particulièrement importantes à comprendre car elles sont enracinées dans le monde physique. Les règles viennent avec beaucoup de contraintes et ce qui se passe jusqu'à présent, c'est que la plupart des applications utilisant la conception matérielle ont l'air de provenir du même boîtier.
Ces modèles étroits ont été développés en partie pour aider les utilisateurs à comprendre comment interagir avec des appareils plus petits. La conception des matériaux a évolué du design plat, où tous les éléments de l'interface utilisateur n'avaient pas clairement défini les rôles dans la portée de la conception. La conception matérielle visait à remédier à certains de ces problèmes.
Mais il est probablement temps d'évoluer à nouveau. La plupart des utilisateurs comprennent ce que sont les boutons et ce qu'ils font. Chaque évolution d'une théorie de la conception enseigne aux utilisateurs quelque chose de nouveau sur la façon d'utiliser les appareils et le Web. Et ils attrapent vite. Les outils conçus pour enseigner aux utilisateurs n'ont pas besoin de durer aussi longtemps.
Assez curieusement, les concepteurs ont presque fait pression sur le modèle de conception serré en matière de conception de matériaux. Lisez la documentation - et notez qu'elle change périodiquement - et les conceptions courantes issues de la tendance ne font qu'émuler les exemples fournis.
Alors, pourquoi les concepteurs créent-ils des milliers de sites en utilisant la conception matérielle qui se ressemblent tous?
Éléments d'interface utilisateur courants et divots de conception
Voici la réponse rapide à la question ci-dessus: tout est dans les détails.
Les éléments d'interface utilisateur courants, les icônes, les schémas de couleurs et les choix typographiques détruisent les opportunités esthétiques sur le Web. Mais il n'est pas obligé d'en être ainsi. Vous pouvez concevoir en utilisant des concepts matériels sans répliquer des éléments de la documentation ou en téléchargeant le dernier kit d'interface utilisateur.
L'un des problèmes qui continue de se poser est que les sites Web reproduisent l'apparence de Material Design, mais n'ont pas les fonctionnalités et ne font pas attention aux détails. Ce n'est pas Material Design qui tue le Web, ce sont des concepteurs paresseux.
Mais attendez ... vous n'avez pas à suivre la tendance
Avant de paniquer, il existe de nombreuses façons d’utiliser le Material Design qui ne vous qualifiera pas de «designer paresseux».
Voici le truc: adhérer aux concepts, mais enfreindre certaines règles. Pas tout à fait sûr de ce que cela signifie? Voici quelques suggestions:
- Aller au-delà de la palette de couleurs. Au lieu d'une palette de couleurs vives et super saturées, approfondissez les couleurs et jouez avec des tons pastels et plus foncés.
- Concevez des icônes et des éléments d'interface utilisateur qui suivent les instructions de base pour la conception, telles que la présence d'éléments à l'intérieur des icônes et l'utilisation de caractéristiques humaines, mais ne proviennent pas d'un ensemble préemballé.
- Ne pas aller à 100% "matériel". Utilisez un aspect de celui-ci dans votre concept de design. Les règles pour l'animation sont exceptionnellement belles. suivez ces directives pour savoir comment les choses évoluent dans le cadre de votre site Web; mais concevez le reste comme vous l'auriez fait si vous n'aviez pas été exposé à Material Design. Une autre bonne idée de "voler" du matériel est l'utilisation de cartes, mais ne vous limitez pas à les concevoir dans un espace entièrement matériel.
- Utilisez les meilleures lignes directrices de Material Design pour vous aider à mieux comprendre les détails de votre travail de conception. La section des icônes de la documentation est une bonne introduction à l'utilisation d'une grille pour créer des icônes cohérentes dans leur espacement. Appliquez ces concepts à votre esthétique globale.
- Développez la palette de typographie. Une des choses qui tue le design est trop de choses qui se ressemblent exactement. Faites correspondre les caractères à votre conception et n'utilisez pas quelque chose car un ensemble de directives (sauf si elles proviennent de votre marque) vous le demandent.
- Concevez comme vous le feriez avec toute autre tendance. La conception des matériaux est une tendance et non une solution de conception finale. Mélanger et assortir les parties que vous aimez et les utiliser comme vous le feriez avec n'importe quoi d'autre. Certaines techniques fonctionneront de manière transparente, tandis que d'autres ne le seront peut-être pas.
Conclusion
Donc, retour à la question principale: le Material Design tue-t-il le Web?
Tout simplement, non. Bien que la surutilisation de cette tendance puisse mener à des conceptions homogènes, le véritable problème consiste à concevoir avec une tendance au goût de la tendance et à ne pas penser aux meilleurs outils et techniques pour le projet. Alors, allez-y, utilisez Material Design, assurez-vous simplement de bien l'utiliser.
