Table des matières
Chrome a déployé Material 3 (M3) Expressive Design pour les utilisateurs d’Android. Il utilise des éléments de style visuellement attrayants pour améliorer l’engagement. À première vue, vous ne remarquerez peut-être rien de grand. Cependant, le nouveau design comporte plusieurs applications pratiques qui rendent votre navigation plus rapide et plus efficace.
Pourquoi Material 3 Expressive se démarque sur Chrome pour Android
Material 3 Expressive (ou simplement M3 Expressive) est un exemple du langage Material Design de Google. Il a été conçu pour lutter contre la fatigue des utilisateurs due à des interfaces ennuyeuses et similaires.
Bien que instantanément populaire au sein de l’écosystème Google, M3 Expressive n’est présent à l’échelle du système que sur quelques modèles Android comme le Pixel 10, le Pixel 6 et WearOS. La plupart des fabricants d’Android tardent à l’adopter car ils disposent de leur propre interface utilisateur personnalisée, telle que One UI (Samsung), ColorOS (Oppo) et OxygenOS (OnePlus).
Pour combler cette lacune, certaines applications Google comme Chrome pour Android sont désormais livrées avec M3 Expressive pour tous les modèles Android, via des mises à jour régulières sur votre appareil. Ce nouveau design est devenu populaire grâce à :
- Couleurs dynamiques et styles de police expressifs: cela conduit à une meilleure lisibilité.
- Animations fluides: les chargements de pages et les changements d’onglets semblent moins saccadés, en particulier pour les arrière-plans vidéo.
- Meilleur retour tactile: touches émotionnellement satisfaisantes pour les icônes telles que les signets et la création d’onglets.
- Compatibilité ascendante: si votre Android prend en charge la mise à jour Chrome 141.0 ou supérieure, M3 Expressive fonctionnera. Mon navigateur Chrome sur un ancien Samsung Galaxy version 12.0 prend en charge la dernière conception.
Lire aussi; avez-vous vérifié le design Dynamic Island d’Apple ?
Groupes d’onglets carrés arrondis pour des catégories de navigation distinctes
Les groupes d’onglets à code couleur sont une fonctionnalité très utile dans Google Chrome. Bien que présents dans les versions précédentes de Chrome, ils n’étaient pas très attrayants. Avec M3 Expressive, tous les onglets que vous souhaitez regrouper sont placés dans des conteneurs visuels « carrés arrondis ». Ils sont marqués par des couleurs plus vives qui font ressortir chaque groupe d’onglets. Ce simple hack visuel permet de naviguer beaucoup plus rapidement dans les différentes catégories de navigation.
Pour voir ces conteneurs carrés arrondis, appuyez longuement sur l’onglet de votre choix et cliquez sur Ajouter un onglet au groupe. Maintenant, vous pouvez soit le mettre dans un Nouveau groupe d’ongletsou sélectionnez-en un existant avec un code couleur. Pour chaque nouveau groupe de couleurs à onglets, choisissez une couleur et attribuez-lui un nom. Puis cliquez Fait à soumettre.
Vous pouvez également appuyer longuement sur n’importe quel groupe d’onglets pour Dissocier, Supprimer, Rebaptiserou Fermer il. Il est très facile de retrouver tous les groupes d’onglets précédemment enregistrés dans la vue Grille.
Faites glisser les onglets à l’aide d’indicateurs de progression arrondis
Avec M3 Expressive, Chrome a introduit des indicateurs de progression arrondis dans des onglets pour afficher des vidéos et des sites Web riches en médias. C’est particulièrement utile si votre vitesse Internet est lente. Vous pouvez voir la progression du téléchargement des onglets sur votre écran.
Pour essayer cette fonctionnalité, créez d’abord un groupe d’onglets vidéo. Pour YouTube, j’ai choisi la couleur rouge. Pendant le chargement d’une nouvelle vidéo, gardez un œil sur les indicateurs de progression arrondis en bas de l’onglet. Lorsque vous passez d’un onglet à l’autre à l’aide de ces petits cercles, vous ressentirez un rebond doux et doux plutôt qu’une secousse.
Les conteneurs de menu en forme de pilule donnent des effets de morphing
Dans le passé, les icônes de menu du navigateur Chrome étaient plutôt ennuyeuses. Ils ont été remplacés par des conteneurs de menu circulaires/en forme de pilule qui « se transforment » au robinet. C’est extrêmement satisfaisant lorsque vous touchez ces pilules.
Pour avoir une idée de cette fonctionnalité, appuyez sur le menu à trois points sur n’importe quel onglet et vous pourrez voir tous les conteneurs en forme de pilule. Repérez le Signets étoile et appuyez dessus. L’icône passe du cercle au carré arrondi avec une animation rapide, confirmant la sauvegarde. Vous pouvez appuyer longuement pour modifier une icône aussi importante avec un pouce ou un geste.
Ces conteneurs de menu en forme de pilule sont très utiles pour naviguer à une main sur les tablettes et les téléphones pliables de grande surface.
Personnalisation dynamique des couleurs basée sur des thèmes de papier peint
Une fonctionnalité remarquable de M3 Expressive est qu’il peut extraire toutes les couleurs vives et personnalisées du fond d’écran de votre téléphone. Vous pouvez ainsi réaliser une personnalisation dynamique des couleurs de vos onglets, apaisante pour l’œil.
Sur votre Android, accédez à Paramètres -> Fonds d’écran. Sélectionnez un thème audacieux et dynamique. Ici, j’ai choisi un thème rouge vif. Cliquez Appliquer à l’écran de verrouillage et à l’écran d’accueil.
Relancez maintenant le navigateur Chrome. Vous trouverez des aperçus des onglets, des accents de menu et Chrome Omnibox prend une teinte subtile à partir du fond d’écran de votre choix.
Animations expressives pour un meilleur rendu de site Web
Avec la conception M3 Expressive, les sites Web adapteront leurs taux de rafraîchissement pour des défilements plus fluides. Que vous lisiez une page Web la nuit ou que vous ayez besoin de la visualiser en mode sombre, l’impact est difficile à manquer.
Pour essayer cette fonctionnalité, appuyez sur le menu à trois points suivi de Paramètres -> Accessibilité. Aller à Mise à l’échelle du texteet ajustez le curseur légèrement au-dessus de 100 % (120 % suffiraient).
Revenez à la grille d’onglets et ouvrez n’importe quel nouveau site Web. Vous trouverez le rendu du texte gras et fluide. Il y aura des animations fluides et expressives entre les onglets, ce qui réduira la fatigue oculaire.
Il existe quelques autres fonctionnalités de conception expressive de Material 3 dans Chrome sur Android qui valent le détour.
- Bouton Nouvel onglet Squircle: alors qu’un gros bouton plus pour les nouveaux onglets est standard, Chrome pour Android a expérimenté un gros nouveau bouton Squircle. L’icône carrée agrandie rebondit légèrement lorsque vous cliquez dessus.
- Typographie plus audacieuse dans le sélecteur d’onglets: lorsque vous passez d’un onglet à l’autre à l’aide du sélecteur d’onglets, vous obtenez des polices variables. Ceux-ci sont marqués par une typographie plus audacieuse qui garantit que le commutateur d’onglets est plus fluide.
Saviez-vous que Google Chrome pour Android peut désormais transformer des pages Web en podcasts ? Si vous n’êtes pas un utilisateur de Chrome, découvrez comment modifier votre navigateur par défaut sur les appareils Android.
