CRUD Web窗体设计的最佳示例

我希望改进我们的CRUD网络表单,并欣赏任何良好的UI设计的例子.

我们有很多数据库表,用户只需要很少的编辑需求 - 国家代码,税码,产品价格等等 - 这些目前都使用简单的CRUD格式,但它是由开发人员设计的,看起来很平淡,并且很可能具有更好的可用性,当然还有更好的设计.

我们的流程是:

查找屏幕 - 它还有一个ADD NEW按钮.输入与搜索相关的任何参数的值,然后按"查找"按钮.使用EDIT链接匹配网格中显示的记录.相应的编辑表单允许CLONE,DELETE和SAVE.

在适当的情况下,编辑表单可以显示子记录.

对于非常复杂的记录/关系,编辑表单被记录卡取代,记录卡显示包括厨房水槽在内的所有内容!并且适当的记录/子记录具有EDIT链接.

它的功能,但没有吸引力.

在80:20的基础上,代码都是机械生成的,因此为一个新的比喻重新生成代码应该不会太难.

我喜欢Magento电子商务管理页面中的很多用户界面,但我会对你推荐的任何其他例子感兴趣

以下是UI模式的一些示例:

输入控件

堆积的标签

内联输入加法器

一页巫师

覆盖

通常每个部分都将解释模式,使用方式和原因,并提供一些图形作为真实世界的例子.

作为一个额外的资源,您还可以访问ThemeForest的管理模板网站,浏览他们的许多产品,并获得图片和现场参观设计精美的样式管理页面.我个人已经将一些这些模板用于数据量很大的站点.

希望这些可以帮到你一些.

7/25/18更新:虽然很难保持九年前的链接工作,但似乎托管UI示例的网站现在已经消失.阅读来自Patternry的告别以获取更多信息.

链接值得一看:

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

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