2009-01-22 15 views
6

Así que le asignaron construir una aplicación CRUD básica. Y tiene esta única página que sirve para enumerar todos los artículos del inventario ... si su usuario desea editar alguno de ellos, existe el botón "Editar" al lado de cada elemento.¿Alternativas a las redes en aplicaciones CRUD?

Conoce el taladro.

Recientemente me encargaron modificar una de esas páginas CRUD y parecía bastante fea. Así que decidí que podría usar un poco de pulido.

Pero pensar en ello ... Me pregunto cuáles son las buenas alternativas al uso de las redes al crear una página CRUD que deben mostrarse una gran cantidad de datos?

Dejando a un lado las preocupaciones ajax/velocidad/seguridad/ejecución ...

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

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

+0

Depende de qué son los datos, con qué frecuencia se actualizan, qué partes de los datos se actualizan habitualmente, qué tipo de datos son, hay listas desplegables, campos de texto libre, selectores de fechas, cuántos a la vez, cómo muchos usuarios, etc., demasiadas variables para dar una respuesta. –

Respuesta

7

Para la visualización de relativamente pocos campos de una gran cantidad de registros, no hay nada malo con una presentación tabular como una cuadrícula, sobre todo si la tarea implica la búsqueda o la comparación de los registros. Hay es algo mal con los botones Editar para abrir una ventana o página separada para editar. Significa que el usuario debe aprender dos ventanas y cómo navegar entre ellas, y lleva más tiempo hacerlo.

Una gran mejora de usabilidad es la edición in situ: en lugar de una cuadrícula de solo lectura, tiene una matriz de controles apropiados para los campos (cuadros de texto, casillas de verificación, cajas de peine, etc.) dentro de su cuadrícula (o en 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).

Forma similar a la disposición (posiblemente con pestañas) es la alternativa a una disposición tabular si necesita mostrar una gran cantidad de campos de pocos registros. Puede proporcionar controles de paginación (por ejemplo, algo que se parece a un control de conjunto de registros) para permitir al usuario buscar entre los registros.

Si tiene muchos registros y lotes de campos, puede combinar el tabular con el diseño similar a un formulario al tener 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 los campos de "desbordamiento" para cualquier registro en la tabla que actualmente tenga foco.

Otra alternativa es mostrar los registros de forma gráfica. Elija dos campos y represente sus valores para cada registro mediante las coordenadas xey usadas para ubicar un ícono 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 se pueden mostrar en un diseño similar a un 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, mini gráficos de barras, sombreado o codificación de color, etc.). Esto puede ayudar a los usuarios a buscar registros con ciertos valores. También puede mostrar la esencia general de una gran cantidad de datos en un espacio pequeño (por ejemplo, como líneas de chispa).

Elija la distribución que maximice el rendimiento del usuario para sus usuarios, tareas y entorno de trabajo.

2

una lista (en lugar de una rejilla) que se abre más campos para la edición cuando se hace clic, o abre una nueva ventana o formulario. De esta forma, la pantalla no se sobrecarga 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 chat de Gmail (pantalla here).

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

Cuestiones relacionadas