design - patterns - ux form tips




Los mejores ejemplos de diseño de formulario web CRUD (4)

Estoy buscando renovar nuestros formularios web de CRUD y agradecería cualquier ejemplo de buen diseño de UI.

Tenemos muchas tablas de base de datos que tienen necesidades de edición mínimas para el usuario: códigos de país, códigos de impuestos, precios de productos, etc., y todas usan un formato simple para CRUD, pero fue diseñado por desarrolladores y tiene un aspecto muy insulso. y posiblemente podría tener una mejor usabilidad, y sin duda un mejor diseño.

Nuestro proceso es:

Pantalla Buscar - que también tiene un botón AGREGAR NUEVO. 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 una base de 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 la interfaz de usuario en las páginas de administración de eCommerce de Magento , pero me interesaría cualquier otro ejemplo que pueda recomendar.



Aquí hay algunos ejemplos de patrones de UI:

Controles de entrada

Pestañas apiladas

Agregador de entrada en línea

Los magos de una página

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 el sitio de la plantilla de administración de ThemeForest y examinar sus numerosos 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.









forms