Ordinateur

L'expérience sur ordinateur (sur Googlebook, les Chromebooks et les écrans connectés) permet une saisie précise et un multitâche avancé. L'environnement de bureau permet aux utilisateurs de travailler sur plusieurs fenêtres et instances, en utilisant des raccourcis clavier et des interactions avec la souris et le pavé tactile. Les applications optimisées pour les ordinateurs offrent une expérience utilisateur productive qui comble l'écart entre la commodité des appareils mobiles et la puissance des ordinateurs.

Consignes

Créez une expérience utilisateur exceptionnelle qui exploite pleinement les capacités de l'appareil.

Expérience utilisateur

ID de la consigne ID de test Description
Scrollbar_Display T-Scrollbar_Display L'appli affiche une barre de défilement lorsque l'utilisateur fait défiler le contenu avec la souris ou le pavé tactile.
Hover_Parity T-Hover_Parity

Le cas échéant, les éléments d'interface utilisateur affichent des contenus supplémentaires tels que des aperçus, des menus déroulants et des info-bulles quand l'utilisateur les pointe avec la souris ou le pavé tactile.

Dans la mesure du possible, l'appli a les mêmes états de survol que dans sa version Web et sa version pour ordinateur. L'application garantit des états de pointage distincts et cohérents avec un contraste visuel conforme aux normes d'accessibilité sur tous les éléments d'interface utilisateur.
Desktop_Menus T-Desktop_Menus L'application comporte des éléments d'interface utilisateur non intrusifs, tels que des menus de type ordinateur, des menus contextuels et de petites fenêtres modales, le cas échéant, pour permettre aux utilisateurs de rester concentrés sur leur tâche principale sans avoir à naviguer constamment.
UI_Config T-UI_Config

L'application dispose de mises en page adaptatives et configurables par l'utilisateur pour les grands écrans et les appareils utilisant principalement un curseur, y compris :

  • Les mises en page adaptatives permettent aux utilisateurs de basculer entre les présentations en liste, en grille et en colonne. Par exemple, un gestionnaire de fichiers ou de documents fournit un bouton d'activation/de désactivation qui respecte la préférence de l'utilisateur d'afficher ses fichiers sous forme de liste ou de grille.
  • Les barres d'outils flottantes ancrables ou mobiles s'adaptent aux préférences de l'utilisateur et aux exigences de la tâche.
  • Dans les mises en page à plusieurs panneaux, les panneaux de l'UI sont réductibles et reconfigurables avec la souris ou le pavé tactile. Un panneau reconfigurable est un panneau qui permet aux utilisateurs de modifier la mise en page de l'appli pour gagner en efficacité, par exemple en modifiant la taille du panneau détaillé d'une mise en page détaillée en liste ou en réorganisant les panneaux à l'écran.

    Remarque : Cela ne s'applique pas aux barres, rails et panneaux de navigation.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

L'application implémente Activity#requestFullscreenMode() pour permettre des transitions fluides entre les états multifenêtres, comme l'écran partagé et le fenêtrage du bureau, et le mode immersif.

En général, les applications fournissent un élément d'interface utilisateur, tel qu'un bouton, qui active l'expérience immersive en plein écran.

Clavier, souris et pavé tactile

ID de la consigne ID de test Description
Keyboard_Navigation T-Keyboard_Navigation

L'application permet une navigation fluide et efficace avec un clavier. L'application garantit des états de sélection distincts et cohérents avec un contraste visuel conforme aux normes d'accessibilité pour tous les éléments d'interface utilisateur.

Le focus initial est défini pour les éléments d'interface utilisateur appropriés. Par exemple, lorsque les utilisateurs rédigent un message dans une application de messagerie, le focus est initialement placé sur le champ de texte À. Les utilisateurs doivent pouvoir commencer à saisir du texte immédiatement dans le premier champ de saisie de texte lors du chargement d'une page.

Consultez Interaction au clavier.
Keyboard_Parity T-Keyboard_Parity L'appli offre un ensemble complet de raccourcis clavier et reconnaît les raccourcis conventionnels comme Ctrl+C pour copier et Ctrl+Z pour annuler. Dans la mesure du possible, l'appli a les mêmes raccourcis clavier que dans sa version Web et sa version classique.
Input_Combinations T-Input_Combinations Les combinaisons utilisant le clavier et la souris ou le pavé tactile (Ctrl + clic ou Ctrl + appui, et Maj + clic ou Maj + appui, par exemple) permettent d'accéder à des fonctionnalités avancées, par exemple pour sélectionner des plages d'éléments adjacents ou plusieurs éléments séparés.
Triple_Click T-Triple_Click Un triple clic à la souris ou un triple appui avec le pavé tactile permettent de sélectionner des lignes entières ou des paragraphes de texte.

