L’un des changements les plus intéressants d’Android 5.0 est l’introduction de ce que Google appelle « Material Design », un nouveau langage de conception qui détermine l’avenir des applications de l’entreprise. Si vous suivez des blogs ou des sites technologiques Android, vous avez peut-être vu ces deux mots un peu partout. Mais que signifient-ils réellement ?
Décomposons cela.
Contenu
Pensez à la conception matérielle littéralement
L’essentiel de ce que vous devez savoir est expliqué dans le nom – Material Design. La nouvelle interface de Google est conçue pour donner l’impression qu’elle est faite de matériaux que vous pouvez réellement toucher. Grâce à l’utilisation d’ombres et d’animations, les choses à l’écran devraient se déplacer comme vous vous y attendriez en réalité. Lorsque vous appuyez sur un bouton, des actions supplémentaires apparaissent sous celui-ci. Lorsque vous faites glisser à partir de la gauche, les menus défilent au-dessus de l’écran précédent. Lorsque vous fermez une application, elle glisse vers le bas de l’écran. D’une certaine manière, c’est un peu comme interagir avec un jeu de cartes.
Voici comment les développeurs de Google ont expliqué les choses à Google I/O 2014.
Mais à quoi ressemble réellement le Material Design ?
Material Design emprunte à des concepts déjà appliqués à la conception imprimée (pensez aux magazines et aux journaux). Les ombres aident à créer une impression de profondeur là où il n’y en a pas, et une utilisation appropriée peut imiter l’apparence de papiers empilés sur plusieurs couches.
En utilisant ces mêmes techniques, les applications modernes semblent avoir un sens de la profondeur. La barre latérale sort toujours du côté gauche de l’écran comme auparavant, mais elle devrait maintenant flotter au-dessus de la barre d’action en haut de l’écran. De nombreuses applications ont un bouton d’action flottant qui plane au-dessus d’autres éléments, et en appuyant dessus, vous pouvez faire apparaître plus d’options en dessous.
Jusqu’à présent, l’une des marques de fabrique des applications Material Design a été les couleurs vives et audacieuses. Google l’a illustré dans ses propres applications, Gmail étant rouge, Inbox by Gmail arborant un bleu clair et Continuer de devenir jaune. Play Musique est orange, Play Livres est bleu, Play Newstand est violet, Play Jeux est vert et Play Vidéos est rouge. L’application Play Store bascule entre ces cinq couleurs, mais ce n’est pas ce qui en fait un bon exemple de Material Design.
Votre application peut être grise et terne, comme la version actuelle de Google Drive, tout en respectant les directives de conception. Mais les couleurs aident à établir une idée de l’application dans laquelle vous vous trouvez et de la fonction que vous effectuez. Ainsi, même si les couleurs vives et accrocheuses ne font pas partie intégrante de la conception matérielle, elles sont toujours une bonne chose à voir.
Les animations sont essentielles
C’est un peu difficile de transmettre le Material Design dans des captures d’écran statiques, et les animations en sont une grande raison. Pour que tout se sente vraiment comme du matériel réel, chaque élément de l’interface utilisateur a sa place. Les applications glissent sur l’écran par le bas et y retournent une fois terminées.
Dans la version Android 5.0 de Google Now Launcher, l’icône du tiroir d’applications se transforme en plateau blanc qui contient vos applications. Les barres latérales, les boutons et les cartes d’information glissent tous de quelque part.
Ces animations ne sont pas seulement attrayantes, elles aident les utilisateurs à comprendre ce qui se passe. Le fait qu’une page d’une application glisse dans une autre indique que vous consultez maintenant un ensemble d’informations différent, tandis que le fait que l’écran scintille et change instantanément peut sembler être le résultat d’un problème.
Les animations montrent comment différents aspects de l’interface utilisateur réagissent à notre toucher, et cela est de plus en plus important à mesure que nous nous éloignons des appareils dotés de méthodes de saisie physiques. Nous devons savoir ce qui se passe lorsque nous tapons sur différentes parties de l’écran.
La conception matérielle ne concerne pas seulement Android
Alors que le nouveau langage de conception de Google suscite le plus d’enthousiasme sur sa plate-forme mobile, cela ne reflète pas ses origines. Cet effort est né des défis rencontrés lors de la création de sites Web qui s’adaptent à différentes tailles d’écran. Le géant de la recherche souhaite que l’apparence et la convivialité passent d’un facteur de forme à l’autre, avec des personnes capables de naviguer sur un appareil en utilisant les informations qu’elles ont apprises d’un autre. Vous pouvez déjà voir Material Design dans les versions Web de Keep, Drive et Inbox by Gmail. Il devrait également apparaître plus en évidence dans Chrome OS.
Où puis-je trouver Material Design sur Android aujourd’hui ?
Les appareils Nexus livrés avec Android 5.0 offrent déjà une expérience matérielle approfondie. La dernière version du système d’exploitation a également commencé à être déployée sur les téléphones et tablettes Nexus et Motorola. Les personnes sans Android 5.0 n’ont pas à s’en passer. De nombreuses applications de Google ont déjà effectué la transition et sont disponibles directement dans le Play Store. Vous pouvez également consulter notre liste de huit autres applications qui présentent déjà Material Design.
Et si vous êtes un développeur d’applications Android, Google a publié une liste de contrôle de conception matérielle qui peut vous aider à vous assurer que tout est correct. Google a également fourni un site Web qui présente clairement les choses pour les gens ordinaires.
Si vous avez des questions sur Material Design, n’hésitez pas à les poser dans les commentaires ci-dessous !
Crédits image : Développeurs Android, Google
Cet article est-il utile ? Oui Non
