Nouveautés produit

Découvrez de nouvelles possibilités avec la version bêta de Compose Adaptive Layouts 1.2

3 minutes de lecture

Avec l'arrivée de nouveaux facteurs de forme comme le Pixel 10 Pro Fold dans l'écosystème Android, le développement d'applications adaptatives est essentiel pour créer des expériences utilisateur de haute qualité sur les téléphones, les tablettes et les appareils pliables. Les utilisateurs s'attendent à ce que l'interface utilisateur de votre application s'adapte de manière transparente à ces différentes tailles et orientations.

Pour vous aider à créer ces expériences dynamiques plus efficacement, nous vous annonçons que la bibliothèque Compose Adaptive Layouts 1.2 est officiellement disponible en version bêta. Cette version fournit de nouveaux outils puissants pour créer des interfaces utilisateur soignées et réactives pour cet écosystème d'appareils en pleine expansion.

De nouveaux outils puissants pour un plus grand espace de travail

La bibliothèque Compose Adaptive Layouts est notre kit d'outils de base pour créer des interfaces utilisateur qui s'adaptent à différentes tailles de fenêtre. Cette nouvelle version bêta est dotée de fonctionnalités puissantes qui vous aident à créer des mises en page sophistiquées avec moins de code. Voici les principales nouveautés :

  • Nouvelles stratégies de mise en page puissantes : la version bêta introduit de nouvelles stratégies de mise en page telles que le réagencement et la superposition, conçues pour vous aider à créer des mises en page dynamiques qui s'affichent parfaitement sur les écrans intérieur et extérieur d'un appareil comme le Pixel 10 Pro Fold, le Galaxy Z Fold7 et le Z Flip7.
  • Nouvelles classes de taille de fenêtre : cette version ajoute une prise en charge intégrée des nouvelles classes de taille de fenêtre "Large" et "Extra Large" window size classes. Ces nouveaux points d'arrêt sont essentiels pour concevoir et déclencher des modifications d'interface utilisateur riches et à plusieurs volets sur des écrans plus grands comme les tablettes et les grands appareils pliables.
new-pane-adaptation.webp

Deux nouvelles stratégies d'adaptation des volets : le réagencement (à gauche) et la superposition (à droite)

Pour obtenir la liste complète des modifications, consultez la documentation officielle de la version. Découvrez nos guides sur les mises en page canoniques et la création d'une mise en page de volet compatible.

Impliquez davantage d'utilisateurs sur chaque écran

Adopter un état d'esprit adaptatif est plus qu'une bonne pratique, c'est une stratégie de croissance. L'objectif n'est pas seulement de faire fonctionner votre application sur un écran plus grand, mais de la rendre plus intuitive pour les utilisateurs. Au lieu de simplement étirer une mise en page à une seule colonne, réfléchissez à la manière dont vous pouvez utiliser l'espace supplémentaire pour créer des expériences plus efficaces et immersives.

adaptive2.png

Il s'agit du principe de base des stratégies de mise en page dynamiques telles que reflow, une nouvelle fonctionnalité puissante de la version bêta de Compose Adaptive Layouts 1.2 conçue pour vous aider à créer ces interfaces utilisateur. Par exemple, un bon point de départ consiste à adopter une mise en page à plusieurs volets. En affichant une liste et sa vue détaillée correspondante côte à côte, vous réduisez le nombre de clics et permettez aux utilisateurs d'effectuer des tâches plus rapidement.

Ce type de développement adaptatif réfléchi est ce qui stimule réellement l'engagement. Et, comme nous l'avons souligné lors du dernier épisode de #TheAndroidShow, c'est pourquoi nous constatons que les utilisateurs qui utilisent une application à la fois sur leur téléphone et sur un écran plus grand sont près de trois fois plus engagés. Le développement adaptatif ne fait pas que rendre vos utilisateurs actuels plus heureux. Il crée une expérience plus précieuse et attrayante qui fidélise les utilisateurs et vous aide à en toucher de nouveaux.

L'écosystème Android en pleine expansion, des appareils pliables aux ordinateurs de bureau

Cette évolution vers une conception adaptative s'étend à l'ensemble de l'écosystème Android. Du nouveau Pixel 10 Pro Fold aux derniers appareils pliables Samsung Galaxy, les développeurs ont la possibilité d'impliquer une base d'utilisateurs importante et en pleine croissance sur plus de 500 millions d'appareils à grand écran.

material.png

C'est également pourquoi nous continuons d'investir dans des expériences innovantes comme les écrans connectés, actuellement disponibles en preview pour les développeurs. Cette fonctionnalité ouvre de nouvelles surfaces et de nouveaux modèles d'interaction pour les applications, ce qui permet de bénéficier de fonctionnalités de qualité professionnelle et de workflows multi-instances. Nous avons déjà partagé des informations sur la façon de commencer à utiliser la preview pour les développeurs des écrans connectés et sur la façon dont elle façonne l'avenir des expériences multi-appareils.

Mettre en pratique les principes adaptatifs

Pour les développeurs qui souhaitent préparer leurs applications à cet avenir adaptatif, voici quelques bonnes pratiques clés à garder à l'esprit :

  • Faites le point : la première étape consiste à évaluer votre situation actuelle. Testez votre application sur un appareil à grand écran ou avec l'émulateur redimensionnable dans Android Studio pour identifier les points à améliorer, comme les interfaces utilisateur étirées ou les problèmes d'usabilité.
  • Prenez en charge les mises en page optimisées : utilisez des bibliothèques telles que Compose Adaptive Layouts pour créer une interface utilisateur qui s'adapte à différentes tailles de fenêtre et orientations d'appareil. Votre application doit fonctionner correctement en mode Portrait et Paysage, sans limiter l'orientation.
  • Pensez au-delà du tactile : une expérience adaptative de qualité signifie prendre en charge toutes les méthodes de saisie. Cela va au-delà des fonctionnalités de base et inclut des détails réfléchis que les utilisateurs attendent, comme les états de survol pour les curseurs de la souris, les menus contextuels lors d'un clic droit et la prise en charge des raccourcis clavier.

Le potentiel de votre application ne se limite plus à un seul écran. Découvrez dès aujourd'hui la galerie de conception pour grand écran et les consignes relatives à la qualité des applications pour imaginer où votre application peut aller. Trouvez l'inspiration et découvrez des modèles de conception, des conseils officiels et des exemples d'applications dont vous avez besoin pour créer des applications pour chaque pli, chaque rabat et chaque écran sur developer.android.com/adaptive-apps.

Auteurs :

Lire la suite