Alternatives aux grilles dans les applications CRUD?

Question

Vous avez donc été chargé de créer une application CRUD de base. Et cette page contient une liste qui répertorie tous les éléments de l’inventaire. Si votre utilisateur souhaite modifier l’un d’eux, il existe le " Éditer " bouton à côté de chaque élément.

Vous connaissez l'exercice.

On m'a récemment demandé de modifier l'une de ces pages CRUD, qui paraissait plutôt moche. J'ai donc décidé qu'il pourrait être utile de polir.

Mais y réfléchissant ... Je me demande quelles sont les bonnes alternatives à l’utilisation des grilles lors de la création d’une page CRUD contenant beaucoup de données?

Laissant de côté les problèmes ajax / rapidité / sécurité / implémentation ...

  

Quelles sont les bonnes alternatives à l'utilisation d'une grille dans les grandes pages CRUD?

Je suis prêt à échanger un peu de convivialité pour l'esthétique si cela importait.

Answer 1

Pour afficher relativement peu de champs pour un grand nombre d'enregistrements, un affichage sous forme de tableau, tel qu'une grille, est simple, en particulier si la tâche implique de rechercher ou de comparer des enregistrements. Il y a quelque chose qui ne va pas avec les boutons Éditer pour ouvrir une fenêtre ou une page séparée à éditer. Cela signifie que l'utilisateur doit apprendre deux fenêtres et comment naviguer entre elles, et cela prend plus de temps.

Une grande amélioration de la convivialité est le montage sur place: plutôt qu'un tableau en lecture seule, disposez d'un tableau de contrôles appropriés pour les champs (zones de texte, cases à cocher, champs de liste, etc.) dans votre grille (ou à la place). de votre grille). Un seul bouton Enregistrer sur la page enregistre toutes les modifications apportées à tous les enregistrements (ou vous enregistrez automatiquement les modifications pour les événements appropriés).

Une présentation de type formulaire (éventuellement tabulée) est l’alternative à une présentation tabulaire si vous devez afficher de nombreux champs pour quelques enregistrements. Vous pouvez fournir des contrôles de pagination (par exemple, quelque chose qui ressemble à un contrôle Recordset) pour permettre à l'utilisateur de feuilleter des enregistrements.

Si vous avez beaucoup d'enregistrements et beaucoup de champs, vous pouvez combiner le tableau avec la présentation de type formulaire en créant une combinaison maître-détail. Un tableau en haut de la page affiche les champs de clé pour les enregistrements, tandis qu'un formulaire en bas de la page affiche le message "débordement" et # 8221; les champs pour n'importe quel enregistrement dans la table ont actuellement le focus.

Une autre alternative consiste à afficher les enregistrements graphiquement. Choisissez deux champs et représentez leurs valeurs pour chaque enregistrement par les coordonnées x et y utilisées pour localiser une icône sur la page. Cela est utile si la tâche implique de rechercher des modèles ou des enregistrements liés entre eux. Des champs supplémentaires pour l'enregistrement (icône) avec le focus peuvent être affichés sous forme de formulaire dans une partie de détail de la page.

Une autre chose que vous pouvez faire est de représenter certains champs graphiquement dans une présentation tabulaire ou semblable à une forme (par exemple, avec des icônes, des mini graphiques à barres, un code couleur ou un code couleur, etc.). Cela peut aider l'utilisateur à rechercher des enregistrements avec certaines valeurs. Il peut également afficher l'essentiel général d'un grand nombre de données dans un petit espace (par exemple, des sparklines).

Choisissez la disposition qui optimise les performances utilisateur pour vos utilisateurs, vos tâches et votre environnement de travail.

Answer 2

Une liste (au lieu d'une grille) qui ouvre davantage de champs à modifier lorsque vous cliquez dessus ou qui ouvre une nouvelle fenêtre ou un nouveau formulaire. Ainsi, l’écran n’est pas surchargé de données dès le début et il est très utilisable tant que les données les plus importantes sont utilisables.

Un exemple serait la liste de contacts du chat Gmail (capture d'écran ici ).

Dans certaines applications, un très bon outil de convivialité permettant de réduire les informations à afficher est un bon champ de recherche / filtrage: lorsque vous tapez dans le champ, la liste est filtrée en fonction des entrées correspondantes.