web-dev-qa-db-fra.com

Comment afficher la liste des éléments sélectionnés avec la possibilité de les supprimer

J'ai la conception actuelle de la sélection d'articles comme ceci:

enter image description here

Un utilisateur peut sélectionner plusieurs éléments dans différents types de balises. Les cases à cocher permettent plusieurs sélections d'éléments dans la liste. Lorsque le type d'étiquette 1 est sélectionné dans le spinner, une liste s'affiche et un utilisateur peut en sélectionner plusieurs éléments. Lorsque vous passez au type de balise 2 - une autre liste est affichée et de la même manière, un utilisateur peut également sélectionner plusieurs éléments de cette liste.

Je dois lui montrer la liste des éléments actuellement sélectionnés et permettre d'en supprimer certains. J'ai deux idées pour y parvenir:

  1. Utiliser des onglets
  2. Utiliser un champ de texte simple

Voici la première option:

enter image description here

Voici la deuxième option:

enter image description here

Qu'est-ce qui convient le mieux à ma tâche? Il y a peut-être quelque chose que je n'ai pas traversé.

2
Maxim Koretskyi

Je pense que vous avez presque compris votre réponse.
Du point de vue de l'utilisabilité, vous devez montrer ce que l'utilisateur peut atteindre (noms des balises) mais également fournir une rétroaction qu'il/elle peut sélectionner des éléments de liste à partir d'autres types de balises.

Je pense qu'une combinaison des deux serait super sur de grands écrans (un tableau tabulaire et un espace "éléments sélectionnés").
Mais sur mobile, nous n'avons pas tellement d'espace donc vous pouvez utiliser un titre des articles sélectionnés (le feedback) suivi de tabs (le "que puis-je atteindre") .

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Quel est ton opinion?

1
gpelelis