Search UXpar Owl-Listener

Search UX Skill.

Concevez toute l'expérience de recherche, y compris les recherches qui échouent.

Design d'interaction
Recherche

Télécharger OpenDesign Voir le guide d'utilisation

Revue de la source · Search UXSKILL.md

Tâche Design d'interaction Produit • Une spécification de la saisie de recherche et des suggestions. • Le contenu des cartes ou lignes de résultats et le comportement des filtres. • La récupération en cas d'absence de résultats et les besoins de mesure du comportement de recherche. Avant de commencer Les services de recherche et l'instrumentation des requêtes sont externes à ce guide.

Résumé éditorial · source examinée 2026-10-07 · pas un exemple généré

01 Fonctionnement

Concevoir une recherche qui aide les utilisateurs à rebondir

Un guide complet d'interface de recherche couvrant la saisie, les suggestions, la présentation du classement, l'affinage et la récupération en l'absence de résultats.

Flux de travail fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

Search UX couvre le parcours allant de la saisie d'une requête à la décision d'ouvrir un résultat. Il prend en compte les suggestions, l'accès au clavier, le regroupement des résultats, les extraits, les métadonnées et l'affinage, au lieu de traiter la recherche comme un simple champ isolé. Il reconnaît aussi que l'on cherche parfois une destination, comme les paramètres, plutôt qu'un contenu.

L'accent principal porte sur la récupération. Une vue sans résultats doit conserver la requête, expliquer ce qui a été recherché et proposer des corrections ou des itinéraires alternatifs pertinents. Ce sont des exigences d'interface : la tolérance aux fautes de frappe, le classement par pertinence et la personnalisation dépendent toujours du système de recherche réel.

Livrables attendus

Une spécification de la saisie de recherche et des suggestions.
Le contenu des cartes ou lignes de résultats et le comportement des filtres.
La récupération en cas d'absence de résultats et les besoins de mesure du comportement de recherche.

Voir le brief d'exemple

Du brief à la revue

01
Définir la matière recherchable
Listez les types de contenu et les destinations de navigation, puis choisissez les informations dont un résultat a besoin pour aider à décider de cliquer.
02
Spécifier la recherche et l'affinage
Concevez la persistance de la requête, les suggestions, la navigation au clavier, le nombre de résultats et des filtres amovibles individuellement.
03
Gérer les requêtes infructueuses
Proposez des corrections ou des voies plus larges lorsque c'est pris en charge, et identifiez les signaux de requête et d'abandon à observer.

02 Cas d’usage

Quand l'utiliser

Les services de recherche et l'instrumentation des requêtes sont externes à ce guide.

Un bon choix

Grands cataloguesUtile lorsque les utilisateurs doivent retrouver des éléments par leurs attributs plutôt que parcourir une petite hiérarchie.
Récupération de rechercheAide les équipes à améliorer un écran de résultats vide qui met actuellement fin à la tâche.

Limites à vérifier

Pas un moteur de rechercheLa source ne fournit pas de backend d'indexation et n'implémente pas d'algorithmes de classement.
Pas une architecture de navigationUne bonne interface de recherche ne supprime pas le besoin de catégories et d'une navigation compréhensibles.

Apportez ces éléments

Types de contenuFournissez les champs recherchables et les métadonnées dont les utilisateurs ont besoin pour distinguer les résultats.
Données sur les requêtesIncluez les requêtes courantes, des exemples sans résultat et des recherches de navigation, si disponibles.
Capacités du backendIndiquez la gestion des fautes de frappe, les filtres, les tris et la personnalisation disponibles, sans les supposer.

03 Décisions importantes

Les décisions qui comptent

Expliquer pourquoi un résultat correspond
Un extrait utile ou un indice de champ correspondant réduit les tâtonnements avant d'ouvrir un résultat.
Des filtres réversibles
Des filtres visibles et amovibles individuellement aident les utilisateurs à comprendre et annuler un ensemble de résultats restreint.

04 Exemple de brief

Essayer un brief ciblé

Le brief d'exemple ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Vérifier la configuration

Utilisez la méthode d'installation documentée du dépôt et conservez les fichiers complémentaires référencés. Cette entrée décrit une méthode de conception ciblée, et non une application exécutable.

Fichier source amont

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/search-ux/SKILL.md

Les services de recherche et l'instrumentation des requêtes sont externes à ce guide.

Commencer par un seul livrable

Adaptez le périmètre, le matériel source et les contraintes de ce brief avant d'exécuter le skill.

Brief d'exemple

Utilisez search-ux pour une bibliothèque contenant des modèles de design, des auteurs et des tutoriels. Concevez les suggestions, les résultats groupés et les filtres amovibles. Incluez une requête mal orthographiée sans résultat et une requête de navigation vers les paramètres du compte. Signalez tout comportement qui nécessite un travail sur le backend de recherche.

Examiner le résultat

Comparez le résultat réel à ces critères observables.

La requête saisie est conservée après l'affinage et en cas de résultats vides.
Les filtres appliqués sont visibles et amovibles.
Les métadonnées des résultats aident à distinguer des titres par ailleurs similaires.

OpenDesign fournit un espace de travail de conception local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

Télécharger OpenDesign Lire le guide de démarrage rapide

05 Source et licence

Source et licence

Cette page décrit la révision de source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source: Owl-Listener
Dépôt: Owl-Listener/designer-skills
Fichier du skill: interaction-design/skills/search-ux/SKILL.md
Licence: MIT
Instantané examiné: 2026-10-07 · 9a6930cf84a8

Résumé éditorial de la source

Un guide complet d'interface de recherche couvrant la saisie, les suggestions, la présentation du classement, l'affinage et la récupération en l'absence de résultats.

Résumé original par OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un signal de popularité daté, pas une mesure d'usage du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Peut-il ajouter la tolérance aux fautes de frappe ?

Il peut spécifier le comportement souhaité. Le backend de recherche doit prendre en charge ou implémenter ce comportement.

Les résultats doivent-ils toujours utiliser une grille ?

Non. La source distingue les listes faciles à parcourir des grilles où les vignettes visuelles sont le principal signal de sélection.

Pourquoi inclure des destinations de navigation ?

Certaines requêtes expriment le souhait d'atteindre une partie connue du produit plutôt que de trouver un document.

OpenDesign

Faites de la place à la prochaine itération de design.

Gardez votre brief, votre matériel source et votre travail de design ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre flux de travail.

Télécharger OpenDesign Parcourir les skills de design