Meilleurs exemples de conception de formulaire Web CRUD

Question

Je cherche à réorganiser nos formulaires Web CRUD et j'apprécierais tous les exemples de bonne conception de l'interface utilisateur. Nous avons beaucoup de tables de base de données qui ont des besoins d'édition minimes par l'utilisateur - Codes Pays, Codes Fiscaux, Prix des Produits, et ainsi de suite - et tous utilisent actuellement un format simple pour CRUD, mais il a été conçu par des développeurs et semble très fade, et pourrait très probablement avoir une meilleure facilité d'utilisation, et certainement un meilleur design.

Notre processus est:

écran Rechercher - qui a également un bouton Ajouter nouveau. Entrez des valeurs pour tous les paramètres pertinents à rechercher et appuyez sur le bouton FIND. Correspondance des enregistrements affichés dans une grille avec un lien EDIT. Le formulaire d'édition correspondant permet CLONE, DELETE et SAVE. Le cas échéant, un formulaire d'édition peut afficher des enregistrements enfants.

Pour les enregistrements/relations très complexes, le formulaire Modifier est remplacé par une fiche d'enregistrement qui affiche tout, y compris l'évier de cuisine! et les enregistrements/sous-enregistrements appropriés ont des liens EDIT.

C'est fonctionnel, mais sans intérêt. Sur une base de 80:20 le code est généré mécaniquement, donc le re-générer pour une nouvelle métaphore ne devrait pas être trop difficile.

J'aime beaucoup de l'interface utilisateur dans les pages Magento eCommerce Admin, mais je serais intéressé à d'autres exemples que vous pouvez recommander

Answer 1

Le site Web dynamique de données que vous pouvez créer en utilisant .Net 3.5 est très pratique. Bonne capacité CRUD dynamique propre et pourtant très personnalisable. Le routage permet de définir par défaut les pages générées si nécessaire et les pages personnalisées si vous choisissez de les créer.

Dynamic Data Web Site

Answer 2

Liens vaut le détour:

http://www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/

http://somerandomdude.com/articles/design/form-design/

Answer 3

Je viens de tombé sur celui-ci

vous y trouverez quelques modèles vraiment super !!!

http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/

Answer 4

Ces gars ont vraiment bien examples-

http://wufoo.com/gallery/

Answer 5

Pour moi, le Django admin interface est un bon exemple d'une interface CRUD.

Answer 6

Voici quelques exemples de modèles d'interface utilisateur:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

En règle générale, chaque section explique le motif, comment et pourquoi utiliser, et donne une poignée de graphiques en tant qu'exemples du monde réel. En tant que ressource supplémentaire, vous pouvez également visiter le ThemeForest's admin template site et parcourir leurs nombreux produits et obtenir des photos et des visites en direct de pages d'administration très bien conçu et stylé. Personnellement, j'ai utilisé quelques-uns de ces modèles pour les sites lourds de données.

J'espère que cela vous aidera.