Suggestion de recherche
Une suggestion propose une requête pendant la saisie. Sélection, lancement de la recherche et liste de résultats doivent fonctionner de manière compréhensible.
Une suggestion de recherche est un complément ou une alternative proposé à une requête saisie. Elle apparaît généralement pendant la frappe. Elle aide à formuler la demande ; elle ne prouve pas encore qu’une future liste de résultats contient un produit adapté.
Distinguer sélection et recherche
Dans une boutique fictive, une personne saisit un terme produit et voit des requêtes suggérées. L’interface doit préciser si sélectionner une suggestion remplit seulement le champ ou lance immédiatement la recherche. Un lien produit dans la même zone doit se distinguer visuellement.
Le W3C décrit l’utilisation au clavier des listes combinées. Pour votre réalisation, vérifiez l’accès à la liste, la sélection et la fermeture au clavier. Donnez un libellé clair au champ. Le test doit aussi couvrir une liste vide et une saisie sans suggestion pertinente ; l’absence de recommandation ne doit pas bloquer involontairement la recherche normale.
Sources
Termes associés
- Catalogue de produitsUn catalogue organise l’assortiment pour la recherche et le choix. Fiche produit, disponibilité en stock et publication par canal sont distinctes.
- Ordre du focusL’ordre du focus définit le parcours des éléments pouvant recevoir le focus. Il doit préserver le sens et l’utilisation lors des changements dynamiques.
- Piège au clavierUn piège au clavier bloque la navigation dans une zone. Un confinement volontaire du focus dans une boîte de dialogue doit prévoir une sortie utilisable.
- Lien d’évitementUn lien d’évitement mène au contenu principal en évitant les blocs de navigation répétés. La navigation au clavier doit ensuite continuer au bon endroit.
- Nom accessibleLe nom accessible désigne un contrôle pour les technologies d’assistance. Il doit expliquer l’action et correspondre au texte visible.
- Prototype interactifUn prototype interactif réagit à certaines actions. Il permet d’essayer un parcours sans forcément reproduire les traitements réels en arrière-plan.
Articles sur le sujet
Design & UX avec ASES
Expérience utilisateur, interfaces et image de marque