Recherche dans la page
Réduire la table des matières
Développer la table des matières

Recommandations en matière de recherche dans la page

L’implémentation de la recherche dans la page permet aux utilisateurs de trouver des correspondances dans le corps du texte affiché. Les visionneuses de documents, lecteurs et navigateurs constituent les types d’applications les plus classiques offrant cette fonctionnalité.

Recommandations

  • Placez une barre de commandes dans votre application avec la fonctionnalité de recherche dans la page pour permettre à l’utilisateur d’y trouver du texte. Pour plus d’informations sur le placement, voir la section Exemples.

    • Les applications proposant une recherche dans la page doivent offrir tous les contrôles requis dans une barre de commandes.
    • Si votre application comporte un grand nombre de fonctionnalités autres que la recherche dans la page, vous pouvez ajouter un bouton Rechercher dans la barre de commandes du haut comme point d’entrée vers une autre barre de commandes contenant tous les contrôles de recherche dans la page.
    • La barre de commandes de la fonctionnalité de recherche dans la page doit rester visible lorsque l’utilisateur utilise le clavier tactile. Le clavier tactile s’affiche lorsqu’un utilisateur appuie sur la zone de texte. La barre de commandes de recherche dans la page doit être déplacée vers le haut afin que le clavier tactile ne la masque pas.

    • La fonctionnalité de recherche dans la page doit rester disponible lorsque l’utilisateur interagit avec la vue. Les utilisateurs doivent pouvoir interagir avec le texte de la vue tout en utilisant la fonctionnalité de recherche dans la page. Par exemple, s’ils le veulent, ils doivent pouvoir effectuer un zoom avant ou arrière sur un document ou un mouvement panoramique sur la vue pour lire le texte. Lorsque l’utilisateur commence à se servir de la fonctionnalité de recherche dans la page, la barre de commandes doit rester disponible et un bouton Fermer être proposé pour quitter cette fonctionnalité.

    • Implémentez le raccourci clavier (Ctrl+F). Le raccourci clavier Ctrl+F doit être disponible pour que l’utilisateur puisse rapidement ouvrir la barre de commandes de recherche dans la page.

    • Intégrez les éléments de base de la fonctionnalité de recherche dans la page. Voici les éléments d’interface utilisateur nécessaires pour implémenter une recherche dans la page :

      • Zone de texte
      • Boutons Précédent et Suivant
      • Nombre de correspondances
      • Fermer (bureau uniquement)
    • Les résultats correspondants doivent être mis en surbrillance dans la vue et l’utilisateur doit pouvoir la faire défiler pour passer au résultat suivant à l’écran. Les utilisateurs peuvent se déplacer rapidement au sein du document à l’aide des boutons Précédent et Suivant, de barres de défilement ou par voie tactile, en procédant à une manipulation directe.

    • La fonctionnalité de recherche et remplacement doit pouvoir être utilisée parallèlement à la fonctionnalité basique de recherche dans la page. Si votre application dispose d’une fonctionnalité de recherche et remplacement, assurez-vous que la recherche dans la page n’interfère pas avec cette fonctionnalité.

  • Incluez un compteur de correspondances pour indiquer à l’utilisateur le nombre de correspondances de texte sur la page.
  • Implémentez le raccourci clavier (Ctrl+F).

Exemples

Fournissez un moyen facile d’accéder à la fonctionnalité de recherche dans la page. Dans cet exemple sur une interface utilisateur mobile, la fonctionnalité « Rechercher dans la page » s’affiche après deux commandes « Ajouter à... » dans un menu extensible :

Exemple de recherche dans la page 1

 

Après avoir sélectionné Rechercher dans la page, l’utilisateur entre un terme recherché. Des suggestions de texte peuvent apparaître lors de la saisie du terme recherché :

Exemple de recherche dans la page 2

 

Si aucune correspondance de texte n’est trouvée dans la recherche, une chaîne de texte « Aucun résultat » doit s’afficher dans la zone de résultats :

Exemple de recherche dans la page 3

 

Si la recherche trouve des correspondances de texte, le premier terme doit être surligné dans une couleur distincte, et les autres occurrences dans une couleur plus claire de la même nuance, comme illustré dans cet exemple :

Exemple de recherche dans la page 4

 

La Recherche dans la page a un compteur de correspondances :

Exemple de compteur de recherche dans la page

Indications d’utilisation supplémentaires

Implémentation de la recherche dans la page

  • Les visionneuses de documents, lecteurs et navigateurs, qui sont les types d’applications les plus susceptibles d’offrir la fonctionnalité de recherche dans la page, offrent à l’utilisateur une expérience d’affichage/lecture plein écran.
  • La fonctionnalité de recherche dans la page est une fonctionnalité secondaire qui doit figurer dans une barre de commandes.

Pour plus d’informations sur l’ajout de commandes à votre barre de commandes, voir Démarrage rapide : ajout d’une barre de commandes.

[Cet article contient des informations propres aux applications de plateforme Windows universelle (UWP) et à Windows 10. Pour obtenir de l’aide concernant Windows 8.1, téléchargez le document PDF de recommandations pour Windows 8.1 (en anglais).]

Rubriques associées

Pour les concepteurs
Comment désactiver une sélection de texte et d’images
Recommandations en matière de recherche
Pour les développeurs (HTML)
Démarrage rapide : ajout d’une barre de commandes

 

 

Afficher:
© 2016 Microsoft