Ordinateur

L'expérience sur ordinateur, courante sur 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 ordinateur offrent une expérience utilisateur productive qui comble le fossé entre la commodité du mobile et la puissance de l'ordinateur.

Consignes

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

Expérience utilisateur

Guideline ID Test IDs 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 informatives 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 survol distincts et cohérents avec un contraste visuel qui respecte les normes d'accessibilité sur tous les éléments de l'UI.
Desktop_Menus T-Desktop_Menus L'application comporte des éléments d'interface utilisateur non intrusifs tels que des menus de style 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'appli dispose de mises en page adaptatives et configurables par l'utilisateur pour les grands écrans et les appareils utilisant 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 bascule qui respecte la préférence de l'utilisateur de voir ses fichiers sous forme de liste ou de grille.
  • Les barres d'outils flottantes, ancrables ou mobiles s'adaptent aux préférences des utilisateurs et aux exigences des tâches.
  • 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 de navigation, aux rails et aux tiroirs.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

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

En règle générale, 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

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation

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

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

Consultez Interaction au clavier.
Keyboard_Parity T-Keyboard_Parity L'application 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 pour ordinateur.
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

Guideline ID Test IDs 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. Cela inclut 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'appli est compatible avec la fonctionnalité Picture-in-picture interactive, qui permet des commandes personnalisées et l'interaction de 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 dans Compatibilité avec le mode multifenêtre.

Glisser-déposer

Guideline ID Test IDs Description
Drag_Drop_Support T-Drag_Drop_Support L'appli gère le glisser-déposer entre les présentations au sein de l'appli et, en mode multifenêtre, vers et depuis d'autres applis via la saisie tactile, la souris, le pavé tactile et le stylet. Consultez la page Activer le glisser-déposer. Voir aussi Stylus_Drag_Drop.
T-Drag_Drop_Batch L'application permet de faire glisser et déposer plusieurs éléments à la fois pour les traiter en groupe. Consultez DropHelper pour simplifier le glisser-déposer.

Impression et gestion des fichiers

Guideline ID Test IDs Description
Printing_Support T-Printing_Support L'application 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 des fichiers, y compris :

  • Nommer et enregistrer : les noms et les emplacements des fichiers sont bien 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 à partir du stockage local et les hiérarchiser à l'aide 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 des expériences d'importation et d'exportation fluides. 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 Une application se désigne elle-même comme gestionnaire de fichiers en déclarant la prise en charge des 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

Guideline ID Test IDs 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 :
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 cibles de curseur qui correspondent aux tailles de cibles visuelles pour réduire la cible perçue.

Multi-appareil

Guideline ID Test IDs Description
Transfert inter-appareils 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

Guideline ID Test IDs Description
Offline_Support T-Offline_Support L'application permet d'utiliser tout ou partie des fonctionnalités hors connexion, ce qui permet aux utilisateurs de rester productifs. L'application fournit une dégradation progressive pour informer les utilisateurs des exigences de connexion.

De l'application au Web

Guideline ID Test IDs Description
Web_Transition T-Web_Transition L'application assure des transitions fluides et intelligentes entre le contenu de l'application et celui du Web (et inversement) le cas échéant, en évitant les 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

Test ID Guideline IDs 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 de l'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 de bureau et 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 accepte plusieurs formats de présentation (comme les vues en liste, en grille ou en colonne), 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 déplaçables, vérifiez que les utilisateurs peuvent les déplacer ou les ancrer.
  • Reconfiguration des panneaux : sur les mises en page à plusieurs panneaux de contenu (comme la mise en page liste/détails), 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 mis en forme.
T-Request_Fullscreen_Mode Request_Fullscreen_Mode Placez la fenêtre de l'application dans un état multifenêtre, tel que le mode Écran partagé ou le mode fenêtrage du bureau. Déclenchez l'élément d'interface utilisateur en plein écran de l'application. Vérifiez que l'application passe en mode plein écran immersif de manière fluide.

Clavier, souris et pavé tactile

Test ID Guideline IDs Description
T-Keyboard_Navigation Keyboard_Navigation

À l'aide d'un clavier externe, parcourez l'UI de l'application à 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'UI appropriés, tels que les champs de saisie de texte, reçoivent la sélection initiale 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 a les mêmes raccourcis clavier que dans sa version Web et sa version pour ordinateur, 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'application, par exemple pour sélectionner des lignes de texte entières.

Modes multitâche et multi-instance

Test ID Guideline IDs Description
T-Multitasking_PiP Multitasking_Scenarios

Basculez l'appli en mode Picture-in-picture et quittez ce mode, aussi bien en mode portrait qu'en mode paysage, y compris 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

Test ID Guideline IDs 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 ou 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, tels que des images et du texte, en tant que groupe dans l'application. En mode multifenêtre, glissez-déposez des groupes d'éléments entre l'application et une autre application (dans les deux sens).

Glissez-déposez le contenu à l'aide de la saisie tactile, de la souris, du pavé tactile ou 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 des fichiers

Test ID Guideline IDs 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 Sélecteur de fichiers 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 système Fichiers, vérifiez que l'application figure parmi les options permettant d'ouvrir les types de fichiers concernés.

Curseurs

Test ID Guideline IDs 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 de l'UI 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

Test ID Guideline IDs 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

Test ID Guideline IDs Description
T-Offline_Support Offline_Support Désactivez la connectivité réseau et vérifiez que la fonctionnalité de base de l'application reste disponible ou que l'application fournit une notification claire des exigences de connexion.

De l'application au Web

Test ID Guideline IDs 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.