tl; dr Le paramètre par défaut pour une zone de recherche est "tout inclure". Lequel des gifs suivants présente une meilleure option pour transmettre cela?
Nous repensons une interface de création de rapports pour un ensemble de données avec des dizaines d'options de filtre possibles. Notre système actuel est très difficile à utiliser, donc cette version s'appuie fortement sur une conception défensive.
L'objectif est qu'aucune combinaison de filtres ne puisse renvoyer un ensemble de données absurde. En tant que tel, l'état "par défaut" de chaque filtre a été soigneusement rendu mutuellement exclusif de toutes les options associées.
C'est la première fois dans ce projet que je tombe sur un champ de recherche.
L'implémentation actuelle de la boîte ressemble à ceci. Lorsque l'état "vide" signifie "inclure toute référence":
Selon la cohérence avec tous les autres filtres jusqu'à présent dans cette nouvelle conception, la zone de recherche devrait ressembler à ceci:
J'ai des réserves sur l'une ou l'autre de ces options. Pour moi, la première option ne semble pas communiquer l'état par défaut aussi clairement et mutuellement exclusivement que la deuxième option. Mais la deuxième option nécessite beaucoup plus de clics que la première.
Aidez-moi!
Je vous suggère fortement de choisir la première option mais avec un changement.
La deuxième option introduit une étape programmatique (sélection dans la liste déroulante) que l'utilisateur ne devrait pas avoir à faire - Il n'y a aucune exigence pour que cette étape programmatique fonctionne comme un `` verrou de sécurité '', donc elle ne devrait pas être là.
La première option a un problème sémantique - il est difficile de communiquer aux utilisateurs qu'un champ vide signifie que tout est inclus. Cela pourrait être résolu en modifiant la façon dont les utilisateurs le comprennent. Changer le libellé en "Filtrer les références" modifie l'objectif du champ pour "restreindre" les résultats. Désormais, un champ vide signifie "aucune restriction" et un champ rempli restreint les résultats à ce qui est mentionné dans le champ.
Une option pour réduire le nombre de clics à partir de votre deuxième option serait d'inclure une ligne supplémentaire dans le formulaire dans laquelle l'utilisateur peut décider s'il souhaite rechercher spécifiquement ou pour toute référence. Une simple case à cocher peut être ajoutée pour faciliter cela.
Cela pourrait se faire comme ça en 2 étapes:
et s'ils souhaitent rechercher une référence:
Vous pouvez simplement diviser le filtre en deux parties:
Vous pouvez ensuite synchroniser les deux parties via JavaScript et afficher d'autres repères visuels (comme une icône de filtre) lorsque le filtre est actif. Et pourrait éventuellement fournir un bouton de réinitialisation une fois le filtre activé.
Utilisez la deuxième option - mais modifiez-la de sorte qu'elle utilise des boutons radio pour choisir entre "N'importe quelle référence" et "Rechercher des références".
- Toute référence
- Recherche de références [_____________]
Le champ de saisie de texte à droite de "Rechercher les références" serait activé si l'entrée du bouton radio "Rechercher les références" est sélectionnée et désactivée (grisée) dans le cas contraire.
Dans la première conception, le texte de l'espace réservé pourrait simplement dire "Tous" ou "Laisser en blanc pour inclure toutes les références". L'une ou l'autre de ces informations doit informer les utilisateurs du comportement du filtre.
Dans le deuxième modèle, le libellé du premier élément de la liste déroulante "Par défaut (toute référence)" pourrait prêter à confusion en raison de l'utilisation de "Par défaut". "Toute référence" serait peut-être plus claire.
Le mot "par défaut" n'est pas un terme que tout le monde comprendrait, et il pourrait être mal lu de filtrer sur la référence par défaut (s'il existe une référence par défaut lorsque les éléments sont créés).
La première conception est plus proche du fonctionnement des autres applications Web et devrait être plus familière à la plupart des utilisateurs. Il utilise également moins d'espace.