Modes multitâche et multi-instance

ID de la consigne ID de test Description
Multitasking_Scenarios T-Multitasking_PiP,
T-Multitasking_Split-Screen,
T-Multitasking_Attachments

L'appli gère différents scénarios multitâches. Exemples :

  • Mode Picture-in-picture : l'appli peut basculer en mode Picture-in-picture ou quitter ce mode aussi bien en mode portrait qu'en mode paysage, y compris en mode multifenêtre. Les cas d'utilisation incluent la lecture de contenus multimédias et les appels vidéo. Consultez la section Compatibilité Picture-in-picture (PIP).
  • Mode multifenêtre : l'appli peut ouvrir une autre appli dans une fenêtre distincte à partir d'un lien profond. Par exemple, quand l'utilisateur clique sur un lien vers un e-mail dans une appli de gestion des contacts, celle-ci ouvre le lien dans une nouvelle fenêtre au sein d'une appli de messagerie. Voir FLAG_ACTIVITY_LAUNCH_ADJACENT.
  • Pièces jointes : les applis de chat peuvent ouvrir des pièces jointes (vidéos, par exemple) dans une fenêtre distincte.
Multitasking_PiP T-Multitasking_PiP L'application est compatible avec la fonctionnalité Picture-in-picture interactive, qui permet d'utiliser des commandes personnalisées et d'interagir avec l'utilisateur dans les applications multimédias et non multimédias.
Multi-instance T-Multi-Instance L'appli peut lancer plusieurs instances d'elle-même dans des fenêtres distinctes. Scénarios d'utilisation : modification de documents, navigation sur le Web, applis de gestion de fichiers, comparaison de produits dans des applis de shopping, etc. Consultez Multi-instance sous Compatibilité avec le mode multifenêtre.

Glisser-déposer

ID de la consigne ID de test Description
Drag_Drop_Support T-Drag_Drop_Support L'appli gère le glisser-déposer entre les présentations au sein même de l'application et, en mode multifenêtre, depuis et vers d'autres applis via la saisie tactile, la souris, le pavé tactile et le stylet. Consultez la page Activer le glisser-déposer. Consultez également Stylus_Drag_Drop.
T-Drag_Drop_Batch L'appli gère le glisser-déposer de plusieurs éléments dans l'appli pour qu'ils soient traités en tant que groupe. Consultez DropHelper pour simplifier le glisser-déposer.

Impression et gestion de fichiers

ID de la consigne ID de test Description
Printing_Support T-Printing_Support L'appli permet d'imprimer des documents ou de les exporter dans un format imprimable.
File_Management_Basics T-File_Management_Basics

L'application implémente des fonctionnalités courantes de gestion de fichiers, y compris :

  • Nommer et enregistrer : les noms et les emplacements des fichiers sont clairement visibles.
  • Téléchargement : les utilisateurs peuvent enregistrer des fichiers à l'emplacement de leur choix sur le périphérique de stockage local.
  • Importation : les utilisateurs peuvent importer des fichiers depuis un espace de stockage local et donner la priorité à l'utilisation du sélecteur de fichiers de l'OS.
File_Picker T-File_Picker L'application s'intègre au sélecteur de fichiers de l'OS, ce qui garantit une expérience d'importation et d'exportation fluide. Les utilisateurs d'ordinateurs et d'outils de productivité s'appuient fortement sur les gestionnaires de fichiers pour accéder à un large éventail de contenus.
File_Handlers T-File_Handlers L'application se désigne elle-même comme gestionnaire de fichiers en déclarant qu'elle prend en charge les types de fichiers concernés. Cela permet aux utilisateurs d'ouvrir des fichiers avec des applications spécifiques directement depuis l'application Fichiers du système.

Curseurs

ID de la consigne ID de test Description
Custom_Cursors T-Custom_Cursors

L'appli affiche des curseurs personnalisés pour indiquer comment et quand les utilisateurs peuvent interagir avec les éléments de l'interface utilisateur et les contenus. Exemples :

  • Curseurs système fournis par le framework Android :
    • Curseur en forme de I pour le texte
    • Poignées de redimensionnement sur les bords des calques redimensionnables
    • Icônes de chargement signalant qu'un traitement est en cours
  • Curseurs spécifiques que vous fournissez :
    • Mires lorsque l'utilisateur pointe sur des cibles dans les jeux
    • Loupe lorsque l'utilisateur pointe sur des contenus pouvant faire l'objet d'un zoom
    • Outils dans les applis de dessin ou d'illustration
