Dans ce contexte passionnant, examinons Material You à travers les applications Google de première partie sur Android. Nous mettrons en lumière l’adoption des composants Material 3, des couleurs dynamiques et des mises en page adaptatives, qui transforment l’expérience utilisateur et renforcent la cohérence visuelle.

Revisiter Material You via les Applications Google sur Android

Composants

Lorsqu’il s’agit des composants, nous faisons référence aux boutons d’action flottants (FAB), aux barres de navigation, aux indicateurs de progression, aux feuilles, aux cartes, aux interrupteurs, et plus encore. Comparé à Material 2, tout est plus grand et plus apparent, avec des barres inférieures plus hautes et des indicateurs en forme de pilule plus visibles.

La grande majorité des applications Android de Google utilisent maintenant les composants de Material 3. Les applications qui sont encore sur Material 2 ne connaissent pas de développement actif et sont clairement en phase de disparition. Play Books (prévu pour février 2024) et Google Authenticator (novembre 2024) étaient les dernières grandes résistances du côté consommateur. Pendant ce temps, Google Classroom est une application mainstream qui n’a pas encore été redesignée.

Il existe cependant des variations dans les mises en œuvre. La plupart des applications utilisent des barres inférieures plus hautes, mais il y a des exceptions comme la composante courte sans étiquettes de Gmail. Des applications comme Google Maps et Google Play sont plus hautes que la barre de Material 2, mais ne correspondent pas à la nouvelle hauteur, ce qui est quelque peu justifié dans le cas de Maps avec sa feuille du bas qui dépasse, moins dans le cas de Play Store.

La version flottante utilisée par Google Chat reste unique. De manière confuse, cette approche n’affiche pas plus de contenu ou de contexte.

Couleur Dynamique

Une palette de couleurs pour les applications basée sur votre fond d’écran est l’élément définitif de Material You pour la plupart des utilisateurs. Encore une fois, la plupart des applications ont mis en œuvre la couleur dynamique, mais il y a de grandes exceptions. Play Books a reçu la mise à jour la plus récente en avril, tandis que certaines grandes exceptions subsistent :

• Google Maps associe un fond gris clair/sombre à sa couleur d’accentuation turquoise pour les composants non cartographiques. C’est regrettable, mais cela a du sens si l’objectif est de toujours assurer une cohérence visuelle avec la couche cartographique cruciale.

• De même, Google Search, pour maintenir une expérience cohérente à travers mobile et bureau, nuit cependant à d’autres aspects de l’application Google, comme Discover, qui possède une couleur dynamique à gauche de l’écran d’accueil Android.

• Fitbit demeure également fidèle à sa couleur d’accentuation turquoise.

• Google Play n’a pas de justification valable, surtout que la couleur dynamique a été mise en œuvre avant son retrait.

Dispositions Adaptatives

Dans le contexte d’Android, cela fait principalement référence à des appareils Android à grand écran comme les pliables et les tablettes. Cela pourrait s’étendre aux ordinateurs portables et de bureau dans un avenir proche.

Les tablettes de Google ont fait des progrès significatifs par rapport aux directives de 2021. En tant qu’utilisateur quotidien de tablette, je dirais que la qualité des applications varie de correcte à bonne. Rien de ce que j’utilise activement de Google n’est letterboxé, avec des rails de navigation et des mises en page à double panneau comme norme. La mise à jour suivante semble être des panneaux ajustables, Gmail (et Chat) ayant été mis à jour la semaine dernière pour rejoindre Keep.

Prochaines Étapes

Le premier afflux de mises à jour de Material You à l’automne 2021, aux côtés d’Android 12 et du Pixel 6, était excellent. Il a fallu un peu trop de temps pour que d’autres applications reçoivent leur mise à jour initiale, tandis que l’adoption actuelle de composants plus petits (comme les interrupteurs et les barres de progression) est inégale.

Étant donné que la prochaine mise à jour n’ajoute qu’un modificateur (« Expressive ») après Material 3, j’espère que l’adoption se fera plus rapidement. Il ne semble pas que nous soyons à l’aube d’une réévaluation massive de la façon dont les applications sont architecturées visuellement. Pendant ce temps, les nouveaux composants ou ceux mis à jour pourraient être plus faciles à intégrer dans les conceptions existantes.

Mon avis :

Material You, dans sa transition vers Material 3, offre des composants visuels modernisés et des palettes de couleurs dynamiques, favorisant une expérience utilisateur personnalisée. Toutefois, des incohérences subsistent dans l’adoption entre applications, certaines comme Google Maps restant figées sur des designs antérieurs, ce qui nuit à l’uniformité.

Les questions fréquentes

Qu’est-ce que Material You ?

Material You est la dernière évolution du design Material, centré sur la personnalisation des applications à l’aide de palettes de couleurs dynamiques basées sur l’arrière-plan de l’utilisateur. Cela permet aux applications de refléter les préférences individuelles et de créer une expérience plus immersive.

Quels composants sont utilisés dans Material You ?

Material You utilise une variété de composants, tels que les boutons d’action flottants, les barres de navigation et les indicateurs de progression. En comparaison avec Material 2, ces éléments sont plus grands et plus visibles, ce qui améliore la clarté et l’interaction.

Tous les applications Google adoptent-elles Material You ?

La majorité des applications Android de Google intègrent des composants de Material You. Cependant, certaines applications, comme Google Classroom, restent sous une version précédente et ne sont plus activement mises à jour, tandis que d’autres, comme Google Play, sont en retard bien qu’ayant déjà reçu des mises à jour de design.

Qu’est-ce que la couleur dynamique dans Material You ?

La couleur dynamique permet aux applications d’ajuster leur palette de couleurs en fonction de l’arrière-plan de l’utilisateur. Bien que cela soit largement adopté, il existe des exceptions notables, comme Google Maps et YouTube, qui maintiennent une palette de couleurs distincte pour assurer une identité visuelle uniforme avec d’autres parties de leurs systèmes.