¿Alternativas a las redes en aplicaciones CRUD?

Question

Entonces, se le asignó la creación de una aplicación CRUD básica. Y tiene esta página que sirve para enumerar todos los artículos del inventario ... si su usuario desea editar alguno de ellos, está el " Editar " botón al lado de cada elemento.

Conoces el ejercicio.

Recientemente tuve la tarea de modificar una de esas páginas CRUD y se veía bastante fea. Así que decidí que podría usar algo de pulido.

Pero pensando en ello ... Me pregunto cuáles son las buenas alternativas para usar cuadrículas al crear una página CRUD que muestra muchos datos.

Dejando de lado las preocupaciones de ajax / speed / security / implementación ...

  

¿Cuáles son algunas buenas alternativas al uso de una cuadrícula en páginas CRUD grandes?

Estoy dispuesto a cambiar algo de usabilidad por estética si eso fuera importante.

Answer 1

Para mostrar relativamente pocos campos para muchos registros, no hay nada de malo en una visualización tabular como una cuadrícula, especialmente si la tarea implica buscar o comparar registros. Hay algo mal con los botones Editar para abrir una ventana o página separada para editar. Significa que el usuario tiene que aprender dos ventanas y cómo navegar entre ellas, y lleva más tiempo hacerlo.

Una gran mejora de usabilidad es la edición en el lugar: en lugar de una cuadrícula de solo lectura, tenga una matriz de controles apropiados para los campos (cuadros de texto, casillas de verificación, cuadros de peine, etc.) dentro de su cuadrícula (o en su lugar de tu cuadrícula). Un solo botón Guardar en la página guarda todos los cambios en todos los registros (o publica los cambios automáticamente para los eventos apropiados).

El diseño tipo formulario (posiblemente con pestañas) es la alternativa a un diseño tabular si necesita mostrar muchos campos para pocos registros. Puede proporcionar controles de paginación (por ejemplo, algo que se parezca a un control Recordset) para permitir que el usuario busque entre los registros.

Si tiene muchos registros y muchos campos, puede combinar el diseño tabular con el diseño de formulario mediante una combinación de detalles maestros. Una tabla en la parte superior de la página muestra los campos clave para los registros, mientras que un formulario en la parte inferior de la página muestra & # 8220; desbordamiento & # 8221; campos para cualquier registro en la tabla que actualmente tenga foco.

Otra alternativa es mostrar los registros gráficamente. Elija dos campos y represente sus valores para cada registro mediante las coordenadas x e y utilizadas para ubicar un icono en la página. Esto es bueno si la tarea implica buscar patrones o registros interrelacionados. Los campos adicionales para el registro (icono) con foco pueden mostrarse en forma de formulario en una parte detallada de la página.

Otra cosa que puede hacer es representar ciertos campos gráficamente dentro de un diseño tabular o similar a un formulario (por ejemplo, con iconos, gráficos de mini barras, codificación de colores o sombras, etc.). Esto puede ayudar a los usuarios a buscar registros con ciertos valores. También puede mostrar la esencia general de muchos datos en un espacio pequeño (por ejemplo, como minigráficos).

Elija el diseño que maximice el rendimiento del usuario para sus usuarios, tareas y entorno de trabajo.

Answer 2

Una lista (en lugar de una cuadrícula) que abre más campos para editar cuando se hace clic, o abre una nueva ventana o formulario. De esta manera, la pantalla no está sobrecargada con datos desde el principio, y es muy útil siempre que se puedan usar los datos más importantes.

Un ejemplo sería la lista de contactos de Gmail Chat (captura de pantalla aquí ).

En algunas aplicaciones, un buen toque de usabilidad que ayuda a reducir la información necesaria para mostrar es un buen cuadro de búsqueda / filtro: a medida que escribe en el cuadro, la lista se filtra a las entradas coincidentes.