Pour en savoir plus, consultez les pages suivantes :
Cursor_Target_Size T-Cursor_Target_Size L'application privilégie la précision des interactions avec le curseur en implémentant des tailles de cible de curseur qui correspondent aux tailles de cible visuelle afin de réduire la cible perçue.

Multi-appareil

ID de la consigne ID de test Description
Cross_Device_Handoff T-Cross_Device_Handoff Les applications qui fonctionnent sur plusieurs types d'appareils Android permettent aux utilisateurs de commencer une tâche sur un appareil Android et de passer facilement à un autre. L'application restaure un état presque équivalent pour la même tâche afin que l'utilisateur puisse reprendre là où il s'était arrêté.

Fonctionnement hors connexion

ID de la consigne ID de test Description
Offline_Support T-Offline_Support L'application active la fonctionnalité hors connexion pour tout ou partie de l'ensemble de caractéristiques, ce qui permet aux utilisateurs de rester productifs. L'application fournit une dégradation élégante pour informer les utilisateurs des exigences de connexion.

Communication d'une application à un site Web

ID de la consigne ID de test Description
Web_Transition T-Web_Transition L'application assure des transitions fluides et intelligentes entre l'application et le contenu Web (et vice versa) le cas échéant, évitant ainsi des expériences utilisateur fragmentées.

Tests

Pour vérifier que votre application offre une expérience premium et différenciée, effectuez les tests suivants.

Expérience utilisateur

ID de test ID des consignes Description
T-Scrollbar_Display Scrollbar_Display Faire défiler le contenu de l'appli avec une souris et un pavé tactile. Vérifiez qu'une barre de défilement apparaît pendant que le contenu défile.
T-Hover_Parity Hover_Parity Avec une souris et un pavé tactile, passez le pointeur sur les éléments d'interface utilisateur comportant des contenus qui s'affichent en cascade ou dans un pop-up. Vérifiez que les contenus supplémentaires s'affichent.
T-Desktop_Menus Desktop_Menus Sur des écrans d'ordinateur et des écrans connectés, vérifiez que l'appli utilise des menus semblables à ceux d'un ordinateur et des menus contextuels.
T-UI_Config UI_Config

Vérifiez que l'application propose des options de mise en page configurables par l'utilisateur :

  • Présentation de la mise en page : si l'application est compatible avec plusieurs formats de présentation (par exemple, des vues en liste, en grille ou en colonnes), vérifiez que les utilisateurs peuvent passer d'un format à l'autre.
  • Barres d'outils flottantes : si l'application fournit des barres d'outils flottantes ancrables ou mobiles, vérifiez que les utilisateurs peuvent les déplacer ou les ancrer.
  • Reconfiguration des panneaux : sur les mises en page d'écran comportant plusieurs panneaux de contenu (comme une vue détaillée en liste), redimensionnez les panneaux en faisant glisser les séparateurs. Réorganisez les panneaux si l'application le permet.

Dans tous les cas, vérifiez que l'application reconfigure correctement sa mise en page et que le contenu reste accessible et correctement formaté.
T-Request_Fullscreen_Mode Request_Fullscreen_Mode Placez la fenêtre de l'application dans un état multifenêtre, comme le mode Écran partagé ou le mode fenêtrage du bureau. Déclenchez l'élément d'interface utilisateur plein écran de l'application. Vérifiez que l'application passe de manière fluide en mode plein écran immersif.

Clavier, souris et pavé tactile

ID de test ID des consignes Description
T-Keyboard_Navigation Keyboard_Navigation

Avec un clavier externe, parcourez l'UI de l'appli à l'aide de la touche Tabulation et des touches fléchées. Vérifiez que les états de sélection sont distincts et cohérents pour tous les éléments interactifs.

Vérifiez également que les éléments d'interface utilisateur appropriés, tels que les champs de saisie de texte, sont sélectionnés initialement lorsqu'un écran s'affiche pour la première fois et que les utilisateurs peuvent saisir des données.
T-Keyboard_Parity Keyboard_Parity Vérifiez que l'application est compatible avec les raccourcis clavier classiques et qu'elle conserve les mêmes raccourcis clavier que les versions Web et pour ordinateur de l'application, dans la mesure du possible.
T-Input_Combinations Input_Combinations Avec un clavier externe, une souris et un pavé tactile, sélectionnez des éléments dans l'UI de l'appli. Sélectionnez plusieurs éléments séparés ainsi que des plages d'éléments adjacents à l'aide des actions de clavier/souris/pavé tactile comme Ctrl+clic, Ctrl+appui, Maj+clic et Maj+appui.
T-Triple_Click Triple_Click Avec une souris et un pavé tactile, cliquez ou appuyez trois fois pour sélectionner des éléments dans l'appli, par exemple pour sélectionner des lignes de texte entières.

