Partager via


Zones de recherche

Notes

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 recommandations actuelles en matière de conception.

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 les 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 à mesure que l’utilisateur tape. Aucun bouton n’a besoin d’être cliqué, de sorte que le symbole de recherche de loupe s’affiche sous la forme d’un graphique, et non sous la forme d’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 en loupe.

    Zone de recherche classique utilisant la recherche instantanée. La recherche est exécutée automatiquement à 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 à la loupe s’affiche sur un bouton.

    capture d’écran d’une zone de recherche normale

    Zone de recherche classique utilisant une recherche régulière. Les utilisateurs cliquent sur un bouton pour effectuer la recherche.

    Vous pouvez fournir l’un ou l’autre des deux types d’options de recherche pour vos utilisateurs.

Est-ce le contrôle approprié ?

Pour vous décider, posez-vous les questions suivantes :

  • Les objets spécifiques sont-ils difficiles à trouver ? Ceci 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 des résultats de recherche pertinents dans un délai de cinq secondes ? Si ce n’est pas le cas, vous pouvez fournir une fonctionnalité de recherche, mais utilisez une autre conception qui donne des commentaires visibles pour prendre en charge les recherches de longue durée, telles qu’une boîte de dialogue de recherche.

Principes 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 recherche d’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 Explorer, elles sont donc faciles à trouver et à reconnaître.
  • Avoir une apparence et un comportement cohérents.
  • Sont efficaces et rapides, donnant des résultats instantanés en mode Recherche instantanée.

Une zone de recherche est utilisée dans Windows dans les emplacements suivants :

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

Apparence

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 windows Explorer 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, il est centré en haut de la fenêtre.

Le bouton Rechercher est visuellement connecté à une zone de recherche. Pour réduire l’espace, une invite 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 pour 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 pile arrière et à la barre d’adresse. Les utilisateurs disposent de plusieurs façons de restaurer la page d’origine et d’effacer une zone de recherche, notamment cliquer sur Précédent, cliquer sur la page d’origine dans la barre d’adresses, appuyer sur Échap ou désactiver la zone De recherche.

Les utilisateurs peuvent également simplement effacer la zone de recherche sans restaurer une page de résultats précédente. En mode Recherche instantanée, un bouton effacer s’affiche une fois que l’utilisateur commence à taper ; un « x » remplace le symbole de recherche en loupe. Lors du 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.

Consignes

Emplacement

  • Pour les fenêtres d’application, recherchez dans le coin supérieur droit.
  • Pour les fenêtres contextuelles, recherchez l’emplacement le plus judicieux 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-la en haut de la fenêtre.

Regarder

  • Utilisez les graphiques du bouton de recherche standard. Il existe trois versions :
    • Symbole de recherche en loupe uniquement (aucun bouton lors du pointage). Utilisez pour recherche instantanée.
    • Symbole de recherche en loupe avec bouton. Utilisez quand vous devez cliquer sur le bouton pour démarrer la recherche.
    • Symbole de recherche en loupe 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 Recherche instantanée, utilisez une flèche déroulante uniquement et affichez un bouton lors du 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 de zones de recherche normales dans différents états

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

  • N’utilisez pas d’étiquette ; utilisez une invite facultative à la place. Si les utilisateurs ont tendance à supposer que la recherche est une recherche de fichiers 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 « taper à rechercher »

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

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

Interaction

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

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

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

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

Fonctionnalités

  • 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 des résultats pertinents dans un délai de cinq secondes et la recherche instantanée doit retourner des 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 à la fois les modes de recherche régulière et recherche 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 recherche de sous-chaîne ou de suffixe). 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’adresse. Plusieurs recherches donnent lieu à une seule page virtuelle. Par conséquent, cliquer sur Précédent renvoie toujours la page d’origine.
  • Si nécessaire pour la mise à l’échelle, classez les résultats de la recherche par pertinence.
  • Une recherche vide retourne la page d’origine.

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

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

figure du dimensionnement et de l’espacement réguliers de la zone de recherche

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

Texte

  • Pour le libellé de l’invite dans la zone Rechercher, définissez-en une instruction (par exemple, Tapez pour rechercher) ou indiquez l’étendue de la recherche (par exemple, Rechercher des images).
  • Le texte de l’invite doit être bref. Un seul mot ou une phrase courte devrait suffire.
  • Utilisez les majuscules comme pour les phrases.
  • 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 majuscules 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 recherche instantanée et recherche régulière. Mettre en majuscules la lettre initiale de Recherche instantanée ; ne majuscules pas la lettre initiale de la recherche régulière.

Glossaire