web-dev-qa-db-fra.com

Dans une grille, dois-je autoriser le déplacement des lignes ou utiliser la modification des cellules sur place?

Qu'est-ce qu'un meilleur compromis:

  • Permettre aux utilisateurs de déplacer des lignes dans une grille en les faisant glisser et en plaçant un bouton "Modifier" sur chaque ligne (voir image)
  • Donner aux utilisateurs une capacité de modification de cellule sur place et utiliser des boutons séparés "Déplacer vers le haut" et "Déplacer vers le bas" en dehors de la grille.

enter image description here

Je penche davantage pour permettre le glissement des lignes et opter pour le bouton "Modifier" distinct sur chaque ligne, mais j'aimerais entendre vos commentaires.

Comme @Marjan_Venema l'a déjà mentionné dans un commentaire, un poignée de ligne glissable le résout.

Drag-able row handle

Concernant le glisser-déposer, une autre chose vous devriez considérer est le retour visuel lors du réarrangement. Il peut être difficile de bien faire les choses. Si les utilisateurs ne comprennent pas facilement ce qui est déposé exactement où, vous risquez de vous rendre un mauvais service en le mettant en œuvre. Les boutons haut-bas sont beaucoup plus faciles à mettre en œuvre sans défaillance. Si vous implémentez une forme de glisser-déposer, testez-la avec de vrais utilisateurs.

1
JOG

Modification de l'ordre

Pensez à ces cas d'utilisation:

  1. L'utilisateur souhaite déplacer la ligne de 10 places.

  2. L'utilisateur veut déplacer 3 rangées de 10 places.

Comment pouvez-vous simplifier les deux actions?

-> Il semble que se déplacer avec une sélection multiple serait un bon choix.

Comment l'utilisateur doit-il déplacer les lignes?

Options:

  1. Flèches haut/bas sur le côté de la zone avec la sélection.

  2. Glisser déposer.

  3. Activez les deux.

L'option 1 pourrait être problématique - vous devez vous assurer que les boutons haut/bas restent visibles tout au long du mouvement. - Si vous l'utilisez, pensez à placer les boutons haut/bas sur la sélection plutôt que sur le côté.

L'option 2 nécessite de changer le curseur, afin que les utilisateurs sachent que le glisser-déposer est possible et nécessite également d'écouter l'ESC afin que l'utilisateur puisse abandonner les traînées accidentelles. L'option 2 peut également être plus difficile à utiliser avec les écrans tactiles (par exemple, les téléphones intelligents).

L'option 3 est la plus flexible pour les utilisateurs.


Édition

Vous avez donné deux options:

  1. Bouton Modifier par ligne.

  2. Un bouton d'édition sur le côté.

L'option 1 est judicieuse si vous souhaitez modifier une ligne à la fois, tout en autorisant une sélection multiple (pour faire glisser ou copier plusieurs lignes).

L'option 2 est logique si vous souhaitez activer la modification de plusieurs lignes à la fois, cependant, vous aurez besoin d'une vue détaillée qui résume la sélection et permet de définir une valeur pour un champ donné (colonne dans la grille de données) pour la sélection entière à la fois (par exemple a grille de propriétés).

Si vous choisissez l'option 2, vous devez vous assurer qu'elle reste visible (une fois de plus, pensez à placer le bouton sur la sélection plutôt que sur le côté).

0
Danny Varod