web-dev-qa-db-fra.com

Quelle est la meilleure position pour effacer le bouton de filtre dans une liste de filtres

enter image description here

Ici, j'ai un exemple d'écran pour les filtres dans une superposition où le bouton Effacer le filtre (qui n'apparaît que lorsque l'un des filtres est coché) est en dessous de la liste des filtres. Est-il correct de le placer ici ou quelque chose ne va pas avec cette conception, UX sage?

10
prazor9

Votre proposition est claire à comprendre et fonctionnera. Cependant, je pensais à une manière différente de mettre en page les éléments.

enter image description here

  • Le titre fait référence à l'ensemble de la boîte de dialogue afin que vous puissiez le placer au centre
  • Les cases à cocher Livrer et expédier enfreignaient la direction des cases à cocher principales
  • "Réinitialiser tout" agit comme une case à cocher Sélectionner/Désélectionner tout (ou simplement la première), donc en le plaçant là où ces cases à cocher apparaissent généralement (en haut) pourrait répondre aux attentes des utilisateurs

Autres notes:

  • Ne rendez pas le bouton invisible et n'apparaissez pas soudainement lorsqu'une case est cochée. Rendez-le inactif (avec moins d'opacité) et activez-le quand il correspond. De cette façon, l'utilisateur sait, dès le départ, qu'il a cette option.
  • Une manière utile d'utiliser le bouton pourrait être "Réinitialiser tout à la valeur par défaut" plutôt que "Désélectionner tout". Cela dépend de votre cas, mais s'il existe un ensemble d'options qui pourraient être considérées comme par défaut, peut-être en raison de leur nécessité pour la table à comprendre ou parce que vous souhaitez afficher vos champs recommandés, il pourrait être bon de le transmettre à l'utilisateur .
5
Alvaro

Réponse courte: C'est bien de mettre le bouton effacer tout en bas à gauche.

Réponse longue: Il n'y a pas assez d'informations ici pour parler de l'UX de votre site, car nous aurions besoin d'en savoir beaucoup plus sur les utilisateurs, où ils se sont rendus sur cet écran, ce qui les motive , etc.

Nous pourrions parler de l'interface utilisateur, bien qu'il s'agisse d'une simple superposition, il reste très peu de choses à faire.

Néanmoins, pour ce que ça vaut, je serais intéressé par quelques points:

  • Pourquoi les filtres sont-ils séparés par une ligne horizontale - est-il clair pour l'utilisateur quelle est la différence entre ceux du dessus et ceux du dessous? Existe-t-il un mécanisme de filtrage différent que vous essayez de signaler à l'utilisateur? Si c'est le cas, cela ne ressort pas clairement de votre capture d'écran.
  • "Livré" et "Expédié" semblent un peu seuls là-bas! Que sont-ils de toute façon - si je ne sélectionne ni l'un ni l'autre, quelles données vais-je obtenir? Et si je sélectionne les deux? Peut-être que les boutons radio seraient plus appropriés? Ou supprimez la case à cocher "État de livraison"?
  • Beaucoup d'espace vide ici - pourrait mieux paraître dans deux colonnes, plutôt que deux sections horizontales.
  • J'utiliserais 'Tout effacer' au lieu de 'Tout réinitialiser' pour plus de clarté (le bouton ne fait pas vraiment la réinitialisation - cela se produit lorsque vous cliquez sur 'Appliquer'), mais ce n'est qu'une préférence personnelle - vous pouvez parler à vos utilisateurs de voir ce qu'ils préfèrent.
  • La position du bouton Effacer tout, une fois que tous les éléments ci-dessus ont été résolus, peut être préférable de se rapprocher du bouton Appliquer, ou à côté de l'en-tête, ou il peut ne pas - encore une fois, voir ce que pensent vos utilisateurs. Quoi qu'il en soit, je suis sûr qu'ils pourront utiliser le bouton efficacement :)

J'espère que cela vous aide (désolé si ce n'est pas tout à fait ce que vous avez demandé!)

5
cheersphilip

Le positionnement de l'option de réinitialisation est dans la bonne position, c'est-à-dire vers la gauche. Dans le cas où il est placé à droite avec un autre bouton et que l'utilisateur clique accidentellement sur réinitialiser au lieu de Appliquer. Au lieu de réinitialiser, vous pouvez remplacer le texte par effacer tout.

3
NB4

Je pense que la position que vous avez est logique étant donné que les utilisateurs ont tendance à travailler de haut en bas. Cependant, je pense que tout aussi important que le placement est l'apparence visuelle et la transition. Le style gras/rouge appelle l'attention appropriée. Vous pouvez également utiliser des animations subtiles non gênantes pour attirer l'attention.

2
casey decker