web-dev-qa-db-fra.com

Enregistrer / Annuler la position des boutons au-dessus ou en dessous du tableau?

Je construis un logiciel qui contient beaucoup de tablettes. Il existe des situations où une ligne de tableau comporte de nombreux paramètres.

Une cohérence dans tout le logiciel est qu'il y a un menu d'action en haut du tableau. Lorsque l'utilisateur sélectionne une ligne, les boutons d'option apparaissent. L'utilisateur peut également modifier directement le tableau. Dans ce cas, où pensez-vous qu'il est préférable de positionner les boutons d'enregistrement/d'annulation - au-dessus dans le menu d'action ou en dessous du tableau.

La ligne bleue représente la ligne sélectionnée et modifiée. enter image description here

Les tableaux peuvent contenir jusqu'à 10 000 entrées qui se chargeront avec un défilement paresseux infini. Chaque ligne du tableau peut avoir de 1 à 9 options telles que modifier, lint, définir le mot de passe, verrouiller, autoriser, etc.

Les boutons Enregistrer et Annuler seront masqués jusqu'à ce qu'une modification soit effectuée.

Y a-t-il des articles ou des recherches à l'appui de l'un ou l'autre?

4
Loro

En-tête

Si vous avez beaucoup d'enregistrements, le bon schéma consiste probablement à garder l'en-tête toujours en haut de l'écran et les enregistrements à faire défiler "sous".

header

Barre d'action en pied de page

Ensuite, un bon endroit pour les actions et bien que le bouton Enregistrer/Annuler est en bas de l'écran et non en bas du tableau. Lorsque vous sélectionnez l'élément et que la barre d'actions du volet de défilement reste.

enter image description here

Sélection multiple

Cela fonctionnera également pour plusieurs sélections (seules les actions peuvent être appliquées à plusieurs éléments doivent rester)

enter image description here

Fournir une action d'annulation

Pour que les actions soient exécutées correctement, notifiez leur achèvement et fournissez une action d'annulation. Cela vous permet de sauter l'étape de confirmation.

enter image description here

Modification sur place

Pour que des actions soient requises, une entrée utilisateur supplémentaire est bonne pour les avoir en place

enter image description here

Veuillez utiliser un contraste élevé pour la sélection et le distinguer des lignes normales pour les personnes daltoniennes. Et ce sera bien d'avoir à la fois des actions de texte et d'icônes.

3
Nick Rassadin

Quand ces boutons (Save et Cancel) apparaissent-ils? S'ils doivent apparaître lorsque l'utilisateur modifie directement le tableau, je pense que ce serait une bonne idée de mettre des boutons dans le menu d'action.

Save et Cancel sont également des actions, et l'utilisateur sait déjà où les actions apparaissent. Vous pouvez peut-être toujours afficher les boutons dans un menu d'action, mais si une action particulière n'est pas disponible, le bouton correspondant peut être désactivé.

De cette façon, vous pouvez montrer aux utilisateurs où ils peuvent rechercher n'importe quel élément de contrôle, s'ils ne savent pas comment gérer une fonction particulière.

2
errday villain

Les possibilités auxquelles je peux penser:

  • Vous pouvez placer toutes vos actions à la volée, c'est-à-dire au fur et à mesure que vous sélectionnez une ligne ou une cellule, la boîte de dialogue des actions apparaît en haut de la sélection.
  • Si vous avez une hauteur fixe pour la table, alors il est logique de garder toutes les actions au même endroit.
0
Nirav Chadda