Partager via


Zones de recherche

Note

Ce guide de conception a été créé pour Windows 7 et n’a pas été mis à jour pour les versions plus récentes de Windows. La plupart des conseils s’appliquent toujours en principe, mais la présentation et les exemples ne reflètent pas nos conseils de conception actuels.

Avec une zone de recherche, les utilisateurs peuvent rapidement localiser des objets ou du texte spécifiques dans un grand ensemble de données en filtrant ou en mettant en surbrillance des correspondances. Il n’existe aucun contrôle de recherche standard, mais vous devez vous efforcer de rendre les fonctionnalités de recherche de votre programme cohérentes avec celles de Windows.

Il existe deux types de recherches :

  • recherche instantanée, où les résultats sont affichés immédiatement en tant que types utilisateur. Aucun bouton ne doit être cliqué. Par conséquent, le symbole de recherche de loupe s’affiche comme un graphique, et non comme un bouton.

    Capture d’écran montrant une zone de recherche instantanée avec une légende « Invite » pointant vers la zone de recherche et une légende « Symbole de recherche » pointant vers le graphique de loupe.

    Zone de recherche classique à l’aide de la recherche instantanée. La recherche est exécutée automatiquement sur chaque séquence de touches.

  • recherche régulière, où une recherche est effectuée lorsque l’utilisateur clique sur le bouton de recherche. Le symbole de recherche de loupe s’affiche sur un bouton.

    capture d’écran d’une zone de recherche régulière

    Zone de recherche classique à l’aide d’une recherche régulière. Les utilisateurs cliquent sur un bouton pour effectuer la recherche.

    Vous pouvez fournir les deux types d’options de recherche pour vos utilisateurs.

C’est le bon contrôle ?

Pour décider, tenez compte de ces questions :

  • Les objets spécifiques sont-ils difficiles à trouver ? Cela peut se produire quand :
    • Il existe de nombreux objets.
    • Les objets ne se trouvent pas dans un emplacement unique. La recherche est particulièrement utile pour rechercher des objets dans des arborescences.
    • Les données de recherche sont difficiles à trouver (par exemple, les métadonnées).
  • Les utilisateurs doivent-ils trouver du texte spécifique dans des documents ?
  • Votre fonctionnalité retourne-t-elle les résultats de recherche pertinents dans les cinq secondes ? Si ce n’est pas le cas, vous pouvez fournir une fonctionnalité de recherche, mais utiliser une autre conception qui fournit des commentaires visibles pour prendre en charge les recherches longues, telles qu’une boîte de dialogue de recherche.

Concepts de conception

La recherche est une première étape cruciale dans de nombreux scénarios : les utilisateurs doivent trouver des objets avant de pouvoir les utiliser. Les utilisateurs enregistrent de plus en plus d’objets sur des disques durs de plus en plus volumineux, mais la navigation pour les objets n’est pas bien mise à l’échelle. La recherche doit être une partie simple, cohérente et fiable de l’expérience utilisateur.

Zones de recherche dans Windows :

  • Font partie de toutes les fenêtres de l’Explorateur, de sorte qu’elles sont faciles à trouver et à reconnaître.
  • Avoir une apparence et un comportement cohérents.
  • Sont efficaces et rapides, ce qui donne des résultats instantanés en mode Recherche instantanée.

Une zone de recherche est utilisée dans Windows à l’emplacement suivant :

  • Explorateurs
  • Expériences (Lecteur Microsoft Windows Media, Galerie de photos Windows, Windows Internet Explorer)
  • Menu Démarrer (pour rechercher des programmes et des fichiers récents)
  • Page d’accueil du Panneau de configuration (pour rechercher des éléments et des tâches du panneau de configuration)
  • Aide (pour trouver des rubriques d’aide pertinentes)

Regardez et sentez

La sensation de recherche dans Windows est considérablement améliorée en prenant en charge la recherche instantanée. Le fait d’avoir des résultats instantanés rend Windows plus puissant et direct.

Dans l’Explorateur Windows et les fenêtres d’application, la recherche se trouve dans le coin supérieur droit s’il s’agit d’un point d’entrée supplémentaire. Dans ce cas, les utilisateurs recherchent un mécanisme de recherche lorsqu’ils ne trouvent pas ce qu’ils recherchent dans la fenêtre. Toutefois, si la recherche est le point d’entrée principal, elle est centrée en haut de la fenêtre.

Le bouton Rechercher est visuellement connecté à une zone de recherche. Pour réduire l’espace, une invite de facultative est utilisée à l’intérieur d’une zone de recherche au lieu d’une étiquette. L’invite peut être une instruction (par exemple, Type à rechercher) ou indiquer l’étendue de la recherche (par exemple, Rechercher des images).

capture d’écran d’une zone de recherche instantanée

Sans étiquettes et boutons distincts, la recherche instantanée dans Windows a une apparence légère.

L’exécution d’une recherche réussie crée une page virtuelle des résultats de la recherche et l’ajoute à la barre Back stack et Address. Les utilisateurs ont plusieurs façons de restaurer la page d’origine et d’effacer une zone de recherche, notamment en cliquant sur Précédent, en cliquant sur la page d’origine dans la barre d’adresses, en appuyant sur Échap ou en désactivant la zone de recherche.

Les utilisateurs peuvent également simplement effacer la zone de recherche sans restaurer une page précédente de résultats. En mode Recherche instantanée, un bouton effacer s’affiche une fois que l’utilisateur commence à taper ; un « x » remplace le symbole de recherche de loupe. Sur le pointage, le « x » obtient une apparence de bouton et peut être cliqué.

