Niveau 3 : prêt pour l'adaptabilité

Les applications adaptatives s'exécutent en plein écran sur tous les facteurs de forme et offrent une compatibilité de base avec les périphériques d'entrée externes, ce qui permet aux utilisateurs d'effectuer des tâches essentielles sur n'importe quel appareil.

Illustration des trois niveaux de qualité sous forme de couches empilées verticalement, avec le niveau inférieur mis en avant.

Les applis adaptatives doivent d'abord respecter les critères de qualité essentiels des applis, en particulier les exigences concernant l'expérience utilisateur.

Consignes

Offrez une expérience stable et fonctionnelle sur tous les facteurs de forme.

Configuration et continuité

Guideline ID Test IDs Description
Config_Changes T-Config_Orientation,
T-Config_State

L'appli remplit la zone d'affichage disponible, c'est-à-dire l'intégralité de l'écran ou, en mode multifenêtre, toute la fenêtre de l'appli. Le contenu ne dépasse pas la zone d'affichage disponible. L'appli n'est pas au format letterbox et ne s'exécute pas en mode de compatibilité.

L'appli gère les changements de configuration et conserve ou restaure son état quand la configuration de l'appareil change (rotation, pliage et dépliage, redimensionnement de la fenêtre en mode Écran partagé et en mode Fenêtre de bureau, etc.). Exemples :

  • La position de défilement des champs à faire défiler est conservée.
  • Le texte saisi dans les champs est conservé, et l'état du clavier est restauré.
  • La lecture des contenus multimédias reprend là où elle s'était arrêtée au moment du changement de configuration.
Config_Combinations T-Config_Combinations L'appli gère les combinaisons de plusieurs changements de configuration, par exemple un redimensionnement de la fenêtre suivi d'une rotation de l'appareil, ou une rotation suivie du pliage ou du dépliage de l'appareil.

Mode multifenêtre et multireprise

Guideline ID Test IDs Description
Multi-Window_Functionality T-Multi-Window_Functionality

L'appli est entièrement fonctionnelle en mode multifenêtre. Consultez Compatibilité avec le mode multifenêtre.

Remarque : Les applis Unity doivent utiliser la version LTS (support à long terme) 2019 ou ultérieure d'Unity. Consultez Validation du mode multifenêtre.

Multireprise T-Multi-Window_Focus,
T-Multi-Window_Resources
L'appli est entièrement compatible avec la multireprise. Elle met à jour son UI (elle poursuit la lecture des contenus multimédias, récupère de nouveaux messages, met à jour la progression des téléchargements, etc.) lorsqu'elle n'est pas au tout premier plan. De plus, elle gère correctement la perte de ressources exclusives comme les caméras ou les micros en mode multifenêtre. Consultez Cycle de vie d'une activité en mode multifenêtre.

Aperçu de l'appareil photo et projection multimédia

Guideline ID Test IDs Description
Camera_Preview T-Camera_Preview L'appli affiche l'aperçu de l'appareil photo en modes paysage et portrait, que l'appareil soit plié ou déplié ainsi qu'en mode multifenêtre. L'aperçu est dans le bon sens et ses proportions sont respectées.
Media_Projection T-Media_Projection L'appli est compatible avec la projection multimédia en modes paysage et portrait, que l'appareil soit plié ou déplié ainsi qu'en mode multifenêtre. La projection est dans le bon sens et ses proportions sont respectées.

Clavier, souris et pavé tactile

Guideline ID Test IDs Description
Keyboard_Input T-Keyboard_Input L'appli accepte la saisie de texte avec un clavier externe et bascule automatiquement du clavier physique au clavier virtuel lorsqu'un clavier externe est connecté ou déconnecté, sans qu'il soit nécessaire de la relancer.
Mouse_Trackpad_Basic T-Mouse_Trackpad_Basic

L'appli accepte les interactions de base avec les souris et pavés tactiles :

  • Clic : tous les éléments cliquables, y compris les boutons, les menus déroulants, les champs de saisie de texte et les icônes de navigation
  • Sélection : tous les éléments sélectionnables, dont les cases d'option, les cases à cocher et le texte (par balayage ou double-clic)
  • Défilement : tout élément à faire défiler, comme les listes et les sélecteurs, à faire défiler verticalement et horizontalement

Stylet

Guideline ID Test IDs Description
Stylus_Basic T-Stylus_Basic

