Les appareils Android sont disponibles dans différents facteurs de forme (téléphones, tablettes, appareils pliables, appareils ChromeOS) et proposent un large éventail de tailles d'écran. Android est compatible avec de nombreux modes d'affichage, y compris le multifenêtre, le multi-écran, le format libre et le Picture-in-picture. Les appareils pliables peuvent se trouver dans différents états ou positions (par exemple, à plat ou avec un livre).
Envisagez différents cas d'utilisation pour votre application lorsque vous commencez à la concevoir. Par exemple :
Les appareils à grand écran offrent aux utilisateurs plus d'espace pour interagir avec le contenu de votre application multimédia de différentes manières.
Les utilisateurs peuvent effectuer plusieurs tâches en même temps qu'ils regardent une vidéo dans une configuration multifenêtre ou utiliser l'écran plus grand pour appliquer des modifications plus complexes après avoir capturé une image.
Les utilisateurs peuvent se tourner vers une tablette pour rester connectés lors des appels vidéo, et voir leurs amis et leur famille plus en détail. Votre application peut afficher un contexte plus riche sur un titre ou une scène dans une superposition de lecture personnalisée, ou offrir plus d'options de contrôle à l'écran.
Dans une vue de navigation, les carrousels peuvent présenter plus de variété pour plus d'attrait visuel, ou votre application multimédia peut maintenir l'engagement des utilisateurs en proposant un flux consultable à côté de la lecture.
N'oubliez pas que le code de votre application multimédia s'exécute sur un téléphone standard, un appareil pliable, une tablette et les appareils ChromeOS. Vous devez donc concevoir votre application pour les grands écrans dès le début du développement de votre application. Pour en savoir plus et obtenir des exemples visuels, consultez la section Galerie sur grand écran.
Rendre votre application multimédia responsive par défaut
Évitez les expériences utilisateur endommagées dans votre application multimédia en rendant la mise en page de votre application adaptative sur les téléphones, les tablettes, les pliables et les appareils ChromeOS.
Votre application doit être responsive pour tenir compte des différentes tailles d'écran, orientations et facteurs de forme. Une mise en page adaptative change en fonction de l'espace disponible sur l'écran. Pour en savoir plus, consultez Assurer la compatibilité avec différentes tailles d'écran.
Respectez les consignes de conception
La qualité fondamentale des applications est la base de toutes les applications Android, quelles que soient la taille d'affichage, la position de l'appareil ou d'autres considérations spécifiques à l'appareil. Votre application doit répondre à ces exigences de base avant de commencer à concevoir pour un grand écran. Pour en savoir plus, consultez Critères fondamentaux de qualité des applications.
Votre application doit offrir une excellente expérience utilisateur, quels que soient le facteur de forme, la taille de l'écran, le mode d'affichage ou la position de l'appareil. Par conséquent, concevez votre application conformément aux consignes des niveaux 1, 2 et 3 suivants.
Ces consignes définissent un ensemble complet d'exigences de qualité pour la plupart des types d'applications Android.
Niveau 3:
À ce niveau de base, votre application doit toujours respecter les exigences concernant l'interface utilisateur et les graphismes. Votre application est adaptée aux grands écrans. Les utilisateurs peuvent effectuer des tâches essentielles, mais avec une expérience utilisateur moins optimale.
La mise en page de l'application n'est peut-être pas idéale, mais elle s'exécute en plein écran ou en mode multifenêtre. Il n'est pas au format letterbox et ne s'exécute pas en mode de compatibilité. L'application est compatible de base avec les périphériques d'entrée externes, y compris le clavier, la souris et le pavé tactile. Pour en savoir plus, consultez Adaptation aux grands écrans.
Niveau 2:
Ici, votre application implémente des optimisations de mise en page pour toutes les tailles d'écran et configurations d'appareil, ainsi qu'une meilleure compatibilité avec les périphériques d'entrée externes. Pour en savoir plus, consultez Optimisation pour les grands écrans.
Niveau 1:
Il s'agit du meilleur niveau d'assistance et offre à l'utilisateur la meilleure expérience possible avec votre application, car il spécifie des fonctionnalités et capacités premium.
Le cas échéant, l'application est compatible avec le multitâche, les positions des appareils pliables, le déplacement et la saisie au stylet. À ce niveau, les applications sont très différenciées. Vous devez donc prêter une attention particulière aux consignes concernant des éléments tels que le mode multitâche et les positions pliables. Pour en savoir plus, consultez Différenciation pour les grands écrans.
Mises en page optimisées
Profitez de l'espace accru des grands écrans sans mise au format letterbox (en raison de la limitation de l'orientation) ni étirement. En optimisant la mise en page de votre application pour les médias et les réseaux sociaux, vous élargissez sa couverture et créez une meilleure expérience utilisateur sur tous les facteurs de forme à grand écran (tablettes, appareils pliables et ChromeOS), ainsi qu'à toutes les tailles de téléphones.
Les composants du rail et du panneau de navigation permettent une navigation fluide, pour plus de contrôle et de commodité dans l'interface utilisateur. Les composants complètent également les mises en page standards (liste/détails, flux et volet secondaire) en positionnant les destinations de navigation principales à proximité tout en occupant un minimum d'espace à l'écran.
Mises en page multimédias
Améliorez l'utilisation de votre application en implémentant des mises en page spécifiques aux médias pour la liste/le détail, le flux et le volet secondaire. Pour en savoir plus sur les mises en page MDX, Flutter et Compose, consultez la section Ressources de mise en page.
Liste et vue détaillée:la conception de votre application avec un navigateur multimédia interactif permet aux utilisateurs de parcourir différents contenus multimédias tout en regardant ou en écoutant du contenu. Les titres des contenus multimédias s'affichent côte à côte avec le fichier vidéo ou audio en cours de lecture. Si l'orientation de l'appareil change, une mise en page de type "Liste et vue détaillée" répond pour conserver l'état de l'application. Pour en savoir plus, consultez la section Mises en page de type "Liste et vue détaillée".
Flux:une mise en page de flux organise des éléments de contenu équivalents dans une grille configurable afin d'afficher rapidement et facilement une grande quantité de contenus, tels qu'un flux musical ou un kiosque de films et de télévision dans votre application. Pour en savoir plus, consultez Mises en page de flux.
Volet secondaire:avec les zones d'affichage principale et secondaire, votre application peut intégrer un volet secondaire pour plus de contexte, de pertinence ou de référence, comme une liste déroulante de titres similaires, d'avis publiés ou d'œuvres supplémentaires des mêmes artistes ou acteurs. Pour en savoir plus, consultez Mises en page des volets secondaires.
Pour accéder à une sélection de mises en page multimédias, consultez la Galerie multimédia.
Mises en page de réseaux sociaux
Les grands écrans offrent aux utilisateurs de réseaux sociaux plus d'espace de travail pour créer, effectuer plusieurs tâches à la fois, faire glisser du contenu entre les applications et le partager. Grâce à des fonctionnalités caractéristiques qui ne sont pas possibles sur les appareils à petit écran, votre application multimédia sur grand écran peut exploiter les mises en page de type "Liste/Détail", "Flux" et "Volet secondaire".
Liste et vue détaillée:cette option est idéale pour les applications de chat, les gestionnaires de contacts ou les navigateurs de fichiers. Par exemple, votre application peut afficher une liste de conversations côte à côte avec des informations pour rester à jour sur les derniers messages. Pour en savoir plus, consultez la section Mises en page de type "Liste et vue détaillée".
Flux:les cartes et les listes sont les composants courants de ce style de mise en page. Par exemple, créez un montage d'articles dans un format de grille flexible, ou utilisez la taille et la position pour attirer l'attention sur les posts importants. Les utilisateurs peuvent rapidement afficher de grands groupes de contenu. Pour en savoir plus, consultez Mises en page de flux.
Volet secondaire:ce style de mise en page peut être bénéfique pour les applications de recherche et de référence ou les applications de productivité. Les outils de création de contenu sont ainsi à portée de main de l'utilisateur. Par exemple, votre application peut permettre aux utilisateurs d'ajuster les paramètres, d'accéder aux palettes de couleurs, d'appliquer des effets et de voir les modifications instantanément. Pour en savoir plus, consultez Mises en page des volets secondaires.
Pour obtenir une sélection de mises en page pour les réseaux sociaux, consultez la page Galerie de réseaux sociaux.
Bonnes pratiques pour les applications multimédias sur grand écran
L'utilisation des bonnes pratiques pour les grands écrans vous évite de retravailler inutilement votre application. Elle rend également votre application plus conviviale sur un plus grand nombre d'appareils dès le début, en particulier en ce qui concerne l'orientation, les raccourcis clavier, la prise en charge de l'aperçu de l'appareil photo et les positions des appareils pliables.
Orientation et redimensionnement
Si votre application multimédia déclare des restrictions d'orientation et de redimensionnement, Android active un mode de compatibilité. Bien que le mode de compatibilité assure le comportement de votre application de manière acceptable, sa facilité d'utilisation est considérablement réduite et l'expérience utilisateur en souffre.
Par exemple, si votre application est installée sur une tablette, celle-ci est placée en mode paysage. Si votre application est limitée au mode portrait, le format letterbox est appliqué, ce qui n'est pas idéal pour l'utilisateur final. Votre application doit permettre aux utilisateurs d'utiliser leur orientation préférée. Profitez donc de la taille disponible d'un grand écran dans votre conception.
Toute restriction d'orientation réduit la façon dont les utilisateurs peuvent interagir avec le contenu ou utiliser le contenu multimédia, ce qui limite l'utilisation de votre application. Le changement d'orientation peut affecter le dimensionnement dans une certaine mesure, mais le redimensionnement ne modifiera pas nécessairement l'orientation.
Raccourcis clavier
Sur un écran plus grand, les raccourcis clavier des claviers physiques, comme démarrer, arrêter, mettre en pause, revenir en arrière et avancer, sont plus susceptibles d'être utilisés, ce qui garantit une expérience utilisateur cohérente avec un clavier.
Les utilisateurs s'attendent à ces fonctionnalités dans leurs applications multimédias. Pour réduire les problèmes de friction pour les utilisateurs, envisagez de tester votre application avec un clavier physique. Cela vous permet de remarquer et d'inclure ces raccourcis importants dans votre application au début de votre conception.
Compatibilité avec l'aperçu de l'appareil photo
Sur les grands écrans, vous pouvez rencontrer plus de problèmes d'étirement, de recadrage et de rotation. Vous ne pouvez donc pas supposer que la taille de l'aperçu de l'appareil photo correspond à ce que l'UI de votre application multimédia affiche réellement.
Par exemple, si un utilisateur prend une photo avec sa tablette, mais qu'elle s'affiche à l'envers sur l'écran de sa tablette, l'expérience n'est pas optimale. Inclure la prise en charge de l'aperçu de l'appareil photo pour les grands écrans.
Pour en savoir plus, consultez Aperçu de CameraX ou Aperçu de CameraX 2.
Positions pliables
La conception de votre application multimédia pour les grands écrans inclut les positions des appareils pliables. Par exemple, votre application peut permettre à un utilisateur de configurer la lecture de contenus multimédias sur table, ou d'utiliser un écran arrière et un mode Dual Screen pour les aperçus et la capture.
Avec les positions des appareils pliables incluses dans votre plan de développement, votre application est disponible pour un plus grand nombre d'appareils et a un impact plus large. Vous agrandissez l'expérience multimédia pour l'utilisateur d'une manière qui ne serait pas possible avec d'autres appareils sans positions pliables. Pour en savoir plus, consultez la section Positions des appareils pliables.