En septembre 2023, Google dévoile le redesign de Material 3 avec Android 16, mettant l’accent sur l’expressivité et l’optimisation de la lisibilité. Cette mise à jour révolutionnaire promet d’améliorer l’expérience utilisateur avec des éléments visuels dynamiques et personnalisables, renforçant ainsi l’identité visuelle de la plateforme.

Google annonce la refonte Material 3 Expressive pour Android 16

Une nouvelle approche avec M3 Expressive

Lors de l’événement The Android Show: I/O Edition, Google a présenté une refonte majeure de Material 3 Expressive pour Android 16, prévue pour plus tard cette année, avec un lancement initial sur les appareils Pixel. Cette mise à jour vise à insuffler plus d’émotion dans l’interface utilisateur, rendant ainsi l’utilisation plus engageante et intuitive.

Animations naturelles et interactions améliorées

Google met en avant des animations naturelles et dynamiques. Par exemple, lorsque vous supprimez une notification, vous ressentirez une vibration haptique "satisfaisante", tandis que d’autres alertes à proximité réagiront subtilement à votre geste. Ces exemples incluent des interactions telles que la suppression d’une application dans l’écran des applications récentes, l’utilisation du curseur de volume, ou le déploiement du panneau de notifications.

Profondeur et contexte dans le design

La mise à jour introduit également un flou d’arrière-plan dans les paramètres rapides et le panneau de notifications, ainsi que dans le multitâche des applications récentes. Cela permet de donner une impression de profondeur et de préserver le contexte lors de la navigation sur votre appareil. Le nouveau langage de design comprend des composants réactifs, une typographie accentuée et des thèmes de couleurs dynamiques mis à jour.

Performance et optimisation de la batterie

Google assure que toutes ces modifications resteront performantes et qu’elles n’affecteront pas la durée de vie de la batterie. Les changements commencent sur l’écran de verrouillage, avec des éléments repositionnés. Par exemple, les notifications, la date et la météo apparaissent désormais à droite de l’horloge dans le coin supérieur.

Mises à jour en temps réel sur l’écran de verrouillage

Les mises à jour en direct afficheront les alertes provenant d’applications de livraison, de covoiturage et de navigation sur l’écran de verrouillage et l’affichage toujours actif. Lorsque votre téléphone est déverrouillé, vous pouvez appuyer sur le pillule des mises à jour en direct à côté de l’heure pour afficher la notification complète, qui apparaîtra en premier dans les notifications.

Icônes et compactage sur l’écran d’accueil

La barre d’état présente de nouveaux icônes qui séparent généralement les éléments. La fonctionnalité "À un coup d’œil" sur l’écran d’accueil devient plus compacte. Lors de l’ouverture du panneau des paramètres rapides, un flou permet de rendre le fond d’écran visible. En bas, des boutons en forme de pilule pour l’historique des notifications, la suppression de tout et les préférences d’alerte sont disponibles.

Composants et fonctionnalités renouvelés

Cette refonte Material 3 Expressive inclut également des composants mis à jour, tels que les groupes de boutons, les menus FAB, les indicateurs de chargement, les boutons divisés et les barres d’outils. Google a également intégré un nouveau système de physique de mouvement, rendant les interactions et les transitions plus vivantes, fluides et naturelles.

Typographie et formes expressive

Material 3 Expressive se concentre sur l’utilisation de styles de typographie pour mettre en avant la hiérarchie de l’information et les actions importantes. De nouvelles typographies pour les polices variables et statiques permettent d’exprimer une gamme d’états émotionnels tout en ajustant les variables pour une meilleure lisibilité. Google a introduit un ensemble de 35 formes pouvant être utilisées pour les avatars et d’autres détails décoratifs, accompagnées d’une animation de morphing de forme pour des transitions fluides.

Une palette de couleurs étendue

Sur le plan des couleurs, une palette élargie est désormais proposée pour affiner la hiérarchie et clarifier les actions clés. Google fournit aux développeurs des techniques expressives pour guider l’attention du spectateur vers les éléments les plus importants de l’écran, en utilisant des formes, des couleurs, de la typographie, des conteneurs et des mouvements.

Pour en savoir plus sur les détails de cette mise à jour, consultez le site Material.io.