tabla de datos

01

Información y estructura

Comparar información y presentación en contexto de uso.

Mantenga los títulos y los datos consistentesEstablezca nombres de columnas, unidades y alineación apropiadas para cada tipo de datos.La columna de identificador también debe reconocerse al desplazarse horizontalmente o seleccionar varias filas.Ejemplo El código de pedido se mantiene constante cuando el usuario ve la columna de tarifas a la derecha.Indica la columna que se está ordenando.Muestra la dirección ascendente o descendente y admite el control del teclado.Para columnas con valores idénticos, utilice un suborden estable para que las filas no cambien de lugar inesperadamente entre cargas.Permitir la personalización de columnas según sea necesarioSi correspondeSi oculta o cambia el orden, hay una manera de volver al diseño predeterminado.Mantener accesible la columna de identificación del registro; La configuración de ocultación de columnas debe mantenerse separada para el usuario si es una preferencia personal.Indica el rango de filas seleccionadoDistinga la selección de página actual del resultado completo y mantenga el contador correcto.Después de filtrar o cambiar de página, indique claramente si la selección permanece; La acción masiva debe utilizar el conjunto de registros prometido exacto.Maniobras de aviación dependientes del vuelo estacionarioPermite acceso al teclado y tiene un nombre de usuario adjunto al registro.Un botón con el mismo nombre en varias filas necesita un nombre de acceso contextual, por ejemplo “Editar proyecto A”; No obligue a los usuarios a desplazarse para ver la acción.

02

Acciones y estado

Pruebe la operación, cambie el estado y continúe trabajando.

Mantenga la búsqueda y los filtros visiblesLe permite editar o eliminar condiciones sin perder el contexto de la lista.Indique la posición y el resultado total.Mantenga claro el control de transición de página y actualícelo correctamente cuando cambien los resultados del filtro.Explicación de los datos exportados.Si correspondeMuestra el elemento seleccionado, la página que se está viendo o todos los resultados.Si la exportación se ejecuta en segundo plano, indique cuándo está listo el archivo y cómo recargarlo; Especifica el filtro y limita los datos del archivo.Distinguir entre espera, vacío y error.Proporcionar el estado adecuado para cada causa y una vía de tratamiento específica.

03

Completa la experiencia

Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.

Mantenga visibles las columnas de identificación en tablas anchasCuando una tabla requiere desplazamiento horizontal, considere fijar el nombre o la columna de ID para que los usuarios aún puedan identificar el registro en cada fila.Verifique que el área del pin no cubra la columna adyacente en una pantalla estrecha; Desactívelo o cambie el diseño si el pin ocupa demasiado ancho.

tabla de datos aplicación web

Información y estructura

Acciones y estado

Completa la experiencia

Cómo revisar

Mantenga los títulos y los datos consistentes

Ejemplos de uso

Mantenga los títulos y los datos consistentes

Buscar una lista

No se encontraron listas