Modes multitâche et multi-instance

ID de test ID des consignes Description
T-Multitasking_PiP Multitasking_Scenarios,
Multitasking_PiP

Basculez l'appli en mode Picture-in-picture et quittez ce mode, aussi bien en mode portrait qu'en mode paysage, ainsi qu'en mode multifenêtre. En mode multifenêtre, modifiez la taille de la fenêtre quand le mode Picture-in-picture est actif.

En mode Picture-in-picture, interagissez avec les commandes personnalisées et vérifiez leur fonctionnement.
T-Multitasking_Split-Screen Multitasking_Scenarios En mode multifenêtre, ouvrez une autre appli depuis l'appli et affichez les deux applis côte à côte.
T-Multitasking_Attachments Multitasking_Scenarios Ouvrez et fermez des pièces jointes et des notifications en mode portrait et paysage, ainsi qu'en mode multifenêtre.
T-Multi-Instance Multi-instance Lancez plusieurs instances de l'appli dans des fenêtres distinctes en mode portrait et paysage, ainsi qu'en mode multifenêtre.

Glisser-déposer

ID de test ID des consignes Description
T-Drag_Drop_Support Drag_Drop_Support

Glissez-déposez des images et du texte sur les cibles de dépôt de l'appli. En mode multifenêtre, glissez-déposez des images et du texte entre l'appli et une autre appli (dans tous les sens possibles).

Glissez-déposez le contenu à l'aide de la saisie tactile, de la souris, du pavé tactile et du stylet (voir aussi T-Stylus_Drag_Drop). Vérifiez que le glisser-déposer fonctionne en mode portrait et en mode paysage.
T-Drag_Drop_Batch Drag_Drop_Support

Glissez-déposez plusieurs éléments, comme des images et du texte, sous forme de groupe dans l'appli. En mode multifenêtre, glissez-déposez des groupes d'éléments entre l'appli et une autre appli (dans tous les sens possibles).

Glissez-déposez le contenu à l'aide de la saisie tactile, de la souris, du pavé tactile et du stylet (voir aussi T-Stylus_Drag_Drop). Vérifiez que le glisser-déposer fonctionne en mode portrait et en mode paysage.

Impression et gestion de fichiers

ID de test ID des consignes Description
T-Printing_Support Printing_Support Vérifiez que l'application peut imprimer des documents ou les exporter dans un format imprimable tel que PDF.
T-File_Management_Basics File_Management_Basics Vérifiez que les noms et les emplacements des fichiers sont visibles, et que les utilisateurs peuvent choisir l'emplacement d'enregistrement lorsqu'ils téléchargent ou importent des fichiers.
T-File_Picker File_Picker Vérifiez que l'application utilise le sélecteur de fichiers système pour importer et exporter des fichiers.
T-File_Handlers File_Handlers Dans l'application Fichiers du système, vérifiez que l'application est listée comme option pour ouvrir les types de fichiers pertinents.

Curseurs

ID de test ID des consignes Description
T-Custom_Cursors Custom_Cursors

Interagissez avec l'appli avec une souris et un pavé tactile. Vérifiez que les curseurs personnalisés s'affichent aux endroits adéquats. Exemples :

  • Curseur en forme de I pour les champs de saisie de texte
  • Poignées de redimensionnement sur les bords des calques redimensionnables
  • Icônes de chargement lorsque l'appli traite des tâches longues
T-Cursor_Target_Size Cursor_Target_Size Avec une souris et un pavé tactile, interagissez avec de petits éléments d'interface utilisateur, tels que des icônes, des boutons et des poignées. Vérifiez que la zone interactive de chaque élément reflète précisément ses limites visuelles, ce qui permet une sélection précise.

Multi-appareil

ID de test ID des consignes Description
T-Cross_Device_Handoff Cross_Device_Handoff Commencez une tâche sur un appareil, puis passez à un autre appareil sur lequel l'application est installée. Vérifiez que vous pouvez poursuivre la tâche à partir d'un état presque équivalent.

Fonctionnement hors connexion

ID de test ID des consignes Description
T-Offline_Support Offline_Support Désactivez la connectivité réseau et vérifiez que les fonctionnalités de base de l'application restent disponibles ou que l'application fournit une notification claire des exigences de connexion.

Communication d'une application à un site Web

ID de test ID des consignes Description
T-Web_Transition Web_Transition Interagissez avec les liens profonds ou le contenu Web dans l'application. Vérifiez que les transitions entre l'application et le contenu Web associé sont fluides.