Découvrez la nouvelle direction créative de Google avec Material 3 Expressive. Ce design innovant introduit un nouvel indicateur de chargement, passant d’une animation simple à un langage visuel dynamique. Une expérience utilisateur repensée, offrant une esthétique moderne et distincte pour des temps d’attente inférieurs à cinq secondes.
Le nouvel indicateur de chargement de Material 3 Expressive est lancé sous Android 16
Introduction à Material 3 Expressive
Le nouvel indicateur de chargement de Material 3 Expressive fait maintenant son apparition dans Android 16. Cette nouvelle fonctionnalité visuelle est conçue pour enrichir l’expérience utilisateur en offrant des animations plus dynamiques et engageantes tout en indiquant la progression des tâches.
Fonctionnalités de l’indicateur de chargement
L’indicateur de chargement est un nouvel élément de l’interface utilisateur qui signale une « progression pour un court temps d’attente », généralement inférieur à cinq secondes. Google recommande son utilisation comme une alternative aux anciens indicateurs de chargement circulaires indéterminés qui ont été mis à jour pour être plus distincts avec M3E.
Animation d’introduction
La vidéo présentant le nouveau langage de conception de Google commence par une animation de « pull-to-refresh » qui transforme le concepteur en Material 3 Expressive, incluant l’indicateur de chargement. La séquence d’animation renforce l’idée de l’interaction utilisateur fluide et novatrice.
Détailles de l’indicateur de chargement
L’indicateur de chargement de M3E est un « séquence de morphing de formes en boucle composée de sept formes uniques du Material 3 ». En général, il existe 35 formes dans le cadre de Material 3, offrant ainsi une grande flexibilité dans le design.
Cet outil est conçu pour attirer l’attention des utilisateurs, utilisant un conteneur circulaire avec une couleur d’arrière-plan plus claire lors de l’utilisation pour le « pull-to-refresh ».
Utilisations et intégrations
L’indicateur de chargement peut être utilisé en dehors du cadre du « pull-to-refresh » sans conteneur. Par exemple, les utilisateurs de la version bêta d’Android 16 peuvent le voir après le démarrage de leur appareil et avant le chargement de l’écran d’accueil Pixel.
En plus d’être centré sur une page, ces indicateurs peuvent être intégrés dans d’autres éléments, tels que les boutons, pour indiquer qu’une action est en cours. Cela est particulièrement utile pour des actions telles que la validation d’un formulaire ou la vérification de mises à jour.
Un autre exemple d’utilisation est lorsque l’indicateur remplace le favicon dans le navigateur pendant le chargement d’une page.
Recommandations et mises à jour
Google recommande d’utiliser cet indicateur pour visualiser les processus qui se chargent en moins de cinq secondes. Pour des interactions plus longues, Material 3 Expressive a également mis à jour les indicateurs de progression linéaires et circulaires.
Ces mises à jour permettent de les rendre plus épais et d’adopter une forme ondulée plutôt que plate. Cette forme ondulée peut diminuer la perception de la stagnation, ce qui est optimal lorsque le style expressif est approprié.
Conclusion
L’intégration du nouvel indicateur de chargement de Material 3 Expressive dans Android 16 représente une avancée significative dans la conception des éléments d’interface utilisateur. Grâce à une attention accrue à l’esthétique et à l’expérience utilisateur, Google continue d’améliorer ses offres en matière de design, rendant les interactions plus fluides et engageantes tout au long de l’utilisation.
Mon avis :
Le nouveau loading indicator de Material 3 Expressive, remplaçant des indicateurs circulaires traditionnels, se démarque par ses animations dynamiques et ses formes variées, capturant l’attention des utilisateurs. Bien que cela améliore l’expérience visuelle, certains pourraient trouver ces motifs trop distrayants en comparaison aux solutions plus simples.
Les questions fréquentes
Qu’est-ce que l’indicateur de chargement "Material 3 Expressive" ?
L’indicateur de chargement "Material 3 Expressive" est un nouveau composant qui montre le progrès d’un chargement d’une courte durée, généralement de moins de cinq secondes. Il remplace les indicateurs de progrès circulaires indéterminés pour offrir une expérience visuelle plus distinctive.
Comment l’indicateur de chargement est-il utilisé dans les applications ?
L’indicateur de chargement peut être intégré au centre d’une page ou à l’intérieur d’autres composants, comme des boutons. Cela permet d’indiquer qu’une action est en cours, par exemple lors de la validation d’un formulaire ou de la vérification des mises à jour.
Quelles sont les caractéristiques visuelles de cet indicateur ?
L’indicateur se compose d’une séquence de morphologies en boucle, créée à partir de sept formes uniques de Material 3. Il est conçu pour capter l’attention avec un fond circulaire plus clair lorsqu’il est utilisé dans des animations de type pull-to-refresh.
Que se passe-t-il pour les interactions plus longues ?
Pour les interactions qui durent plus longtemps, Material 3 Expressive propose des indicateurs de progrès linéaires et circulaires mis à jour. Ceux-ci sont plus épais et ont une forme ondulée, ce qui permet de rendre les processus plus expressifs et moins statiques, offrant ainsi une meilleure expérience utilisateur.
