Web Form Design - résumé ou modifier

Question

Je travaille sur un site web interne de l'entreprise. Fonctionnement standard - recherchez un élément dans une liste, sélectionnez un élément.

Après avoir cliqué sur un élément de la liste, la page suivante devrait-elle être un formulaire Web avec des zones de texte et d'autres contrôles de formulaire pour me permettre d'éditer l'entité ou devrait-elle être un résumé des détails? Pour un résumé, je sélectionnerais alors une action à éditer (peut-être un bouton) pour passer à un écran d'édition, puis modifier les détails de l'entité et enregistrer?

Answer 1

Cela dépend de l'interaction de vos utilisateurs avec l'application. Cela dit, sur la page "liste", je lie généralement l'identifiant d'un article à une page "vue", et inclue également un lien (ou mieux, une icône) qui accède à une page "modifier". Une fois la soumission réussie, vous pouvez rediriger vers la page d'affichage avec les valeurs mises à jour.

Cela a l'avantage de fournir un ensemble de fonctionnalités «en lecture seule» que vous pouvez contrôler avec des autorisations.

Answer 2

Je voudrais à la fois une page de détails et une page d'édition. De cette façon, dans le futur, lorsque votre client vous dira que seuls les administrateurs devraient être en mesure de l'éditer, il est plus facile à implémenter;)

Alternative, si l'article ne nécessite pas beaucoup de détails, vous pouvez afficher un cadre popup ajax (info-bulle) en cliquant sur le lien et un bouton de lien d'édition.

Answer 3

Ceci est plus une préférence d'utilisabilité et ne ferait probablement pas beaucoup de différence entre les deux autres que le codage. J'ai toujours tendance à faire le moins de clic possible.

Si vous pouvez vous permettre l'espace d'écran je voudrais aller à la fois sur une page l'un à côté de l'autre. Vous pouvez avoir l'original sur la gauche pour l'affichage et un formulaire répliqué sur la droite pour l'édition. Ensuite, l'utilisateur peut comparer les deux avant d'enregistrer les modifications.

Si vous ne pouvez pas les placer côte à côte, vous pouvez toujours les avoir l'un après l'autre. Bien que cela conduirait probablement à devoir faire défiler vers le haut et vers le bas, cela affecterait la convivialité.

Vous pouvez également avoir un peu de js pour désactiver le formulaire, sauf si un bouton d'édition est cliqué. Les autorisations peuvent être travaillées assez facilement si c'est jamais nécessaire.

J'ai fait quelque chose de similaire et ça a très bien marché. J'ai quand même eu l'avantage des utilisateurs avec écran large!