Découvrez la Révolution de l’Android 16 : Le Design Expressif de Material 3 Révélé par Google !

M3 Expressif pour Android 16

Lors de l’événement The Android Show: I/O Edition, Google a annoncé un important redesign Material 3 Expressif pour Android 16, prévu pour cette année, en commençant par les appareils Pixel.

Avec Material 3 Expressif, l’objectif de Google est d’ajouter de l’émotion à l’interface tout en la rendant plus engageante et intuitive. Parmi les nouvelles fonctionnalités, on trouve des animations naturelles et dynamiques. Par exemple, lorsque vous rejetez une notification, vous ressentirez une « vibration haptique satisfaisante », et d’autres alertes réagiront subtilement à votre mouvement. Cela inclut des actions telles que le rejet d’une application dans l’écran des applications récentes ou le mouvement du curseur de volume.

Le flou de fond dans le panneau des paramètres rapides et des notifications, ainsi que dans le multitâche, ajoute de la profondeur et conserve le contexte lors de la navigation sur votre appareil. Le nouveau langage de design inclut des composants réactifs, une typographie « évaluée » et des thèmes de couleurs dynamiques « actualisés ». Google assure que ces mises à jour maintiendront les performances et n’affecteront pas l’autonomie de la batterie.

Ces changements commencent sur l’écran de verrouillage du Pixel, avec le repositionnement de certains éléments. Par exemple, lors de la réception de notifications, la date et la météo apparaissent désormais à droite de l’horloge, tandis qu’en l’absence de notifications, elles apparaissent sous l’heure complète, juste au-dessus du cercle d’empreintes digitales.

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

La barre d’état arbore de nouveaux icônes qui permettent de séparer clairement les éléments. L’aperçu de l’écran d’accueil devient plus compact. En tirant vers le bas pour accéder au panneau, le flou permet à votre fond d’écran d’être visible en arrière-plan. En bas, des boutons en forme de pilule pour l’historique des notifications, pour tout effacer, et pour les préférences d’alerte sont disponibles.

Ce redesign Material 3 Expressif sera intégré à Android 16 plus tard cette année, tout en commençant à apparaître dans les applications Google, avec la mise à jour de Google Keep et de nouveaux widgets Gemini appartenant à ce nouveau langage de design.

M3 Expressif pour les applications

Material 3 Expressif constitue une évolution de Material 3, qui avait été annoncé en 2021. Ce n’est pas un « M4 » ou une nouvelle version du système de design. Google déclare que « les interfaces expressives ont un impact émotionnel, favorisant la connexion en évoquant un sentiment ou une ambiance à travers le design visuel et l’interaction ».

Cette évolution commence avec quinze nouveaux composants ou des composants mis à jour, offrant plus de configurations avec de nouvelles options de forme, un texte accentué, et d’autres mises à jour expressives. Parmi les nouveaux composants, on trouve des groupes de boutons, un menu FAB, des indicateurs de chargement, un bouton séparé, et des barres d’outils.

Par ailleurs, Google a mis à jour les barres d’applications, les carrousels, les boutons courants, les FAB étendus, les FABs, les boutons d’icônes, la barre de navigation, le rail de navigation, et les indicateurs de progression.

En outre, un nouveau système de motion physique rend les interactions et les transitions plus vivantes, fluides et naturelles. Des ressorts spatiaux imitent la physique de mouvement des objets, rendant les animations claires et prévisibles. Les effets ressorts permettent des transitions homogènes pour les changements de couleur et d’opacité.

Les nouveaux styles typographiques pour les polices variables et statiques peuvent exprimer une gamme d’états émotionnels, ajuster automatiquement les variables pour la lisibilité, et soutenir des mises en page éditoriales audacieuses.

Google propose un nouvel ensemble de 35 formes qui peuvent être utilisées pour les avatars, les groupes d’images, et d’autres détails décoratifs. Une animation de morphologie de forme intégrée permet des transitions en douceur d’une forme à une autre, qu’il s’agisse de la transformation d’un carré en cercle ou d’autres variations.

Côté couleur, une gamme étendue permet de « préciser la hiérarchie et de clarifier les actions clés ». Google offre aux développeurs des tactiques expressives pour « guider l’attention du spectateur vers les éléments les plus importants de l’écran », incluant l’utilisation des formes, des couleurs, de la typographie, des conteneurs et du mouvement.