Découvrez le tout nouveau chargeur de Material 3 Expressive, désormais intégré dans Android 16. Cette innovation améliore la lisibilité tout en offrant une expérience utilisateur fluide. Profitez d’un design moderne et élégant qui redéfinit la façon dont les utilisateurs interagissent avec leurs appareils. Ne manquez pas cette mise à jour essentielle !

Le nouvel indicateur de chargement de Material 3 Expressive sur Android 16

Animation de présentation

La mise à jour de Google de son langage de design présente une animation de "pull-to-refresh" qui transforme "Material 3" en "Material 3 Expressive". Cette séquence met en avant le nouvel indicateur de chargement, qui est désormais disponible sur Android 16.

Qu’est-ce que l’indicateur de chargement ?

L’indicateur de chargement est un nouveau composant au sein de Material 3 Expressive, conçu pour afficher un "progrès pour un court temps d’attente", spécifiquement pour des durées inférieures à cinq secondes. Google recommande cet indicateur comme un "remplaçant pour les indicateurs de progression circulaires indéterminés", qui ont été mis à jour avec M3E pour être plus distincts.

Les caractéristiques de l’indicateur de chargement

Dans les versions précédentes de Material 3 (et M2), les indicateurs de progression utilisés pour des actions comme le "pull-to-refresh" se limitaient à des boucles simples. En revanche, l’indicateur de chargement M3E est une "séquence de transformation de forme en boucle composée de sept formes uniques de Material 3". Ce nouveau design est conçu pour capturer l’attention, utilisant un conteneur circulaire avec une couleur de fond plus claire lorsqu’il est employé pour le "pull-to-refresh".

Utilisation en dehors du pull-to-refresh

Cet indicateur peut également être utilisé en dehors du contexte de "pull-to-refresh", sans le conteneur. Les utilisateurs de la version bêta d’Android 16 peuvent observer l’indicateur de chargement après le démarrage de l’appareil et l’entrée de leur PIN, avant que le Pixel Launcher ou l’écran d’accueil ne se charge.

Placement flexible des indicateurs

En plus d’être placé au centre d’une page ou d’un conteneur, "les indicateurs de chargement peuvent être intégrés au sein d’autres composants, tels que des boutons, pour indiquer qu’une action est en cours, par exemple lors de la validation d’un formulaire ou de la recherche de mises à jour."

Indicateur de chargement remplaçant le favicon

Un autre exemple d’utilisation de cet indicateur est son remplacement potentiel pour le favicon lorsqu’une page de navigateur est en cours de chargement. Cela permet de maintenir l’attention de l’utilisateur pendant le processus d’attente.

Recommandations de Google

Google recommande que l’indicateur de chargement soit utilisé pour "montrer un progrès qui se charge en moins de cinq secondes". Pour les interactions plus longues, Material 3 Expressive a mis à jour les indicateurs de progression linéaires et circulaires. Ces mises à jour permettent d’en faire des versions plus épaisses et d’adopter une forme ondulée, plutôt que plate : "La forme ondulée peut rendre les processus plus longs moins statiques et est mieux utilisée lorsqu’un style plus expressif est approprié." Cette caractéristique peut donc être très marquante pour l’utilisateur.

Pour plus d’informations sur les composants et les mises à jour de Material 3, vous pouvez consulter Material.io.