web-dev-qa-db-fra.com

Meilleurs exemples de conception de formulaires Web CRUD

Je cherche à réorganiser nos formulaires Web CRUD et j'apprécierais tout exemple de bonne conception d'interface utilisateur.

Nous avons beaucoup de tables de base de données qui ont des besoins d'édition minimaux par l'utilisateur - codes de pays, codes de taxe, prix des produits, etc. - et tous utilisent actuellement un format simple pour CRUD, mais il a été conçu par les développeurs et semble très fade, et pourrait très probablement avoir une bien meilleure convivialité, et certainement une meilleure conception.

Notre processus est:

Écran Rechercher - qui dispose également d'un bouton AJOUTER NOUVEAU. Entrez des valeurs pour tous les paramètres pertinents à rechercher et appuyez sur le bouton FIND. Enregistrements correspondants affichés dans une grille avec un lien EDIT. Le formulaire d'édition correspondant autorise CLONE, DELETE et SAVE.

Le cas échéant, un formulaire d'édition peut afficher les enregistrements enfants.

Pour les enregistrements/relations très complexes, le formulaire d'édition est remplacé par une carte d'enregistrement, qui affiche tout, y compris l'évier de la 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 entièrement généré mécaniquement, donc le recréer pour une nouvelle métaphore ne devrait pas être trop difficile.

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

53
Kristen

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

Contrôles d'entrée

onglets empilés

additionneur d'entrée en ligne

Assistants d'une page

Superposition

Généralement, chaque section expliquera le modèle, comment et pourquoi utiliser et donne une poignée de graphiques comme exemples du monde réel.

En tant que ressource supplémentaire, vous pouvez également visiter site de modèles d'administration de ThemeForest et parcourir leurs nombreux produits et obtenir des photos et des visites en direct de pages d'administration très bien conçues et stylisées. Personnellement, j'ai utilisé quelques-uns de ces modèles pour les sites lourds en données.

J'espère que cela vous aidera.

Mise à jour du 7/25/18: Bien qu'il soit difficile de faire fonctionner les liens d'il y a neuf ans, il semble que le site Web qui a hébergé les exemples d'interface utilisateur soit maintenant disparu. Lisez Adieu de Patternry pour plus d'informations.

33
Chris
7
anonymous coward

Ces gars ont des exemples vraiment sympas-

http://wufoo.com/gallery/

4
Chetan Sastry

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

Site Web de données dynamiques

4
achinda99

Pour moi, interface d'administration Django est un bon exemple d'interface CRUD.

3
Steven Kryskalla

Je suis juste 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/

1
opensas