L'application offre une compatibilité basique avec les tablettes, les appareils pliables et les ordinateurs équipés d'un stylet. Il est possible d'utiliser le stylet pour sélectionner et manipuler des éléments de l'interface utilisateur, y compris pour faire défiler des listes, des sélecteurs et d'autres contenus à faire défiler.

Consultez Stylet dans Entrées compatibles sur les grands écrans.

Remarque : La saisie basique au stylet est identique à la saisie tactile, qui est entièrement prise en charge par Android. La saisie basique au stylet est automatiquement activée pour toutes les applications, sans développement spécifique.

Stylus_Text_Input T-Stylus_Text_Input

Sous Android 14 (niveau d'API 34) ou version ultérieure, les utilisateurs peuvent écrire et modifier du texte dans les champs de saisie à l'aide d'un stylet. Sous ChromeOS M114 ou version ultérieure, un stylet peut être utilisé pour écrire et modifier du texte dans les champs de saisie des composants WebView.

Remarque : Sous Android 14 ou version ultérieure, les composants EditText sont compatibles par défaut avec la saisie au stylet. Aucun travail de développement particulier n'est requis. Sous ChromeOS M114 ou version ultérieure, WebView est compatible par défaut avec la saisie au stylet dans les champs de texte.

Tests

Pour vérifier que votre application fonctionne sur tous les facteurs de forme, exécutez les tests suivants.

Configuration et continuité

Test ID Guideline IDs Description
T-Config_Orientation Config_Changes Vérifiez que l'appli n'est pas au format letterbox et ne s'exécute pas en mode de compatibilité en orientation portrait ou paysage, ni en mode multifenêtre ou lorsqu'un appareil pliable à grand écran est déplié en mode portrait ou paysage. Vérifiez que tout le contenu tient dans l'espace d'affichage disponible.

Redimensionnez la fenêtre de l'application en mode multifenêtre, y compris en mode Écran partagé et en mode Fenêtre de bureau. Sur les ordinateurs, minimisez et restaurez la fenêtre de l'application, maximisez et restaurez la fenêtre de l'application. Vérifiez que l'application adopte la bonne orientation et conserve l'état dans toutes les tailles de fenêtre.

Remarque : Réalisez les tests avec un appareil à grand écran (largeur d'écran >= 600 dp) exécutant Android 12 (niveau d'API 31) ou version ultérieure afin de vérifier que l'appareil est compatible avec :

  • toutes les orientations de l'appareil, quelles que soient les restrictions d'orientation définies avec l'élément android:screenOrientation du fichier manifeste d'appli ;
  • le mode multifenêtre, même pour les applis pour lesquelles android:resizeableActivity="false" est spécifié dans le fichier manifeste de l'appli.
T-Config_State Config_Changes

Effectuez les opérations suivantes sur chaque écran de l'appli comportant des contenus à faire défiler, des contenus en lecture continue ou des champs de saisie de texte :

  • Contenu à faire défiler : faites défiler le contenu
  • Contenu à lire : lancez la lecture
  • Champs de saisie de texte : saisissez du texte dans plusieurs champs

Faites pivoter l'appareil entre les modes paysage et portrait, pliez et dépliez-le (le cas échéant), et redimensionnez la fenêtre de l'appli en mode multifenêtre. Réduisez et restaurez la fenêtre de l'application sur les appareils de bureau, puis maximisez et restaurez la fenêtre de l'application. Vérifiez les points suivants :

  • Contenu à faire défiler : la position de défilement ne change pas
  • Contenu à lire : la lecture reprend là où elle s'était arrêtée au moment du changement de configuration
  • Champs de saisie de texte : le texte précédemment saisi est conservé dans les champs de saisie
T-Config_Combinations Config_Combinations À partir de chaque écran de l'appli, effectuez simultanément plusieurs des manipulations suivantes : faites pivoter l'appareil entre les modes paysage et portrait, pliez et dépliez-le (le cas échéant), et redimensionnez la fenêtre de l'appli en mode multifenêtre.

Mode multifenêtre et multireprise

Test ID Guideline IDs Description
T-Multi-Window_Functionality Multi-Window_Functionality

Ouvrez l'appli en mode multifenêtre. Vérifiez que l'appli fonctionne correctement avec toutes les tailles de fenêtres, quelle que soit l'orientation, que l'appareil soit plié ou déplié. Redimensionnez la fenêtre de l'appli dans chaque orientation. Pour les appareils pliables, pliez et dépliez-les dans chaque orientation.

Applis Unity

Ouvrez une appli autre que votre appli Unity. Accédez à l'écran Récents. Sélectionnez l'icône de l'appli et mettez l'appli en mode Écran partagé. Ouvrez votre appli Unity. Elle devrait se lancer en mode Écran partagé à côté ou en dessous de la première appli. Accédez à l'écran Accueil pour masquer les deux applis. Accédez à l'écran Récents. Sélectionnez la paire d'applis affichées en mode Écran partagé, dont votre appli Unity. Vérifiez que celle-ci reprend son activité. Contrôlez aussi que la mise en page de l'appli est correcte dans la fenêtre de l'écran partagé, et que tous les éléments de l'interface utilisateur sont accessibles.

T-Multi-Window_Focus Multireprise Ouvrez l'appli et lancez un processus entraînant une mise à jour continue de l'appli, par exemple la lecture d'une vidéo. Ouvrez une autre appli et placez-la au tout premier plan. Vérifiez que l'appli qui n'est plus au premier plan continue à mettre à jour son contenu (dans notre exemple, la lecture de la vidéo doit se poursuivre).
T-Multi-Window_Resources Multireprise Dans l'appli, ouvrez l'appareil photo ou utilisez le micro. Ouvrez une autre appli et mettez-la au tout premier plan. Vérifiez que l'appli qui n'est pas au premier plan a libéré l'appareil photo ou le micro. Mettez l'appli d'origine au tout premier plan. Vérifiez qu'elle a récupéré l'accès à l'appareil photo ou au micro.

Aperçu de l'appareil photo et projection multimédia

Test ID Guideline IDs Description
T-Camera_Preview Camera_Preview Ouvrez l'appli en plein écran et en mode multifenêtre. Ouvrez l'appareil photo depuis l'appli. Faites pivoter l'appareil entre les modes paysage et portrait. Pour les appareils pliables, pliez et dépliez-les dans chaque orientation. En mode multifenêtre, redimensionnez la fenêtre de l'appli. Vérifiez que l'aperçu de l'appareil photo est dans le bon sens et que ses proportions restent correctes que l'appareil soit plié ou déplié, et quelle que soit la taille de la fenêtre.
T-Media_Projection Media_Projection Ouvrez l'appli en plein écran et en mode multifenêtre. Démarrez une projection multimédia. Faites pivoter l'appareil entre les modes paysage et portrait. Pour les appareils pliables, pliez et dépliez-les dans chaque orientation. En mode multifenêtre, redimensionnez la fenêtre de l'appli. Vérifiez que la projection multimédia est dans le bon sens et que ses proportions restent correctes que l'appareil soit plié ou déplié, et quelle que soit la taille de la fenêtre.

Clavier, souris et pavé tactile

Test ID Guideline IDs Description
T-Keyboard_Input Keyboard_Input Pour chaque écran d'appli comportant des champs de saisie de texte, connectez un clavier externe à l'appareil et saisissez du texte avec le clavier externe et le clavier virtuel. Déconnectez le clavier externe et saisissez du texte avec le clavier virtuel.
T-Mouse_Trackpad_Basic Mouse_Trackpad_Basic

Pour chaque écran de l'appli, connectez une souris et un pavé tactile à l'appareil. Effectuez des interactions de base avec la souris et le pavé tactile :

  • Cliquez sur tous les éléments cliquables tels que les boutons, les menus déroulants et les champs de saisie de texte.
  • Cochez les cases d'option et les cases à cocher. Sélectionnez du texte par balayage et par double clic.
  • Faites défiler l'écran verticalement et horizontalement (si possible) pour parcourir les listes, les sélecteurs et les autres éléments d'interface utilisateur à faire défiler.

Stylet

Test ID Guideline IDs Description
T-Stylus_Basic Stylus_Basic Avec un stylet, naviguez dans l'appli, sélectionnez des éléments d'interface utilisateur, faites défiler les listes et les sélecteurs, et interagissez de façon générale avec l'appli.
T-Stylus_Text_Input Stylus_Text_Input Sous Android 14 (niveau d'API 34) ou version ultérieure, saisissez et modifiez du texte dans les champs de saisie à l'aide d'un stylet. Le clavier virtuel ne doit pas s'afficher. Sous ChromeOS M114 ou version ultérieure, saisissez et modifiez du texte dans les champs de saisie d'un WebView.