capture d’écran d’une zone de recherche avec une icône « x »

L’utilisateur peut effacer la zone de recherche en cliquant sur « x » à l’extrémité droite du contrôle.

En mode de recherche standard, le bouton effacer est facultatif. Les utilisateurs peuvent trouver utile, par exemple, si une recherche prend beaucoup de temps. Les utilisateurs peuvent cliquer sur « x » pour arrêter la recherche en cours. Si une recherche est déjà terminée, les utilisateurs peuvent cliquer sur « x » pour effacer la zone de recherche.

Lignes directrices

Emplacement

  • Pour les fenêtres d’application, recherchez la recherche dans le coin supérieur droit.
  • Pour les fenêtres contextuelles, recherchez où que vous soyez est le plus sensible et le plus pratique.
  • Exception : Si la recherche est généralement la première chose que les utilisateurs font dans une fenêtre (le point d’entrée principal), centrez-le en haut de la fenêtre.

Regarder

  • Utilisez les graphiques du bouton de recherche standard. Il existe trois versions :
    • Loupe le symbole de recherche uniquement (aucun bouton sur le pointage). Utiliser pour la recherche instantanée.
    • Loupe symbole de recherche avec bouton. Utilisez quand le bouton doit être cliqué pour démarrer la recherche.
    • Loupe symbole de recherche de verre avec bouton et flèche déroulante. Ajoutez une flèche déroulante lorsque les utilisateurs peuvent modifier l’étendue ou lorsque d’autres paramètres sont disponibles.
      • Pour la recherche instantanée, utilisez une flèche déroulante uniquement et affichez un bouton sur le pointage.
      • Pour une recherche régulière, affichez la flèche déroulante sur un bouton.

figure de zones de recherche instantanée dans différents états

Spécifications visuelles pour la recherche instantanée.

figure des zones de recherche régulières dans différents états

Spécifications visuelles pour la recherche régulière.

  • N’utilisez pas d’étiquette ; utilisez plutôt une invite facultative. Si les utilisateurs ont tendance à supposer que la recherche est une recherche de fichier générique, utilisez l’invite pour donner l’étendue. Sinon, utilisez Type pour effectuer une recherche ou une expression concise similaire.

    capture d’écran de l’invite « type à rechercher »

    capture d’écran de l’invite « rechercher tous les gadgets »

    Dans ces exemples, de brèves invites textuelles aident les utilisateurs à travailler avec la recherche.

Interaction

  • Sur le focus d’entrée, sélectionnez automatiquement tout texte précédemment entré. Cela permet aux utilisateurs d’entrer une nouvelle recherche en tapant ou en modifiant la recherche précédente en positionnant le pointage à l’aide des touches de direction.

    capture d’écran de la zone de recherche avec le texte mis en surbrillance

    Dans cet exemple, le texte précédemment entré est sélectionné sur le focus d’entrée.

  • Affecter le raccourci clavier de la zone de recherche à Ctrl+E.

Fonctionnalité

  • Prise en charge de la recherche instantanée dans la mesure du possible. Fournissez des recherches régulières et instantanées s’il existe des scénarios où la recherche régulière vaut le temps d’attente supplémentaire.
  • Les recherches régulières doivent retourner les résultats pertinents dans les cinq secondes et la recherche instantanée doit retourner les résultats dans les deux secondes. Après ce point, la recherche peut continuer à remplir des résultats moins pertinents au fil du temps tant que le programme est réactif et que les utilisateurs peuvent effectuer d’autres tâches. Vous devrez peut-être indexer vos données de recherche pour garantir cette réactivité.
  • Si vous fournissez des modes de recherche régulière et instantanée, les résultats de la recherche instantanée doivent être un sous-ensemble des résultats de recherche standard.
  • Toutes les recherches sont basées sur des préfixes (aucune sous-chaîne ou recherche de suffixes). L’utilisation de caractères génériques de fin est facultative et n’affecte pas les résultats. Si plusieurs mots sont entrés, utilisez la recherche OR.
  • Une recherche réussie ajoute une page virtuelle avec les résultats de la recherche à la pile arrière et à la barre d’adresses. Plusieurs recherches entraînent une page virtuelle unique, donc en cliquant sur Précédent, retourne toujours la page d’origine.
  • Si nécessaire pour la mise à l’échelle, placez les résultats de la recherche par pertinence.
  • Une recherche vide retourne la page d’origine.

figure du dimensionnement et de l’espacement des zones de recherche instantanées

Dimensionnement et espacement recommandés pour la recherche instantanée.

figure du dimensionnement et de l’espacement des zones de recherche régulières

Dimensionnement et espacement recommandés pour la recherche régulière.

SMS

  • Pour le libellé de l’invite dans la zone de recherche, effectuez une instruction (par exemple, Tapez pour effectuer une recherche) ou indiquez l’étendue de la recherche (par exemple, Rechercher des images).
  • Le texte d’invite doit être bref. Un mot ou une phrase courte doit suffire.
  • Utilisez la mise en majuscules de style phrase.
  • N’utilisez pas de ponctuation de fin ou de points de suspension.

Documentation

  • Reportez-vous à ce contrôle en tant que zone de recherche. Mettre en majuscule la lettre initiale du premier mot ; ne met pas en majuscule la lettre initiale de la boîte.
  • Reportez-vous aux deux types de recherche en tant que recherche instantanée et recherche régulière. Mettre en majuscule la lettre initiale de la recherche instantanée ; ne met pas en majuscule la lettre initiale de la recherche régulière.

glossaire