web-dev-qa-db-fra.com

Placement du menu d'actions pour les actions groupées dans une grille

J'ai joué avec l'idée de placer un menu déroulant d'action en bloc pour une grille/tableau dans l'en-tête de la colonne où les sélections sont effectuées. Cela permet d'économiser un espace précieux au-dessus du tableau pour d'autres outils, tels que les filtres.

enter image description here

Je n'ai vu cela se faire nulle part, la solution typique serait quelque chose du genre de gmail, en plaçant le menu d'action au-dessus du tableau.

Je pense que c'est assez simple - vous vous demandez si quelqu'un peut trouver des inconvénients pour cette solution?

4
Skuirrel

Assez simple et pas une solution rare. Il y a cependant deux inconvénients possibles, dont j'ai entendu les utilisateurs réagir lors des sessions de formation.

  1. Les utilisateurs ne peuvent pas trouver le contrôle. Ils le voient, mais il n'est pas tout à fait évident que vous devez utiliser celui-ci pour le supprimer ou le déplacer vers un autre emplacement.

  2. Le menu déroulant masque les éléments sélectionnés. Lorsque vous supprimez des enregistrements, vous devez vous assurer que vous supprimez les bons éléments. Si vous masquez les éléments sélectionnés, les utilisateurs ne se sentent pas en sécurité, et c'est mauvais.

Les recommandations sont les suivantes: rendez le contrôle très visible et ne masquez pas les éléments avec la liste déroulante.

8
Benny Skogberg

Les utilisateurs peuvent confondre le symbole de liste déroulante triangulaire avec le symbole "indicateur de tri des colonnes" plus courant et ne reconnaissent donc pas la liste déroulante en tant que telle.

6
pulsar

Oui, il s'agit d'une solution sûre et assez courante pour effectuer des "actions de groupe". Mais lorsque vous implémentez cela, gardez à l'esprit les aspects suivants.

  • Un bouton d'actions de groupe doit être plus visible que les boutons standard
  • Son étiquette doit être différente des éléments situés en dessous

J'avais implémenté quelque chose de similaire qui ressemblait à ça

enter image description here

3
Salman Ehsan