Best CRUD Web Form Design Examples

Question

I want to update our CRUD web forms and would appreciate any examples of good user interface design.

We have many database tables that have minimal user editing needs - country codes, tax codes, product prices, etc. - and all of them currently use a simple format for CRUD, but it was developed by the developers and looks very soft and may have much better usability and, of course, better design.

Our process:

Find Screen - which also has an ADD NEW button. Enter values ​​for any parameters that are relevant for the search, and press the FIND button. Corresponding records are displayed in the grid using the EDIT link. The corresponding editing form allows CLONE, DELETE and SAVE.

If necessary, the editing form can display child entries.

For very complex recordings / relationships, the editing form is replaced by a recording card that displays everything, including the kitchen sink! and corresponding entries / subheadings have EDIT links.

Its functional but boring.

Based on the 80:20 code, everything is mechanically generated, so re-creating it for a new metaphor should not be too complicated.

I like a lot of the user interface in the Magento eCommerce Admin pages , but I would be interested in any other examples that you can recommend

Answer 1

Here are some examples of user interface templates:

Input controls

Folded Tabs

Built-in input adapter

One Page Masters

Overlay

Typically, each section explains the pattern, how and why to use it, and gives several graphs as examples of the real world.

As an additional resource, you can also visit the ThemeForest forum template site and browse through their many products, as well as get snapshots and live tours of very well-designed and stylized admin pages. I personally used several of these templates for heavy sites.

I hope they help you with this.

Answer 2

Links deserve attention:

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

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

Answer 3

The Dynamic Data website, which you can create using .Net 3.5, is very convenient. Good pure dynamic CRUD ability and yet very customizable. Routing allows you to create created pages by default if necessary, and custom pages if you decide to create them.

Dynamic Data Website

Answer 4

These guys have really good examples -

http://wufoo.com/gallery/

Answer 5

For me, the Django admin interface is a good example of a CRUD interface.

Answer 6

I just stumbled upon this

there you will find a couple of REALLY BIG patterns !!!

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