web-dev-qa-db-fra.com

Amélioration de l'UX pour les cartes multi-sélectionnables

Je conçois un écran où l'utilisateur devrait pouvoir:
1. Sélectionnez plusieurs options n/b (affichées sur les cartes)
2. Recherchez d'autres cartes et sélectionnez-les également.
Voici une image pour une meilleure explication:

Option to search or select the various options Option pour rechercher ou sélectionner les différentes options

User selects option 2 from recent options L'utilisateur sélectionne l'option 2 parmi les options récentes

User now searches for another option L'utilisateur recherche maintenant une autre option et la sélectionne.

His selections are only displayed when he clears his search Ses sélections ne s'affichent que lorsqu'il efface sa recherche

Je suis confus quant à la partie expérience utilisateur d'une telle interface.
1. Est-ce une interface utilisateur intuitive?
2. Il n'y a pas beaucoup de terrain pour moi et afficher les mêmes cartes dans les résultats de recherche et séparément car une option sélectionnée ne semble pas possible. Y a-t-il des exemples d'autres sites qui le font?
3. À quoi devrait ressembler la recherche multicarte idéale

3
Ashwin Nepal

Comme l'a déjà indiqué Muhammad Jahangir, l'utilisation de Chips pour sélectionner plusieurs résultats dans les recherches est une approche très courante.

Si vous google "ux search multi select", beaucoup de résultats ressemblent à ceci:

enter image description hereenter image description here


Suggestion:

Utilisez quelque chose comme ça:
N'occupe pas beaucoup de terrain mais affiche toujours suffisamment d'informations pour reconnaître les éléments. Utilisez des éléments supplémentaires en plus du nom pour le distinguer facilement, par exemple J'ai inclus le point de couleur comme exemple.

search Ui option with example chips

3
Big_Chair

Quelques suggestions

1- vous pouvez afficher le type d'onglet de la vue de conception de la carte sélectionnée sous la barre de recherche avec le titre, par exemple "option 2" "option 56" au lieu d'afficher la carte complète. quelque chose comme ça enter image description here

2- changer l'icône de recherche en fermer "icône croisée" pour annuler/supprimer le texte

3- Lorsque l'utilisateur a terminé la recherche et la sélection, il/elle clique sur l'icône en forme de croix pour fermer la recherche et revenir à la liste principale/vue de la carte. vous n'avez pas besoin d'afficher la carte sélectionnée dans ce cas, car le résultat sélectionné s'affichera toujours sous la barre de recherche dans la vue onglet comme je l'ai mentionné ci-dessus.

1
Muhammad Jahangir

Je suppose que cela dépend aussi de la quantité de cartes que vous attendez. S'il y a beaucoup de cartes, la recherche a du sens, mais sinon, envisagez de vous débarrasser de la recherche.

Pour revenir à votre question sur la sélection + recherche, je pense qu'après que l'utilisateur a sélectionné une carte, vous devez montrer combien de cartes il a sélectionné jusqu'à présent sans lui/elle pour passer à l'étape supplémentaire de suppression des critères de recherche d'entrée précédents, peut-être quelque chose comme Distribute (2) un nombre avec le bouton Distribute pour montrer que vous avez sélectionné ce nombre de cartes jusqu'à présent.

Aussi pourquoi il/elle ne peut plus voir le Recently used option après être revenu d'un critère de recherche qu'il a sélectionné? Même si cela est utilisé quelque part dans un produit sympa, je doute que ce soit intuitif. Pour lui montrer tous les produits sélectionnés, vous pourriez penser à lui donner une contribution pour les montrer?

Qu'est-ce que tu penses? Je suppose que lorsque j'ai vu une option récemment utilisée, puis après avoir effectué une recherche et sélectionné quelque chose, je voudrais peut-être revoir l'option récemment utilisée, et maintenant elle a disparu et affiche toutes mes cartes sélectionnées.

0
denis_lor