Découvrez l’évolution du design d’interface avec Material 3. Cette mise à jour innovante propose des tiroirs de navigation expressifs, des barres inférieures courtes et une optimisation de la lisibilité, transformant ainsi l’expérience utilisateur. Plongez dans un monde où fonctionnalité et esthétique se rejoignent pour redéfinir vos interactions numériques.

Material 3 Expressive : Changements dans les Barres de Navigation et les Tirants de Navigation

Évolution des Barres de Navigation

Avec la mise à jour de Material 3 Expressive, Google a introduit de nouveaux composants qui redéfinissent les recommandations en matière de navigation au sein des applications. Les barres inférieures, désormais appelées « barres de navigation », ont vu leur design évoluer. En effet, elles sont devenues plus hautes et adoptent des indicateurs en forme de pilule pour signaler l’onglet actif. Cependant, l’actualité de cette mise à jour réside dans le fait que ces barres de navigation ont été repensées.

Le concept de « barre de navigation originale » a été officiellement abandonné au profit de la « barre de navigation flexible », qui affiche une hauteur réduite tout en maintenant la fonctionnalité essentielle.

Comparaison des Designs

Ancienne vs. Nouvelle

Cette nouvelle barre de navigation prend également en charge des éléments de navigation horizontaux dans des fenêtres de taille moyenne, permettant d’afficher l’étiquette de l’onglet à droite de l’icône sur les appareils pliables et les tablettes.

Les Tirants de Navigation en Évolution

Un changement majeur concerne le tirant de navigation, qui est désormais déprécié dans cette mise à jour. Google préconise plutôt l’utilisation du rail de navigation qui peut être configuré en mode compressé ou étendu. Cela signifie que le rail de navigation compressé est désormais plus large que son prédécesseur et peut facilement se transformer en version étendue, affichant des destinations secondaires invisibles en mode compressé.

Adaptation aux Différentes Tailles d’Écran

Le rail de navigation est spécifiquement conçu pour des tailles d’écran « moyennes, étendues, grandes ou extra-grandes », ce qui englobe les appareils pliables, les tablettes et même les écrans de type bureau.

Mode compressé vs. Mode étendu

Fonctionnalités et Recommandations

Google recommande que les applications utilisant des tirants de navigation passent à l’option étendue qui conserve la plupart des fonctionnalités du tirant de navigation tout en s’adaptant mieux aux différentes tailles de fenêtres. Ce changement est idéal pour les dispositifs à grands écrans, mais pose un problème pour les smartphones, où aucun remplacement du tirant de navigation n’a été proposé.

Il est à noter que les tirants de navigation dans l’ère de Material 3 étaient également destinés aux grands écrans, mais la documentation les présentait souvent sur des téléphones. Bien que ces recommandations soient considérées comme des lignes directrices, les applications continueront probablement à utiliser des tirants de navigation, même si cette omission pourrait être corrigée à l’avenir.

Impact sur les Applications Existantes

Des applications populaires comme Gmail et Keep pourraient subir de grandes refontes pour éliminer les tirants de navigation, mais cela nécessiterait des efforts considérables. Il est donc probable que l’impact de ces changements se fera sentir à long terme dans la manière dont les développeurs envisagent la navigation dans leurs applications.

Pour plus d’informations sur Material 3 et ses composants, vous pouvez consulter la documentation officielle sur le site de Material Design.