2009-02-23 114 views
53

Estoy buscando renovar nuestros formularios web CRUD y agradecería cualquier ejemplo de buen diseño de interfaz de usuario.Mejores ejemplos de diseño de formularios web CRUD

Tenemos muchas tablas de base de datos que tienen necesidades de edición mínima por parte del usuario -Códigos de país, Códigos fiscales, Precios de productos, etc.- y todas usan un formato simple para CRUD, pero fue diseñado por desarrolladores y se ve muy suave, y posiblemente podría tener una mejor usabilidad, y sin duda un mejor diseño.

Nuestro proceso es: la pantalla

descubrimiento - que también tiene un botón Add New. Ingrese valores para cualquier parámetro relevante para la búsqueda y presione el botón BUSCAR. Los registros coincidentes se muestran en una cuadrícula con un enlace EDITAR. El formulario de edición correspondiente permite CLONE, DELETE y SAVE.

Cuando corresponda, un formulario de edición puede mostrar registros secundarios.

Para registros/relaciones muy complejas, el formulario de edición se reemplaza por una tarjeta de registro, que muestra todo, incluido el fregadero de la cocina. y los registros/sub registros apropiados tienen enlaces EDIT.

Es funcional, pero poco inspirador.

En base a 80:20, el código se genera mecánicamente, por lo que volver a generarlo para una nueva metáfora no debería ser demasiado difícil.

me gusta mucho de la interfaz de usuario en las páginas Magento eCommerce Admin, pero yo estaría interesado en algún otro ejemplo se puede recomendar

+0

hey, esa interfaz de usuario de magento es realmente agradable ... También me gusta la interfaz de usuario de Redmine (http://www.redmine.org/) aunque es bastante básica ... – opensas

+0

Creo que el enlace de Magento está desactualizado, pero su la pregunta es intemporal. –

+0

Voté para cerrar esta pregunta como fuera de tema porque se trata de la IU, no de la programación. Puede estar en el tema de ux.SE, pero es demasiado antiguo para migrar –

Respuesta

4

El sitio Web dinámico de datos que se pueden crear utilizando .Net 3.5 es bastante práctico. Buena capacidad CRUD dinámica y dinámica, pero muy personalizable. El enrutamiento permite establecer de forma predeterminada páginas generadas cuando sea necesario y páginas personalizadas si elige crearlas.

Dynamic Data Web Site

+0

Thansk. He visto las películas en asp.net y hay algo de reflexión, pero lo que realmente estoy buscando son algunos ejemplos de sitios completamente formados para que pueda ver ejemplos prácticos y pulidos del mundo real. – Kristen

3

Para mí, el Django admin interface es un buen ejemplo de una interfaz CRUD.

+1

Es un excelente ejemplo, pero está muy desactualizado. Su diseño está limitado por el dogma a-page-for-an-operation de los viejos tiempos, con llamadas ajax limitadas. Hoy en día las tecnologías como angular permiten mayores grados de libertad, haciendo que los patrones de diseño sean más complicados. – Wtower

33

Éstos son algunos ejemplos de patrones de interfaz de usuario:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

En general, cada sección explicará el patrón, cómo y por qué usarlo, y da un puñado de gráficos como ejemplos del mundo real.

Como recurso adicional, también puede visitar ThemeForest's admin template site y navegar a través de sus muchos productos y obtener imágenes y visitas en vivo de páginas de administración muy bien diseñadas y con estilo. Personalmente, he usado algunas de estas plantillas para sitios pesados ​​de datos.

Espero que estos te ayuden.

+0

Buenos ejemplos. No encontré uno específico de CRUD, pero he publicado una solicitud en su UserVoice :) Gracias por los enlaces. – Kristen

Cuestiones relacionadas