web-dev-qa-db-fra.com

Recherche d'éléments qui incluent / excluent un attribut

J'ai une liste d'articles. Ces articles ont 1 ou plusieurs couleurs (noir, rouge, vert ou toute combinaison des trois).

L'utilisateur souhaite filtrer l'élément sur la couleur. Par exemple, affichez uniquement les éléments qui:

  • contient du noir
  • contiennent du noir et du rouge
  • sont noirs seulement
  • sont en noir et rouge uniquement

Ma première pensée a été de 3 cases à cocher, une pour chaque couleur. Cependant, considérez le scénario où un utilisateur vérifie le noir et le rouge. Il n'est pas intuitif d'afficher des éléments qui sont exactement noirs et rouges ou des éléments qui contiennent à la fois du noir et du rouge. Ainsi, non seulement les cases à cocher ne sont pas intuitives, mais elles ne gèrent pas les deux cas.

D'autres pensées ou idées?

8
Austin

Je resterais avec les trois cases à cocher pour rester simple mais juste être un peu intelligent sur la façon dont vous priorisez les résultats. Si l'utilisateur sélectionne une couleur (par exemple le noir), le système affiche les éléments avec uniquement du noir en haut des résultats, suivis des éléments avec du noir et une autre couleur, suivis des éléments avec du noir et deux autres couleurs. Ensuite, l'utilisateur peut vérifier une autre couleur pour affiner davantage les résultats.

Voici un exemple d'interface utilisateur ci-dessous (je pense que quelque chose de plus graphique que de simples cases à cocher renforce le fait que vous faites un ET):

enter image description here

J'inclurais également un décompte des résultats en haut de la page, il est donc clair que plusieurs sélections produisent une gamme de résultats plus étroite.

1
benb

Si j'avais bien compris la question .. ce pourrait être une bonne idée ..
enter image description here

Dans l'image:

Notez les boutons radio donnés pour les principales options .. !! Vous pouvez avoir des cases à cocher à l'intérieur ou simplement faire les carreaux de couleur entière sous forme de boutons cliquables montrant les états sélectionnés et non sélectionnés .. J'espère que cela vous aidera un peu .. !!

3
Pratheep ch

De quel type d'articles s'agit-il et pourquoi l'utilisateur doit-il sélectionner la couleur?

Avec un si petit nombre de couleurs (noir, rouge et vert), je montrerais les 6 options (démonter les articles unicolores des autres). Vous voudrez peut-être jouer avec les étiquettes et n'avez probablement pas besoin de cases à cocher, mais vous pouvez utiliser un autre mécanisme de sélection. Et faites attention aux problèmes d'accessibilité lorsque vous travaillez avec la couleur, ne vous fiez jamais uniquement à la couleur.

Item selection

2
Marielle

Une case à cocher pour chaque couleur me semble en fait assez intuitive.

Pour gérer le cas "sont en noir uniquement" et "sont en noir et rouge uniquement" ont une autre case à cocher en bas:

enter image description here

1
Kashyap

Cocher une case est sémantique pour dire "Oui". Ainsi, votre question doit être formulée en conséquence.

Si les utilisateurs s'attendent à ce que le filtre retourne les éléments monochromes, il doit s'agir d'une case à cocher par couleur et d'une case à cocher pour Include multi-colored items. (À mon humble avis, meilleure option)

Si les utilisateurs s'attendent à ce que le filtre retourne les éléments multicolores, il doit s'agir d'une case à cocher par couleur et d'une case à cocher pour Show only single-colored items.

Si vous n'êtes pas sûr du comportement attendu, revenez à l'écran de recherche et voyez quels sont les termes ainsi que A/B testez les deux versions pour voir où les utilisateurs réagissent mieux.

0
dnbrv