Est-il acceptable d'utiliser Google Material Design dans des applications Web?
Nous envisageons d'utiliser composants Material Design dans notre site Web, mais comme il s'agit d'un "design Android", cela ne détournerait-il pas les utilisateurs iOS?
Quelle est la meilleure pratique? Est-il répandu d'utiliser ces composants sur le Web, ou est-il préférable d'utiliser quelque chose de neutre?
Je faisais récemment des recherches sur l'utilisation de Material Design dans les applications iOS et suis tombé sur cet article UpLabs ce qui fait un point intéressant:
Divers éléments, mécaniques visuels et soulignés, pourraient certainement être intégrés dans les applications iOS.
Cependant, il est important de rester fidèle à la nature des systèmes d'exploitation. Forcer un utilisateur à s'adapter ou à adopter de nouveaux ensembles d'habitudes au sein d'une application peut créer une grande confusion.
Il est important d'intégrer intelligemment divers éléments de la conception matérielle, mais il est impératif de ne pas confondre ou miner l'utilisateur dans le processus.
Pour cette raison, je ne songerais qu'à utiliser les directives Material Design dans une application iOS où cela n'entre pas en conflit avec les Apple Human Interface Guidelines , à moins que l'élément Material Design apporte une amélioration significative à l'utilisateur final. Un de ces domaines est le mouvement/animation , qui selon mon expérience est beaucoup mieux servi par Material Design.
Mais en ce qui concerne le Web, il n'y a pas de directives HID générales et en tant que tel les utilisateurs ont moins d'attentes.
Parce qu'ils ont moins d'attentes, il est parfaitement acceptable de mélanger et assortir les directives pour former la meilleure expérience pour vos utilisateurs.
Je ne pense pas que ce soit un problème. Il existe de nombreuses applications pour iOS qui utilisent Material Design. Pensez à toutes les applications Google (Youtube, GMail, etc.) que les utilisateurs iOS utilisent quotidiennement.
Vous voudrez peut-être envisager d'utiliser Material Design comme source d'inspiration. Utilisez leurs comportements ou des éléments spécifiques, mais utilisez également vos propres recherches et votre propre image de marque.
Je travaille sur un produit qui utilise des éléments Material Design mais nous utilisons également nos propres couleurs et nous inspirons également d'autres directives. Ce sont des directives, pas des lois.
Material Design n'est pas pas "Android design", c'est le "modèle" de conception tout compris de Google pour les applications mobiles et web. De nombreux produits Web Google utilisent Material Design comme Angular ( https://angular.io/ ) ou, vous savez, le site Material Design lui-même ( https : //material.io/guidelines/ ). Ils ont même une bibliothèque spécialement conçue pour le Web appelée Material Design Lite qui comprend tous les CSS dont vous avez besoin: https://getmdl.io/ commencé / .
Material Design propose des directives incroyables basées sur l'interaction de l'utilisateur et des commentaires détaillés des utilisateurs. Il existe de nombreux sites qui intègrent diverses fonctionnalités que MD promeut sans réellement utiliser les directives complètes de MD. À noter: la différence entre les applications et les pages Web s'estompe. Comme les applications Web progressives occupent une place plus importante en concurrence avec les applications mobiles natives (les applications Web ont de nombreux avantages), les applications et les pages Web (applications Web) ne seront pas nécessairement distinctes comme elles le sont maintenant.
La conception matérielle est idéale pour réfléchir aux fonctions de conception de l'avenir. Utiliser l'inspiration du monde matériel semble être une progression logique. MD utilise le papier comme source d'inspiration. Il y a aussi de la place pour le verre, la brique, le bois, etc. Sortez des sentiers battus. En fin de compte, il s'agit de convivialité et d'acceptation des utilisateurs.
Oui, en fait, Google a une bibliothèque officielle de composants de conception de matériaux pour les applications Web, appelée Polymer . Je ne pense pas que Google n'ait pas l'intention que quelqu'un l'utilise ????
La conception matérielle n'est pas seulement la conception, c'est une directive tout-en-un.
Même si vous n'utilisez pas de composants de conception matérielle, vous devez utiliser les directives d'écriture pour votre site Web.
Mais oui, c'est très répandu. Google transforme lentement toutes ses pages en conception matérielle.
Pour le moment, Material Design est la meilleure convivialité que vous puissiez obtenir. Assurez-vous donc de respecter les directives minimales. Vos utilisateurs vous remercieront.